http://smlearningfullstack.000webhostapp.com/dhunter/indexBUENO.html
Necesito un botón. Un botón para enviar los inputs de los forms.
Nada me gusta como encaja en la página. Cómo lo haríais vosotros?
si ne gustas los botones podrias agregar un shortcut con el teclado. (Control + Algo)
En diseño siempre he sido algo malo, generalmente relegó esas cosas a bootstrap pero veo que en tu pagina no lo usas, asi que no sabria que recomendarte.
Cita de: AlbertoBSD en 18 Enero 2020, 00:15 AM
si ne gustas los botones podrias agregar un shortcut con el teclado. (Control + Algo)
En diseño siempre he sido algo malo, generalmente relegó esas cosas a bootstrap pero veo que en tu pagina no lo usas, asi que no sabria que recomendarte.
Si le meto solo atajo de teclado adios soporte a Android, ios, tablets, cafeteras... xD
No me gusta usar librerías ni ES5+ por eso de dar soporte al 99% de usuarios. Me gusta hacer herramientas que le funcionen a todo el mundo. Es el principal motivo por el que programo en el navegador.
- Lo normal sería buscar alguna web que tenga un botón a gusto y ver sus estilos, lo mismo cn Bootstrap, también hay páginas para generar botones: https://www.bestcssbuttongenerator.com/
Cita de: EdePC en 18 Enero 2020, 14:11 PM
- Lo normal sería buscar alguna web que tenga un botón a gusto y ver sus estilos, lo mismo cn Bootstrap, también hay páginas para generar botones: https://www.bestcssbuttongenerator.com/
No me gusta usar código que no escribí yo. Suele tener cosas que no voy a usar y ocupan espacio.
Yo tambien soy muy dado a escribir codigo propio. Sin embargo a veces un ejemplo sencillo se puede copiar y jugar con el hasta entenderlo.
La pagina que comentaron esta muy bien por lo que veo y el css arrojado parece bastante reducido.
.myButton {
background-color:#44c767;
border-radius:28px;
border:1px solid #18ab29;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:17px;
padding:16px 31px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
}
.myButton:hover {
background-color:#5cbf2a;
}
.myButton:active {
position:relative;
top:1px;
}
<a href="#" class="myButton">green</a>
Si no quieres personalizar algun parametro del css lo borras y aceptas el default del navegador
Ya lo tengo hecho.
Lo desa página es absurdamente simple.