Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

[CSS] Aspecto a los botones de los BBCODES

PHP, HTML, CSS, JS, jQuery, etc.

0
No hay votos
 
Votos totales: 0

Avatar de Usuario
Prince Royce
Observador/a
Mensajes: 35
Registrado: 08 Abr 2011, 02:07

[CSS] Aspecto a los botones de los BBCODES

#1

Mensaje 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


URL: http://ndslife.webege.com/index.php
Versión phpBB: phpBB3 (3.0.8)
MODs Instalados: Adaptive Hide BBcodes
Full Quick Reply Editor
Last Posts Titles
Latest Post In Profile
Smile middle
Tabbed Profiles
Top Posters on Index
board3 Portal
jQuery Quick Edit
Prime BBCode Spoiler
Plantilla(s) usada(s): Prosilver
Servidor: gratuito
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
Avatar de Usuario
Alorse
Ex Staff
Mensajes: 5144
Registrado: 22 Mar 2008, 02:14
Género:
Edad: 32

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

#2

Mensaje 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.


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
Avatar de Usuario
leviatan21
Ex Staff
Mensajes: 8279
Registrado: 26 Mar 2008, 20:06
Género:
Edad: 50

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

#3

Mensaje 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 ?
Normas de phpBB España | Normas de Soporte
No doy soporte por privado : tenga en cuenta que su problema, también puede ser el problema de otro usuario.
Cualquier mensaje privado no solicitado será ignorado :twisted:

"Education is what remains after one has forgotten everything he learned in school" - Albert Einstein


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
Avatar de Usuario
Alorse
Ex Staff
Mensajes: 5144
Registrado: 22 Mar 2008, 02:14
Género:
Edad: 32

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

#4

Mensaje 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.


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje

Volver a “🆘 Recursos Webmaster”