• Personnaliser la chatbox !

• Personnaliser la ChatBox ForumActif

Pour compléter ce tutoriel, voici les styles utilisés pour modifier les textes et fonds de la ChatBox. À insérer dans la section du CSS perso dans le Panneau d'Admin!
► Panneau d'Admin → Affichage → Images et Couleurs → Couleurs → Feuille de style CSS

► Pour Prosilver (phpBB3) et punBB:

► Pour changer le background du chat:

Code:

body.chatbox {
    background-color: code de la couleur;
}

► Pour changer le text du titre du chat:

Code:

body.chatbox #chatbox_header .chatbox-title,
body.chatbox #chatbox_header .chatbox-title a.chat-title {
    color: code de la couleur !important;
}

► Pour changer la couleur des liens dans l'entête du chat:

Code:

.chatbox-options li,
.chatbox-options li a,
.chatbox-options li label {
  color: code de la couleur;
}

► Pour changer la couleur du text dans la section de liste de membres:

Code:

#chatbox_members ul li,
#chatbox_members ul li a {
    color: code de la couleur;
 }

► Pour changer la couleur du text dans la section d'affichage de message:

Code:

.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a  {
    color: code de la couleur;
}

► Pour phpBB2:

► Pour changer le text du titre du chat:

Code:

#chatbox_header .catBottom .cattitle {
    color: code de la couleur;
}

► Pour changer la couleur des liens dans l'entête du chat:

Code:

#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
    color: code de la couleur;
}

► Pour changer la couleur du text dans la section de liste de membres:

Code:

#chatbox_members ul li,
#chatbox_members ul li a {
    color: code de la couleur;
 }

► Pour changer la couleur du text dans la section d'affichage de message:

Code:

.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a  {
    color: code de la couleur;
}

► Pour enlever l'image de fond de la chatbox:

Code:

body.chatbox {
    background-image: none;
}

► Pour colorer le fond de la chatbox:

Code:

body.chatbox {
    background-color: code de la couleur;
}

Ce code est valide pour les versions phpBB2, phpBB3 et punBB

Voilà !

• Golden Moustache

ForumActif

Phpbb2
RealityArmyFR
WiiQz

Bonjour,
je te remercie pour ton partage de ce tutoriel
Très utile en tout cas

Dumbledore

Merci !

.

Merci de m'avoir prévenu IP0DT0UCH59 Je n'étais pas au courant, le tuto venant de Golden Moustache

Je te laisse juste le temps de me dire que tu as bien lu ce message et je supprime le tuto

Dumbledore

Je montre ce tutoriel pour les membres afin qu'il puissent s'en servirent !
Mais je l'ai copié de forumactif parce que forumactif la posté pour aider et ici nous sommes dans un forum d'entraide !

Bonsoir,
Je m'excuse sincèrement Golden, je n'avais pas vu que le tutoriel était signé. Tu sais à mon âge, elle est loin l'époque ou je n'avais aucun problème de vision (oh oh oh) !

IP0DT0UCH59 : Je ne vois donc pas ce que ton message vient faire ici (maintenant) étant donné que le tutoriel était déjà signé ?

Golden, je t'invite par contre à mettre un devant ForumActif

Dumbledore

Bonjour,

Cela est fait j'ai mis le petit © devant ForumActif
bonne journée à toi ;p