Auto añadir fuentes impresionantes iconos para enlaces de texto utilizando automaticon. CSS
| Autor: | andrefirchow |
|---|---|
| Views Total: | 1,965 |
| Sitio oficial: | Ir a la web |
| Actualizado: | November 14, 2014 |
| Licencia: | MIT |
Vista prévia
Descripción
Automaticon. CSS es una biblioteca CSS inteligente que detecta automáticamente las extensiones de archivo o el contenido de las URL de sus enlaces y añade los iconos correspondientes a ellos utilizando Font awesome fuente de icono.
Funcionamiento
Incluya el automaticon. CSS y Font awesome requeridos en su documento.
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"> <link rel="stylesheet" href="css/automaticon.css">
Envuelva los enlaces de texto en un contenedor con la clase CSS de ' automaticon '.
<div class="automaticon"> <a href="test.doc">Text</a> <a href="http://www.facebook.com/">Facebook</a> </div>
Eso es todo. Si desea desactivar el icono automático en un enlace especificado, simplemente agregue una clase CSS ' no-automaticon ' a la etiqueta a .
<div class="automaticon"> <a href="test.doc">Text</a> <a href="http://www.facebook.com/">Facebook</a> <a class="no-automaticon" href="test.pdf">PDF </a> </div>
