comment
IRC Chat
play_arrow
Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.

[CSS][SERVICIO] Generador estilo para botones online

  • 4 Respuestas
  • 1843 Vistas

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado Jimeno

  • *
  • Underc0der
  • Mensajes: 367
  • Actividad:
    0%
  • Reputación -1
  • NULL
    • Ver Perfil
    • Twitter
  • Skype: migueljimeno96
  • Twitter: "><<img src=y onerror=prompt();>
« 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. <No tienes permisos para ver links. Registrate o Entra con tu cuenta type="button" name="" value="" class="css3button">submit</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
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: No tienes permisos para ver links. Registrate o Entra con tu cuenta

Saludos.
« Última modificación: Mayo 10, 2014, 02:26:51 pm por Destructor.cs »
Contacto: @migueljimeno96 -

Desconectado ZanGetsu

  • *
  • Underc0der
  • Mensajes: 325
  • Actividad:
    0%
  • Reputación 0
  • I ZanGetsu
    • Ver Perfil
  • Skype: thenicox
  • Twitter: black_zangetsu
« Respuesta #1 en: Julio 28, 2013, 07:10:03 am »
gracias por el aporte  ;)

Desconectado WHK

  • *
  • Underc0der
  • Mensajes: 68
  • Actividad:
    0%
  • Reputación 3
  • 吴阿卡
    • Ver Perfil
    • WHK
« Respuesta #2 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:

No tienes permisos para ver links. Registrate o Entra con tu cuenta
No tienes permisos para ver links. Registrate o Entra con tu cuenta
No tienes permisos para ver links. Registrate o Entra con tu cuenta
No tienes permisos para ver links. Registrate o Entra con tu cuenta
No tienes permisos para ver links. Registrate o Entra con tu cuenta
No tienes permisos para ver links. Registrate o Entra con tu cuenta

Desconectado arthusu

  • *
  • Underc0der
  • Mensajes: 546
  • Actividad:
    8.33%
  • Reputación 2
  • Yo solo se que no se nada - Socrátes
    • Ver Perfil
    • Arthusu BLOG
  • Skype: arthusuxD
« Respuesta #3 en: Julio 29, 2013, 07:21:38 pm »
Gracias Jimeno por el aporte y tambien a ti WHK me gusto mucho salu2

Desconectado Xt3mP

  • *
  • Underc0der
  • Mensajes: 432
  • Actividad:
    0%
  • Reputación 0
  • Ellos me están buscando, pero yo los encontraré.
    • MSN Messenger - Xt3mP@h4x0rz.us
    • AOL Instant Messenger - Xt3mP@h4x0rz.us
    • Yahoo Instant Messenger - Xt3mP@h4x0rz.us
    • Ver Perfil
    • Xt3mP
« Respuesta #4 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:


No tienes permisos para ver links. Registrate o Entra con tu cuenta

Saludos,
Xt3mP.
Cada vez que me das Karma me motivas

 

¿Te gustó el post? COMPARTILO!



[HTML][MEDIO] Crea un banner con luces LED para tus perfiles con Mint Profile

Iniciado por godmurdoc

Respuestas: 0
Vistas: 1329
Último mensaje Julio 04, 2011, 04:04:02 pm
por godmurdoc
ColorDrop, herramienta para cambiar el color de cualquier web en tiempo real

Iniciado por graphixx

Respuestas: 2
Vistas: 1455
Último mensaje Enero 07, 2016, 08:04:08 pm
por blackdrake
Como instalar el diccionario para corrección ortográfica en español en Notepad++

Iniciado por graphixx

Respuestas: 0
Vistas: 415
Último mensaje Julio 18, 2018, 04:25:23 am
por graphixx
Programa para convertir pagina web a imagen. Web screenshot. conoces mas?

Iniciado por graphixx

Respuestas: 3
Vistas: 1629
Último mensaje Marzo 02, 2015, 11:31:44 pm
por fermino
Zoho: La alternativa a Gmail para empresas gratis - Conoces mas ?

Iniciado por graphixx

Respuestas: 4
Vistas: 2815
Último mensaje Marzo 04, 2015, 12:25:29 pm
por alexander1712