[Código] Botones y formularios redondeados
Fsirus! foro :: Web Master :: Codigos web :: Html
Página 1 de 1.
[Código] Botones y formularios redondeados
Bordes redondeados en phpbb2
Atenció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:
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:
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:
Lo que esta en rojo lo podemos cambiar por el color de fondo de nuestro foro, o el color que deseemos...
Saludos, y espero que os guste mucho el tutorial!
Atenció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:
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- Novato
-
Sexo : Mensajes : 55
Puntos : 5191
Fecha de inscripción : 04/07/2010
Localización : Aqui
Re: [Código] Botones y formularios redondeados
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:
Lo que esta en rojo lo podemos cambiar por el color de fondo de nuestro foro, o el color que deseemos...
Previsualizacion:
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- Novato
-
Sexo : Mensajes : 55
Puntos : 5191
Fecha de inscripción : 04/07/2010
Localización : Aqui
Fsirus! foro :: Web Master :: Codigos web :: Html
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|