Buscar en este blog

FUENTES PARA EL DISEÑO DEL BLOG




ConectablogConvertir links en botones con CSS

de CONECTABLOG - RECURSOS BLOGS 

boton-css3

Ver ejemplo de botón en acción

Para crear un botón como el ejemplo, necesitamos añadir unas líneas de código CSS en nuestra plantilla e incluir una clase (class) a nuestros links.
Colocar antes de

.btn1 a {
width: 250px;
padding: 10px 25px 10px 25px;
font-family: Arial;
font-size: 16px;
text-decoration: none; color: #ffffff;
text-shadow: -1px -1px 2px #618926;
background: -moz-linear-gradient(#98ba40, #a6c250 35%, #618926);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #98ba40),color-stop(.35, #a6c250),color-stop(1, #618926));
border: 1px solid #618926;
border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.btn1 a:hover {
text-shadow: -1px -1px 2px #465f97;
background: -moz-linear-gradient(#245192, #1e3b73 75%, #12295d);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #245192),color-stop(.75, #1e3b73),color-stop(1, #12295d));
border: 1px solid #0f2557;
}


Ahora necesitamos incluir en los links, la parte en negrita: <span class="btn1"><a href="url">Texto del botón</a></span>
Texto del botón
Fuente | Six Revision



Conversor unidades htlm en entradashttp://chuano.net/chuano/util/convsimbolos.php



tttttt

SITIOS FUENTE DEL BLOG (ACTUALIZANDO)▼

PREGUNTAS Y RESPUESTAS▼

 
Subir Bajar