1 CSS : arrondit/descendre le haut du forum et mise en page 18/9/2009, 11:47
C'est un peu compliqué niveau titre mais en fait c'est très clair une fois qu'on voit l'exemple.
Ici
Il faut donc mettre ces différents codes dans votre CSS
Je n'ai testé qu'en phpbb2 donc je ne sais pas si cela marche aussi avec les autres versions
Pour arrondir les angles :
Les pixels sont à modifier à votre guise en fonction de l'arrondissement que vous désirez optenir.
Descendre le cadre du forum afin d'y mettre un fond qui sert aussi de bannière ou juste par envie :
La hauteur des pixels est à régler à votre guise
Pour arrondir les bordures internes du forum :
Couleur à modifier en fonction de votre forum
Et idem pour les pixels
Pour arrondir les citations et code et en même temps justifier le texte et le placer à une certaine distance du bord afin qu'il soit plus lisible
justify; texte justifier
text-indent : 25px; retrait première ligne de 25 px (à modifier selon vos envies)
padding: 8px 8px; distance entre votre texte et la bordure du forum
exemple ici ici
Ici
Il faut donc mettre ces différents codes dans votre CSS
Je n'ai testé qu'en phpbb2 donc je ne sais pas si cela marche aussi avec les autres versions
Pour arrondir les angles :
.bodyline{
-moz-border-radius: 40px;
margin-top: 350px;
}
Les pixels sont à modifier à votre guise en fonction de l'arrondissement que vous désirez optenir.
Descendre le cadre du forum afin d'y mettre un fond qui sert aussi de bannière ou juste par envie :
.bodylinewidth {
margin-top: 420px;
}
La hauteur des pixels est à régler à votre guise
Pour arrondir les bordures internes du forum :
.forumline{
background-color: #;
border: 1px #061224 dotted;
-moz-border-radius: 10px;
margin-top: 10px;
}
Couleur à modifier en fonction de votre forum
Et idem pour les pixels
Pour arrondir les citations et code et en même temps justifier le texte et le placer à une certaine distance du bord afin qu'il soit plus lisible
.quote{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #033540;
padding: 8px 8px;
text-align: justify;
text-indent : 25px;
line-height: 125%;
background-color: #061224;
border: 1px #444444;
border-style: dotted;
-moz-border-radius: 12px;
margin-top: 8px}
justify; texte justifier
text-indent : 25px; retrait première ligne de 25 px (à modifier selon vos envies)
padding: 8px 8px; distance entre votre texte et la bordure du forum
exemple ici ici
Dernière édition par Solitude le 18/9/2009, 18:29, édité 1 fois