Estimados miembros,

Sabemos que os encata cambiar el estilo de sus foros ! Asi os proponemos varios codigos para mejorarlo a su gusto y según la versión

Teneis que ir en PA > Visualización > colores e imagenes > colores > pagina CSS

1. Subrayar el link con puntos al pasar el raton :

Código:

a.mainmenu:hover{
 letter-spacing : 3px;
 text-decoration: none;
 color : #13C9C7;
 font-variant: small-caps ;
 border-bottom: dotted 1px #codigo color
 }
a.forumlink:hover{
 letter-spacing : 3px;
 text-decoration: none;
 color : #13C9C7;
 font-variant: small-caps ;
 border-bottom: dotted 1px #codigo color
 }
a.topictitle:hover{
 text-decoration: none;
 letter-spacing : 3px;
 color : #13C9C7;
 font-variant: small-caps ;
 border-bottom: dotted 1px #codigo color
 }

Tienes que encontrar el codigo que quieras !

2. Modificar la fuente, ponerla en mayuscula, al pasar el raton :

Código:

A:hover{text-transform:uppercase;}

El codigo sirve tambien para phpBB3 y punBB

3. Poner bordes redondos en los titulos de los bordes de los modulos del portal barras de los foros :

¡¡se ve solamente con Firefox!!

Código:

td.rowpic {
border: 1px #b6b7b6 solid;
-moz-border-radius: 15px;
}
th {
 border: 1px #b6b7b6 solid;
-moz-border-radius: 15px;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
 border: 1px #b6b7b6 solid;
-moz-border-radius: 15px;
}

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
 border: 1px #b6b7b6 solid;
-moz-border-radius: 15px;
}

explicación :
-moz-border-radius: 15px; : valor del "redondo" (15px)
border: 1px #b6b7b6 solid; : color del borde

El codigo sirve tambien para phpBB3

4. Links mas grandes al pasar el raton (excepto en los mensajes) :

Código:

a.mainmenu:hover {font-size:larger;}
a.forumlink:hover {font-size:larger;}
a.topictitle:hover {font-size:larger;}

5. Poner un color o una imagen en el titulo de los modulos :

• Poner un color :
  

Código:

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-color :#codigo color;
}

• Poner una imagen :
  

Código:

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url("http://url de la imagen");
}

Atte,
Staff ~FDF~

Tutorial Creado por : Asus02
Copyrigth © Foroactivo

Niza

Muito bom este tutorial, acredito que ajudará muitos!