Jun 02
En el blog Woork me he encontrado con un tutorial excelente con el que podemos implementar enlaces gráficos usando sólo HTML y CSS y los resultados que obtenemos son espectaculares. También podemos incluir gráficos (iconos) para complementar los botones. Los pasos son muy sencillos para implementar esta técnica, y también pueden descargar un paquete de iconos muy vistosos para colocarlos junto a sus enlaces. El código HTML sería algo así:
-
-
<a href="#" class="button">
-
-
<span class="add">Add to your bookmark</span>
-
-
</a>
-
Y el código CSS para los estilos sería el siguiente:
-
-
a.button{
-
-
background:url(img/button.gif);
-
-
display:block;
-
-
color:#555555;
-
-
font-weight:bold;
-
-
height:30px;
-
-
line-height:29px;
-
-
margin-bottom:14px;
-
-
text-decoration:none;
-
-
width:191px;
-
-
}
-
-
a:hover.button{
-
-
color:#0066CC;
-
-
}
-
Enlace | Beautiful CSS buttons with icon set
Junio 3rd, 2008 at 1:07 pm
QUE BUENO¡¡¡