TUTORIAL : REVOLUCION DE CSS PARA UN FORO TIPO RPG!

28/9/2011, 12:55 pm

REVOLUCION DE CSS PARA UN FORO TIPO RPG!
Principales Modificaciones de foros phpBB3 con CSS.

Directamente un enlace al Foro de los Foros.. [Foroactivo]

1.Definición:

Son
muchas las ocasiones en que nos preguntamos como mejorar la apariencia
de nuestros foros
de una manera sencilla, pues en la versión PHPBB3 se
puede lograr con el simple uso de CSS.
Esto es en gran medida una
recopilación de códigos que vienen en varios tutoriales
que te
convendría checar, te ayudara a tener una mejor noción de lo que veremos
a continuación.

2.Propiedades a utilizar:

Al
ser CSS, la mayoría de las etiquetas ocupan las mismas propiedades,
dependiendo de si es texto o meramente fondo, estas son algunas de las
más utilizadas.
Puedes encontrar más buscando en internet.

Código:: font-size: >> Tanto px como em. font-family: >> Procura utilizar las que soporta cualquier equipo, como Times New Roman, Georgia, Verdana, etc. text-transform: >> "Transformación del texto". Esto abarca: capitalize, uppercase, lowercase, none. font-style: >> Es el estilo de escritura. Puede ser italic o bien normal. font-weight: >> Aquí podemos hacer uso de estilos tales como "bold" y "lighter". color: >> Los valores pueden ser RBG, Hexadecimal o bien, solamente el nombre en inglés del color. text-decoration: >> Algunos de los más conocidos son: underline, overline, line-through, blink, none. background: >> Que puede ser "-color" o "-image". text-align: >> Se refiere a la posicisión de nuestro texto, esto será: left, right, center, justify. line-height: >> El alto de una línea, y por tanto, el espaciado entre líneas. Los px son su unidad de modificación. border-radius: >> Para redondear cualquier elemento. Una vez utilizaremos los px de acuerdo al efecto que queramos crear. border-color: >> Para indicar el color del borde del elemento de la página al que se lo aplicamos. Se puede poner colores por separado con los atributos border-top-color, border-right-color, border-bottom-color, border-left-color. border-style: >> El estilo del borde, que pueden ser: none, dotted, solid, double y desde groove hasta outset. border-width: >> El tamaño del borde del elemento al que lo aplicamos. text-shadow: >> Especifica uno o varios efectos de sombra separados por comas. Cada efecto lo compone: un color (opcional), distancia a la izquierda, distancia hacia abajo y desenfoque (opcional). letter-spacing: >> Espaciado entre caracteres en píxels (px), puntos tipográficos (pt), centímetros (cm), milímetros (mm), pulgadas (in), etc.

Mas ---> Foroactivo

Modificar apariencia de los botones con un degradado
Efecto redondeado en la numeración de páginas con degradado
Cambiar color de las pestañas en el perfil
Modificar el estilo en las leyendas
Cambiar el aspecto del nombre de los usuarios
Modificar apariencia del wysiwyg
Cambiar colores del cuadro de busqueda
Colocar una imagen de fondo en la opción ¡Más!
Modificar la respuesta rápida
Modificar links de titulos de cabecera
Modificación de otros links del foro
Colocar una imagen como footer
Modificar el spoiler, código & cita
etc,etc