Underc0de - Hacking y seguridad informática

Programación Web => Zona Webmaster => Mensaje iniciado por: Jimeno en Julio 28, 2013, 05:00:06 am

Título: [CSS][SERVICIO] Generador estilo para botones online
Publicado por: Jimeno en Julio 28, 2013, 05:00:06 am
Buenas a todos.
Quería compartir con ustedes este pequeño pero a la vez eficaz servicio que nos proporciona una interfaz gráfica a la hora de crear el estilo para nuestros botones en CSS3.

Con un par de clics y cambios de colores en su genial interfaz, nos proporciona un código de lo más completo, vean este ejemplo:
Código: HTML5
  1. <You are not allowed to view links. Register or Login type="button" name="" value="" class="css3button">submit</You are not allowed to view links. Register or Login>
Código: CSS
  1. button.css3button {
  2.         font-family: Arial, Helvetica, sans-serif;
  3.         font-size: 14px;
  4.         color: #ffffff;
  5.         padding: 10px 20px;
  6.         background: -moz-linear-gradient(
  7.                 top,
  8.                 #17998e 0%,
  9.                 #e8e864);
  10.         background: -webkit-gradient(
  11.                 linear, left top, left bottom,
  12.                 from(#17998e),
  13.                 to(#e8e864));
  14.         -moz-border-radius: 0px;
  15.         -webkit-border-radius: 0px;
  16.         border-radius: 0px;
  17.         border: 1px solid #7d0000;
  18.         -moz-box-shadow:
  19.                 0px 1px 3px rgba(000,000,000,0.5),
  20.                 inset 0px 0px 2px rgba(255,255,255,0.7);
  21.         -webkit-box-shadow:
  22.                 0px 1px 3px rgba(000,000,000,0.5),
  23.                 inset 0px 0px 2px rgba(255,255,255,0.7);
  24.         box-shadow:
  25.                 0px 1px 3px rgba(000,000,000,0.5),
  26.                 inset 0px 0px 2px rgba(255,255,255,0.7);
  27.         text-shadow:
  28.                 0px -1px 0px rgba(000,000,000,0.4),
  29.                 0px 1px 0px rgba(255,255,255,0.3);
  30. }
  31.  

De hecho, para facilitar el trabajo, hay una gran variedad de botones ya creados.
Link: css3button.net (http://css3button.net)

Saludos.
Título: Re:[CSS3] Generador estilo para botones online
Publicado por: ZanGetsu en Julio 28, 2013, 07:10:03 am
gracias por el aporte  ;)
Título: Re:[CSS3] Generador estilo para botones online
Publicado por: WHK en Julio 29, 2013, 10:17:22 am
me ha gustado bastante :)

acá dejo otros links que tambien pueden servir como servicio 2.0 al igual que este:

http://www.colorzilla.com/gradient-editor/
http://www.patternify.com/
http://preloaders.net/
http://converticon.com/
http://www.colorpicker.com/
http://fortawesome.github.io/Font-Awesome/icons/
Título: Re:[CSS3] Generador estilo para botones online
Publicado por: arthusu en Julio 29, 2013, 07:21:38 pm
Gracias Jimeno por el aporte y tambien a ti WHK me gusto mucho salu2
Título: Re:[CSS3] Generador estilo para botones online
Publicado por: Xt3mP en Agosto 03, 2013, 04:02:33 am
En lo personal prefiero éste por su mayor variedad y flexibilidad; añadiendo que cuenta con estilos predeterminados:

(http://i.imgur.com/BnI9Aen.png)

http://www.bestcssbuttongenerator.com/

Saludos,
Xt3mP.