Cómo colocar un icono de pdf después de un enlace a pdf en CSS

Como siempre la biblia de CSS que es css-tricks.com tenía la solución a esta búsqueda para la web de labsbibliotecarios.es.

Si colocamos la clase:


p a[href$=".pdf"]::after {
content: " \f1c1";
}

Los enlaces dentro de un párrafo tendrán el símbolo con FontAwesome de pdf.

a[href$=».pdf»]::after { content: » (PDF)»;}

Origen: A Complete Guide to Links and Buttons | CSS-Tricks – CSS-Tricks

Suscribirte
Notificación de
guest

1 Comment
lo más antiguo
lo más nuevo lo más votado
Inline Feedbacks
View all comments

+ SIGUE NAVEGANDO

Entrevista sobre Ciberactivismo en Bolivia 2.0

Entrevista realizada en el programa Bolivia 2.0 donde charlamos sobre ciberactivismo y algunos casos bolivianos. [audio https://radioteca.net/media/uploads/audios/%25Y_%25m/entrevista%20ciberactivismo%20bolivia%20dospuntocero.mp3] Descargar audio. Los audios en Radioteca se publican con Licencia Creative Commons Atribución-CompartirIgual 3.0. Puedes difundirlos, copiarlos o transmitirlos citando …

Usar el email (parece que) es revolucionario

La imagen de arriba está realizada con la herramienta immersion.media.mit.edu que nos ayuda a visualizar las relaciones que generamos y se generan a través del email.   Después de haber leído este artículo titulado "En bandeja de salida. Por qué el mail está cada vez más en desuso" no he podido resistir la tentación de poner sobre esta pizarra electrónica algunas de las cosas que creo son…

Convocatoria “El futuro de internet: ensayos sobre la próxima década”

Bases de la convocatoria en https://horizontal.mx Horizontal convoca a formar parte del libro “El futuro de internet: ensayos sobre la próxima década”, que tiene como propósito reflexionar e imaginar los cambios que la vida digital tendrá en las personas, sus relaciones sociales y sus formas de organización política y económica. De acuerdo a las siguientes: BASES: Primera. El libro se centrará …