Página 1 de 1

[CSS] Aspecto a los botones de los BBCODES

Publicado: 13 Abr 2011, 18:16
por Prince Royce
Aqui les dejo un CSS amigos, este CSS le agrega un lindo aspecto a los botones de los BBcodes, les sirve para aquellos que no tienen el Advanced Bbcode Box 3 v 3.0.8 , instalado.

Vista previa:
Imagen

Código: Seleccionar todo

input{
   border: 1px solid gray;
   border-bottom: 1px solid gray;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
background: url("http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png");
background-position: 50% 100%;
background-repeat: repeat-x;
}

.fontbutton {
padding: 1px;
   border: 1px solid gray;
   border-bottom: 1px solid gray;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
background: url("http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png");
background-position: 50% 100%;
background-repeat: repeat-x;
}

a.button1, input.button1, a.button2, input.button2, button.button2 {
   padding: 3px;
   border: 1px solid gray;
   border-bottom: 1px solid gray;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
background: url("http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png");
background-position: 50% 100%;
background-repeat: repeat-x;
}
Este CSS no solo le da ese aspecto a los botones de la barra de los BBcodes, tambien a los botones de Enviar, Buscar, etc..

Salu2

Re: [CSS] Aspecto a los botones de los BBCODES

Publicado: 13 Abr 2011, 18:56
por Alorse
:bravo: buen aporte, me gusta mucho, lastima que el -moz-border-radius no sea validado como CSS correcto pero esta genial, muy bonitos, fácil y practico.

Re: [CSS] Aspecto a los botones de los BBCODES

Publicado: 13 Abr 2011, 19:13
por leviatan21
Off Topic

Alorse escribió:lastima que el -moz-border-radius no sea validado como CSS correcto
Duda : ¿ no es correcto en css 1 pero si en css 2 ?

Re: [CSS] Aspecto a los botones de los BBCODES

Publicado: 13 Abr 2011, 19:38
por Alorse
leviatan21 escribió:
Off Topic

Alorse escribió:lastima que el -moz-border-radius no sea validado como CSS correcto
Duda : ¿ no es correcto en css 1 pero si en css 2 ?
No es valido ni para CSS1 ni para CSS2, es algo que se tiene presupuestado para CSS3 y aun esta en desarrollo, igual pasa con la propiedad box-shadow, tampoco es valida aun.
Y es algo que tu usas en el ABBC3 -moz-border para dar algunos bordes, eso un pequeño defecto que le veo a tu MOD :(, no tiene CSS valido.