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
  • 1811 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. <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: You are not allowed to view links. Register or Login

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:

You are not allowed to view links. Register or Login
You are not allowed to view links. Register or Login
You are not allowed to view links. Register or Login
You are not allowed to view links. Register or Login
You are not allowed to view links. Register or Login
You are not allowed to view links. Register or Login
You are not allowed to view links. Register or Login - The Hacktivism is not a crime - Si no lo hago yo, que lo hagan otros -

Desconectado arthusu

  • *
  • Underc0der
  • Mensajes: 536
  • Actividad:
    10%
  • 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:


You are not allowed to view links. Register or Login

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: 1276
Ú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: 1393
Ú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: 319
Ú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: 1564
Ú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: 2740
Último mensaje Marzo 04, 2015, 12:25:29 pm
por alexander1712