Header
Partagez | 

[Tuto] Feuille CSS pour forum phpbb2

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Miettes

Doyenne
Bons Points (BP) : 113
Voir le profil de l'utilisateur

Message Sujet: [Tuto] Feuille CSS pour forum phpbb2   Mar 29 Juil - 13:22

Vous rencontrer un souci avec ce tutoriel ? Venez poser votre question [ici]

Idea n'oubliez pas de lire et de suivre les règles de la section

bonjour bonjour Smile

Certains d'entres vous ignore encore ce qu'est le CSS, et bien grace à celui ci, vous pouvez TOUT changer sur votre forum.

Vous pouvez mettre des images de fond partout, changer les écritures de chaque colonne etc...

¤ Mais comment ça marche?

Le CSS se présente sous cette forme (celui ci est celui de mon forum)

Spoiler:
 

du chinois hein?

et bien nous allons apprendre petit à petit comment l'utiliser (bien entendu, ne faites pas ces changements directement sur votre forum hein ^^ utilisez un forum de test)


Dernière édition par Miettes le Sam 15 Mai - 11:38, édité 1 fois
Revenir en haut Aller en bas


avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Miettes

Doyenne
Bons Points (BP) : 113
Voir le profil de l'utilisateur

Message Sujet: Re: [Tuto] Feuille CSS pour forum phpbb2   Mar 29 Juil - 13:23

nous allons donc d'abord voir point par point comment ça se présente :

¤ Body : correspond au fond de votre forum

¤ font,th,td,p : permet de modifier l'écriture de votre forum

¤ a:link,a:active,a:visited : ça, c'est pour les liens , ceux qui sont actifs et ceux que vous avez déjà visité

¤ a:hover: pour modifier ce qu'il se passe quand vous passer votre souris sur le lien

¤ hr : correspond à la barre de séparation entre le nom et la date du sujet et votre message
Spoiler:
 

¤ .bodyline : ça c'est pour le contour de votre forum, le cadre quoi Smile

¤ .bodylinewidth : correspond à la largeur en % de votre forum (par exemple : 80% de l'écran)

¤ .forumline : correspond au "quadrillage" du forum et au contour des catégories
Spoiler:
 

¤ td.row1 / td.row2 / td.row3 :
correspondent respectivement à la premiere, troisième et "surlignement de la colonne 1" , deuxième et quatrième colonne
Spoiler:
 
Revenir en haut Aller en bas


avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Miettes

Doyenne
Bons Points (BP) : 113
Voir le profil de l'utilisateur

Message Sujet: Re: [Tuto] Feuille CSS pour forum phpbb2   Mar 29 Juil - 13:24

¤ td.rowpic : permet de modifier le fond de la case qui se trouve sous "sujet, message, dernier message"

¤ th : permet de modifier tout ce qui se trouve sur la ligne "forum, sujet, message, nouveau message"

¤ td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom: permet de modifier toute la case correspondant au nom de la catégorie. (dans les images : "Votre 1ere catégorie")

on va passer quelques points, car je ne suis pas sure à 100% de leur utilité; continuons :

¤ .maintitle : ça, c'est le titre de votre forum

¤ .gen: correspond au petit texte sous votre titre

¤ .genmed : ça c'est pour les explications de vos catégories (en rose sur l'image ci dessous)
Spoiler:
 

¤ .gensmall : je ne sais pas trop comment l'expliquer, alors ça correspond à ce qui est en bleu sur l'image ci dessus.

¤ a.gen,a.genmed,a.gensmall : pour modifier la couleur est l'écriture des liens se trouvant à cette endroit.

¤ a.gen:hover,a.genmed:hover,a.gensmall:hover : pour modifier ce qu'il se passe lorsque la souris passe sur un lien de cet endroit

¤ .cattitle / a.cattitle / a.cattitle:hover:
correspond au texte de votre catégorie (ici le texte est "Votre 1ère catégorie")

¤ .forumlink / a.forumlink / a.forumlink:hover : correspond au nom de chaque forum

¤ .nav : correspond au ":" que vous voyez en orange sur l'image ci dessous
¤ a.nav : correspond à ce qu'il y a en vert sur l'image ci dessous
Spoiler:
 
Revenir en haut Aller en bas


avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Miettes

Doyenne
Bons Points (BP) : 113
Voir le profil de l'utilisateur

Message Sujet: Re: [Tuto] Feuille CSS pour forum phpbb2   Mar 29 Juil - 13:25

¤ .topictitle,h1,h2 : correspond aux textes "annonce" et "post it"

¤ a.topictitle:link : correspond au nom de chaque forum

¤ a.topictitle:visited : correspond au nom de chaque forum que vous avez lu

¤ a.topictitle:hover : correspond à ce qui se passe quand on passe la souris sur un des noms de forum

¤ .name : ça c'est la couleur du nom de chaque posteur

¤ .postdetails : pour modifier la couleur de la date du dernier message du forum, ainsi que le nom de message et de sujet dans le forum

¤ .postbody : pour modifier la couleur d'écriture des messages

¤ a.postlink:link : pour modifier la couleur des liens dans les messages

¤ a.postlink:hover : pour modifier ce qu'il se passe quand on met la souris sur un lien dans un message

¤ .code : sert à modifier la mise en page lorsque l'on met un texte entre [code ][/code ]

¤ .quote : sert à modifier la mise en page lorsque l'on met un texte entre [quote ][/quote ]

¤ .copyright / a.copyright / a.copyright:hover : tout ce qui concerne ce qui est écrit en bas du forum (en rose sur l'image)
Spoiler:
 

¤ .coloradmin :
inutile si vous avez fait un groupe particulier

¤ img :
permet de mettre un contour lorsque l'on met une image dans un message

¤ input.post, textarea.post, select :
correspond au fond de l'endroit où l'on écrit le message

Voilà ce fut long mais nécessaire pour comprendre le CSS. Si vous avez des questions, n'hésitez pas Wink
Revenir en haut Aller en bas


[Tuto] Feuille CSS pour forum phpbb2
Page 1 sur 1
 Sujets similaires
-
» Header thème pour forum, questionnement.
» Tuto Panda ActiveScan avec Firefox
» Message de page d'accueil pour Amplificatum[Phantasmagoria]
» Quelles sont les dimensions à respecter pour la signature et l'avatar sur le forum ?
» [Annulée] Demande une page HTML
Réponse rapide

School of Progress :: La bibliothèque :: Tutoriels :: Informatique :: Codage+