Cargando...
Notificaciones Password  Username

Regresar CPortada - Mas que un foro, tu Comunidad.  » Recursos para Forumotion - Foroactivo » PHPBB2 » CSS Stylesheet
Actualizar esta página CODIGOS CSS PARA PHPBB2
Nombre de Usuario:
Contraseña:
   

Responder al tema
 
Herramientas Modos de visualización

(#1)
Old  Administrador
">
avatar
Administrador
Princeton
3017132416/02/2009Peru
 
icon1 CODIGOS CSS PARA PHPBB2 el 4/11/2010, 1:16 pm

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



• Bienvenido Invitado a cPortada™️
"No son las personas normales las que cambian al mundo!"
"En los momentos de crisis, sólo la imaginación es más importante que el conocimiento"

(#2)
Old  Principiante
">
avatar
Principiante
midoweb96
1313004/02/2012Other
 
icon1 Re: CODIGOS CSS PARA PHPBB2 el 9/2/2012, 3:51 am

Niza

(#3)
Old  Principiante
">
avatar
Principiante
Detroit
1414013/01/2012Other
 
 http://expert.forum.st/
icon1 Re: CODIGOS CSS PARA PHPBB2 el 17/2/2012, 1:48 pm

Muito bom este tutorial, acredito que ajudará muitos! :D

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

 Los Códigos BB están Activado
 Los Emoticonos están Activado
 Código [IMG] está Activado
 Código HTML está Activado