Muchas veces nos complicamos la vida queriendo hacer algo espectacular y atrayente para nuestro blog.
Pero también podemos necesitar algo sencillo y que no llame mucho la atención.
En mi caso, me he puesto un botón muy sencillo, para salirme del blog y acceder al Facebook.
Los colores y el tamaño del botón, lo estableceremos en la hoja de estilos, colocando el código antes de ]]></b:skin>
.cssbutton{
background-color: #d1ec4c;
border: 2px #d1ec4c outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.cssbutton:visited{
color: black;
}
.cssbutton:hover{
border-style: inset;
background-color: #e3f48e;
padding: 2px 3px 0 5px;
}
.cssbutton:active{
color: black;
}
La parte del código en amarillo, es para cambiar el color del botón.
La parte del código en rojo, es para cambiar el color de las letras.
La parte del código en verde, es para cambiar el tamaño y el aspecto del botón.
Para poner el botón, solo hemos de insertar el siguiente código, donde queramos que aparezca el susodicho botón.
<p><a href=" http://www.dynamicdrive.com/style/csslibrary/item/3d-css-buttons/
"class="cssbutton">Dynamic Drive,botones</a></p>
Dynamic Drive,botones
Entradas
3 comentarios:
buena y util información!
Paisana, te dejo un fuerte y relajante abrazo!!
Beatriz
Holaaaaaaa...
Que razón tienes, a veces nos complicamos mucho y todo es mucho mas fácil, y más cuando personas como tu comparten tan buena información... gracias...
Saludotes y lindo día
Hola..espero que estés bien. Hoy paso para desearte unas felices vacaciones, las mías comienzas el 1 y quería darte un besote antes de irme.. Cuídate mucho..nos vemos en septiembre.
Publicar un comentario