Astuce: Personnaliser la ChatBox

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Astuce: Personnaliser la ChatBox

Message par Shadow le Mar 2 Mar 2010 - 9:23

Rappel du premier message :

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 la couleur 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 la couleur 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

Ce tutoriel a été rédigé par le Staff du Forum des Forums,
Et en particulier par Xoumi et The GodFather.

Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.


Dernière édition par Zen le Mer 3 Mar 2010 - 14:51, édité 2 fois


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Shadow
Adminactive
Adminactive

Féminin
Messages : 23744
Inscrit(e) le : 30/03/2007

http://forum.forumactif.com
Shadow a été remercié(e) par l'auteur de ce sujet.

Re: Astuce: Personnaliser la ChatBox

Message par Invité le Dim 9 Mai 2010 - 11:20


Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Re: Astuce: Personnaliser la ChatBox

Message par Nodox Pebbles le Dim 9 Mai 2010 - 12:02

ça marche !! Merci beaucoup

Nodox Pebbles
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 08/05/2010

http://dreamland.forums-actifs.net/index.htm
Nodox Pebbles a été remercié(e) par l'auteur de ce sujet.

Re: Astuce: Personnaliser la ChatBox

Message par kakale le Lun 10 Mai 2010 - 20:05

Bonjour à vous ,
J'ai tester vos codes permettant de mettre une image de fond dans la TB mais sa ne marche pas ... je suis en Php2 pourtant..

kakale
****

Féminin
Messages : 395
Inscrit(e) le : 28/10/2009

http://lanfear.forumactif.com/
kakale a été remercié(e) par l'auteur de ce sujet.

Re: Astuce: Personnaliser la ChatBox

Message par ATEM/APPLE.Enjoy le Jeu 13 Mai 2010 - 11:39

The Godson a écrit:Bonsoir,

@ATEM/APPLE.Enjoy a écrit:Je pense que créer des salles de chat (on l'on peut parler avec une personne à la fois) serait une bonne idée.

Et la réponse :

@Tech a écrit:Bonjour,

Si vous voulez ces améliorations, il vous faut les proposer dans les suggestions Wink

Cordialement.

Hop, les suggestions, c'est ici : Section : Suggestions pour vos forums

@itchi972 a écrit:on va ou pour avoir le PA et le module
Very Happy Question

Bien le Bonsoir,

Alors, PA et Module, c'est comme le "port salut", c'est marqué dessus. PA = "Panneau d'Administration". Voici une image au cas où :



@Nodox Pebbles a écrit:Et est-ce que quelqu'un saurait comment on fait pour mettre la chatbox en petit carré, sur le côté du forum ?

Bonsoir,

En petit carré, c'est à dire avec un bouton et quand on clique dessus, la chatbox apparait sur la page?

Bonne soirée.


Je te remercie. Je ne trouvais pas ce sujet que j'ai pourtant dans mon forum.

ATEM/APPLE.Enjoy
***

Masculin
Messages : 155
Inscrit(e) le : 08/05/2010

http://ze-champis-forum.forumactif.org/forum.htm
ATEM/APPLE.Enjoy a été remercié(e) par l'auteur de ce sujet.

Re: Astuce: Personnaliser la ChatBox

Message par RIPMICHAEL le Mer 9 Juin 2010 - 16:30

Rebonjour,

je n'arrive pas à avoir l'image de fond Sad

pourtant j'ai fait comme vous avez dit

body.chatbox {
background-image: http://i46.tinypic.com/2yju0ix.jpg;
}

RIPMICHAEL
*

Féminin
Messages : 30
Inscrit(e) le : 11/05/2010

http://jacksonfamily.forumactif.org
RIPMICHAEL a été remercié(e) par l'auteur de ce sujet.

Re: Astuce: Personnaliser la ChatBox

Message par Adeovski Rosenthal le Mer 9 Juin 2010 - 16:40

Et bonjour!
Il manque juste deux petite parenthèses et "url":

Code:
body.chatbox {
background-image: url('http://i46.tinypic.com/2yju0ix.jpg');
}

En tout cas, merci pour les codes Wink

Adeovski Rosenthal
**

Féminin
Messages : 53
Inscrit(e) le : 08/10/2009

http://mythologia.rpgwars.org
Adeovski Rosenthal a été remercié(e) par l'auteur de ce sujet.

Re: Astuce: Personnaliser la ChatBox

Message par RIPMICHAEL le Mer 9 Juin 2010 - 23:14

merci

RIPMICHAEL
*

Féminin
Messages : 30
Inscrit(e) le : 11/05/2010

http://jacksonfamily.forumactif.org
RIPMICHAEL a été remercié(e) par l'auteur de ce sujet.

Re: Astuce: Personnaliser la ChatBox

Message par kingkong32 le Mar 1 Mar 2011 - 13:11

je remonte ce fil

est il possible de modifier la taille de la miaou box ?

je voudrais la faire plus grande en hauteur


Merci

kingkong32
*

Messages : 46
Inscrit(e) le : 29/06/2010

http://protheseland.forumactif.com/forum.htm
kingkong32 a été remercié(e) par l'auteur de ce sujet.

Re: Astuce: Personnaliser la ChatBox

Message par kingkong32 le Mar 1 Mar 2011 - 13:12

@kingkong32 a écrit:je remonte ce fil

est il possible de modifier la taille de la miaou box ?

je voudrais la faire plus grande en hauteur


Merci


LOL, chuis trop gland


c bon ^^

bon en fait non, dès que je rafraichis la page le redimensionnement s'efface, je voudrais quelque chose de permanent
si vous avez ça Merci

kingkong32
*

Messages : 46
Inscrit(e) le : 29/06/2010

http://protheseland.forumactif.com/forum.htm
kingkong32 a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum