 Hellharicot 
{ Membre }
 Messages : 6
 | Hei! Voilà, je travaille depuis une semaine sur les templates et le CSS de mon forum, et je me suis dit en voyant la ChatBox que je pourrai peut-être lui attribuer à elle aussi un style personnalisé de manière à ce qu'elle ne fasse plus tâche sur le forum. Je vais vour faire part de ce que j'ai compris en regardant quelques codes : Dans le template index_body, la ChatBox que je souhaiterai activer est la variable {CHATBOX_BOTTOM}. Elle semble inclure par iframe la ChatBox à la page. Ayant compris cela, je me suis hâté sur le cet iframe et ai récupéré son code. J'ai d'ailleurs noté tous les ids et toutes les classes, et ai noté à quoi elles servaient : - Spoiler:
- Code:
-
IDs:
chatbox_header -> en-tête de la CB
chatbox_main_options -> div qui contient Actualiser ; Archive ; Connexion
chatbox_option_with_archives -> Avec archives
chatbox_option_without_archives -> Sans archives
chatbox_option_autorefresh -> Raffraichissement automatique
refresh_auto -> Quand c'est coché
chatbox_option_co -> Se connecter
chatbox_option_disco -> Se déconnecter
chatbox_members -> div où est affiché la liste des membres connectés
chatbox -> div où est affiché l'ensemble des messages
chatbox_footer -> pied de la CB
chatbox_messenger -> /
chatbox_messenger_form -> Mise en forme
divbold -> Gras
divitalic -> Italique
divunderline -> Souligné
divstrike -> Barré
divcolor -> Couleurs
show_color -> Encadré où on sélectionne les couleurs
divsmilies -> Smilies
scolor -> /
message -> Boite où on tape le message
submit_button -> Envoyer
CLASSes:
chatbox -> body de la CB
catBottom -> td de en-tête
cattitle -> Lien et titre, ChatBox
chatbox-options -> td des options de l'en-tête
genmed -> /
chatfootertable -> table du pied de page
text-styles -> table de la mise en forme
fontbutton fontbutton_normal -> div des boutons de mise en forme
gen -> /
post -> input où on tape le texte
Après plusieurs vérifications, il s'avère que l'on peut modifier les styles de la ChatBox à partir de ces éléments. Mais me voilà confronté à deux problèmes : - Il semblerait que ma modification du CSS de mon forum n'est pas la seule à avoir un effet sur la mise en forme, et malheureusement, qu'elle n'est pas prioritaire.
- Je ne vois pas comment retirer la barre qui sépare la liste des membres connectés de l'encadré contenant les messages.
Any suggestion?Merci d'avance ! | | |
|
Fire-Fly
{ Membre actif }
 Messages : 429
| Hello hello! Bon, premièrement: - Hellharicot a écrit:
Dans le template index_body, la ChatBox que je souhaiterai activer est la variable {CHATBOX_BOTTOM}. Elle semble inclure par iframe la ChatBox à la page.
Pour l'activer, pas besoin de coder quoi que ce soit, tu n'as qu'à aller dans MODULES>CHATBOX>[active la chatbox] et afficher la chatbox au bas de la page. J'ignore si c'était la question mais bref, c'est la façon la plus simple  - Citation :
Il semblerait que ma modification du CSS de mon forum n'est pas la seule à avoir un effet sur la mise en forme, et malheureusement, qu'elle n'est pas prioritaire. Tu as essayé de mettre IMPORTANT? De cette façon (par exemple): - Code:
-
.classe {
color: #000 !important;
Ça veut dire que cette valeur a priorité si il y en a d'autres qui sont contradictoires. - Citation :
Je ne vois pas comment retirer la barre qui sépare la liste des membres connectés de l'encadré contenant les messages. Essaie ceci (j'ignore si ça va marcher, donne moi des nouvelles!) - Code:
-
#chatbox_members {
border-right: none !important;
}
| | |
|
Hellharicot
{ Membre }
Messages : 6
| Mais oui ! Le fameux !important ! Je n'y avais pas pensé, quel idiot je fais... >///< Ça semble marcher pour la barre. Je vais travailler tout ça dan la soirée. Merci beaucoup !  Si j'ai d'autres problèmes sur la Chatbox, puis-je répondre à ce topic ? en tous cas, c'est résolu ! o/ | | |
|
pamina
{ Membre actif }
Messages : 1170
| Hello Hellharicot ! ^-^ Merci d'avoir signalé que ce problème est résolu. Si tu en rencontres un autre, mieux vaut ouvrir un nouveau sujet, n'hésite pas. J'archive celui-ci. A bientôt !  | | |
|
Lun 03 Juin 2024, 17:20 par 
