AccueilAccueil  FAQFAQ  RechercherRechercher  Topsite  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez| .

Personnaliser sa chatbox !

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
Messages : 69
Date d'inscription : 13/02/2014
Localisation : Poudlard
Mornilles : 1100
Nombres d'avertissements : Pas d'avertissement

MessageSujet: Personnaliser sa chatbox ! Sam 22 Fév 2014 - 8:20

  • 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! Wink
► 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


Dernière édition par YTPGC le Dim 30 Mar 2014 - 10:22, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Messages : 466
Date d'inscription : 20/04/2013
Age : 136
Localisation : Poudlard
Mornilles : 1100

MessageSujet: Re: Personnaliser sa chatbox ! Sam 22 Fév 2014 - 9:52

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

Dumbledore
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://poudlard-entraide.forumactif.com
Messages : 69
Date d'inscription : 13/02/2014
Localisation : Poudlard
Mornilles : 1100
Nombres d'avertissements : Pas d'avertissement

MessageSujet: Re: Personnaliser sa chatbox ! Sam 22 Fév 2014 - 15:20

Merci !

_________________
Il est l'heure d'aller t'inscrire sur Poudlard Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Invité
avatar

MessageSujet: Re: Personnaliser sa chatbox ! Sam 22 Mar 2014 - 9:01

.


Dernière édition par Ip0dT0uch59 le Lun 8 Mai 2017 - 14:31, édité 1 fois
Revenir en haut Aller en bas
Messages : 466
Date d'inscription : 20/04/2013
Age : 136
Localisation : Poudlard
Mornilles : 1100

MessageSujet: Re: Personnaliser sa chatbox ! Sam 22 Mar 2014 - 10:10

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

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

Dumbledore
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://poudlard-entraide.forumactif.com
Messages : 69
Date d'inscription : 13/02/2014
Localisation : Poudlard
Mornilles : 1100
Nombres d'avertissements : Pas d'avertissement

MessageSujet: Re: Personnaliser sa chatbox ! Mar 25 Mar 2014 - 18:38

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 !

_________________
Il est l'heure d'aller t'inscrire sur Poudlard Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Messages : 466
Date d'inscription : 20/04/2013
Age : 136
Localisation : Poudlard
Mornilles : 1100

MessageSujet: Re: Personnaliser sa chatbox ! Mar 25 Mar 2014 - 18:54

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 Wink

Dumbledore
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://poudlard-entraide.forumactif.com
Messages : 69
Date d'inscription : 13/02/2014
Localisation : Poudlard
Mornilles : 1100
Nombres d'avertissements : Pas d'avertissement

MessageSujet: Re: Personnaliser sa chatbox ! Dim 30 Mar 2014 - 10:23

Bonjour,

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

_________________
Il est l'heure d'aller t'inscrire sur Poudlard Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé


MessageSujet: Re: Personnaliser sa chatbox !

Revenir en haut Aller en bas

Personnaliser sa chatbox !

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» Personnaliser la Chatbox
» Comment personnaliser sa chatbox en PunBB ?
» Astuce: Personnaliser la ChatBox
» Code CSS pour personnaliser la chatbox
» Personnaliser la liste des connectés de la chatbox

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Poudlard : l'école de l'entraide magique :: 4ème étage :: Grimoire des tutoriels-