Bueno ayer hablando con Ubuntero le dije de mejorar el botón para subscribirse al feed por email…
El botón se ve como el default y teniendo este tema tan bonito.. no podíamos dejarlo así…
Así que, aunque no soy dado al diseño, me puse a hacer un botón con CSS3
y el resultado es este
lo he subido a un servidor externo porque por alguna razón no aplica bien el css…
El code css es este:
ul li form input[type="submit"] {
background-color: #C2DC15;
color:#fff;
font-weight: bold;
cursor: pointer;
/* Sombras */
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2)
/* Redondear */
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
También podemos aplicar una gradiante agregando este code:
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); background: -moz-linear-gradient(top, #666, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
pero para este diseño me pareció que no pegaba una gradiante 😉
Nota: Ubun sabes que eres libre de cambiar colores y demás y de tirarlo a la basura también 😉
Bueno yo con css no me manejo bien pero que es esto de
ul li
Que sale al inicio del code ?
Lo digo por que no solo dice ul li pero sin < > y no cierra luego ni nada.. o tienen el css un comando ul li que no es precisamente para listas ?
Luego ya lo pruebo a ver que tal 🙂
Bueno esta perfecto así combina bastante con el theme !
Ahora hasta dan ganas de suscribirse jaja
Gracias nax por el botón 😉
No se pero creo que buscar unos cuantos iconos no estaría mal unos sencillos pero que combinen mejor que los default no me gustan nada !
Aunque ya vere ¬¬
ul li form input
lo que hace es entrar dentro de un
luego un- luego un
Jaja lo de skamaslealo es viejo, pero no se si ira mejor arriba o a bajo al final del post ¬¬