Hace bastante que me harté del estilo “web 2.0″, con sus colores fuertes, figuras grandes, reflejos, rayas, etc.

Hoy me gustan los diseños limpios, geométricos, ordenados; es decir, sin detalles innecesarios, pero no por eso inatractivos.

Facebook es un muy buen ejemplo, y el otro día buscando el estilo de sus botones (justamente para el formulario de comentarios) me encontré con el código justo. Si te interesa usar un botón submit estilo Facebook, aquí tienes el CSS correspondiente:

.boton_fb {background-color: #3b5998;border-color: #d8dfea rgb(14, 31, 91) rgb(14, 31, 91) rgb(216, 223, 234);border-style: solid;border-width: 1px;color: #fff;font-family: "lucida grande", tahoma, verdana, arial, sans-serif;font-size: 11px;margin: 0 2px;padding: 2px 18px;}

En caso de que no sepas nada sobre CSS y quieras aplicarlo en tu blog de WordPress, pega el código anterior en la hoja de estilo del theme (style.css), y en la página de comentarios (comments.php) agrega class="boton_fb" al botón enviar.

Categorías: Diseño
Tags: , ,

1 Comentario sobre “Botón estilo Facebook en CSS”

  1. Ahi falta el:
    cursor: pointer;

Deja un comentario