Fsirus! foro
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

[Código] Botones y formularios redondeados

Ir abajo

[Código] Botones y formularios redondeados Empty [Código] Botones y formularios redondeados

Mensaje por Rikudou Dom Jul 04, 2010 10:38 pm

Bordes redondeados en phpbb2
[Código] Botones y formularios redondeados 2rcl4k7Atención: Este código solo funciona con la versión phpBB2

Bueno, este tutorial os enseñará a aquellos que tengáis vuestros foros en phpbb2 a poner bordes redondeados en la tablas, como; titulo, módulos, índice y demás tablas al igual que en phpbb3.

Debéis de ir a Panel de Administración>>Visualización>>Colores>>CSS

Y ahí debéis poner el siguiente codigo:

table{
-moz-border-radius: 10px;
background-color : #FFFFFF;
border : 1px solid #000000;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
padding-left : 3px;
padding-right : 3px;
}

Los valores que podéis modificar se encuentran de color:
Rojo: Es el radio de la circunferencia del borde. Cuanto mayor es el número más redondeado es el borde.
Verde: Es el color del fondo.
Naranja: El color de la línea de borde.
Violeta: Grosor del borde por la izquierda.
Azul: Grosor del borde por la derecha.

Adjunto unas imágenes de los resultados obtenidos:
[Código] Botones y formularios redondeados W6w26r
Este tutorial dará mucho más estilo a vuestros foros.



Bordes redondeados en phpbb3
Este tutorial nos ayudara a poner los modulos de "citar" "spoiler" y "codigo" redondeados, sólo para foros versión phpbb3.

Vamos a Panel de administracion>Visualizacion>Colores>CSS, y pegamos lo siguiente:
Código:
blockquote {
-moz-border-radius: 1em;
border-radius: 1em;
}

dl.codebox {
-moz-border-radius: 1em;
border-radius: 1em;
background: #202020 ;
}

Lo que esta en rojo lo podemos cambiar por el color de fondo de nuestro foro, o el color que deseemos...
Spoiler:

Saludos, y espero que os guste mucho el tutorial!





Última edición por Naruteitor el Lun Jul 05, 2010 8:20 pm, editado 3 veces (Razón : No Doble post Utiliza Editar ;))
Rikudou
Rikudou
Novato

100 %

Sexo : Masculino Mensajes : 55
Puntos : 5191
Fecha de inscripción : 04/07/2010
Localización : Aqui

Volver arriba Ir abajo

[Código] Botones y formularios redondeados Empty Re: [Código] Botones y formularios redondeados

Mensaje por Rikudou Lun Jul 05, 2010 12:01 am

Bordes redondeados en phpbb3
Este tutorial nos ayudara a poner los modulos de "citar" "spoiler" y "codigo" redondeados, sólo para foros versión phpbb3.


Vamos a Panel de administracion>Visualizacion>Colores>CSS, y pegamos lo siguiente:


blockquote {
-moz-border-radius: 1em;
border-radius: 1em;
}

dl.codebox {
-moz-border-radius: 1em;
border-radius: 1em;
background: #202020 ;
}

Lo que esta en rojo lo podemos cambiar por el color de fondo de nuestro foro, o el color que deseemos...

Previsualizacion:
Spoiler:
Rikudou
Rikudou
Novato

100 %

Sexo : Masculino Mensajes : 55
Puntos : 5191
Fecha de inscripción : 04/07/2010
Localización : Aqui

Volver arriba Ir abajo

Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.