Dar estilo a nuestros button
En vikiworks veo otra sencilla técnica para mejorar los botones de publicación de nuestros formularios y lograr así adaptar completamente todo a nuestro diseño, aun dependiendo desde donde naveguen nuestros usuarios.
Ver demo - Descargar ejemplo
CSS:
-
button {border:0; cursor:pointer; font-weight:bold; padding:0 20px 0 0; text-align:center;width:auto; overflow:visible;}
-
button span {position:relative; display:block; white-space:nowrap; padding:0 0 0 20px;}
-
button.submitBtn {background:url(images/btn_blue_right.gif) right no-repeat; font-size:1.2em;}
-
button.submitBtn span {height:30px; line-height:30px;background:url(images/btn_blue_left.gif) left no-repeat;color:#fff;}
-
button.submitBtn:hover {background:url(images/btn_blue_right_hover.gif) right no-repeat;}
-
button.submitBtn:hover span {background:url(images/btn_blue_left_hover.gif) left no-repeat;}
links for 2007-09-18 « D e j a m e S e r said,
Wrote on September 18, 2007 @ 12:19
[...] Dar estilo a nuestros button « Xyberneticos (tags: button) [...]
Tip: Dale estilo a tus botones | ConocimientosWeb.es said,
Wrote on September 18, 2007 @ 15:19
[...] | Archivos auxiliares Demo en Xyberneticos | Clic aquí Vía | Xyberneticos Tags: botones, CSS, Descargas, Diseño Web, Efectos, tipComparte este [...]
TheDaVis Blog — Dar estilo a los button de nuestra web said,
Wrote on September 24, 2007 @ 11:44
[...] Fuente: Xyberneticos [...]
WebDevBookmarks: Botones « D e j a m e S e r said,
Wrote on October 14, 2007 @ 14:25
[...] Dar estilo a nuestros button vía Xyberneticos [...]
Dar estilo a los button de nuestra web - TheDaVis Blog said,
Wrote on April 19, 2008 @ 13:55
[...] Fuente: Xyberneticos [...]