Bonjour,
j'ai essayer de réaliser la Chatbox sur le côter du forum, avec tous les codes possible sur CSS actif, mais je n'y arrive pas. Je ne sais pas si quelqun peut réussir a me le faire faire, car celon moi c'est désespérer, mais je voudrais tellement. Pour aider si quelqun veux fournir le code, voici l'image:

Spoiler:

Mon deuxième problème c'est pour ma fiche de Pv's. Je voudrais savoir si quelqun sais le code pour en faire une comme celle-ci?:

Spoiler:

Merci à ceux qui m'aideront.

Pour ta première demande concernant la Chat Box, je peux très certainement t'aider. ^^ Par contre, ta deuxième demande ressemble davantage à une commande de code...

Quoi qu'il en soit, voici ce qu'il faut faire pour avoir une ChatBox Latérale comme tu le souhaite. =)
Dans le Panneau d'Administration, allez dans Modules → Gestion des pages HTML → Nouvelle Page. Tu remplies l'en-tête de la façon suivante:

Spoiler:

Puis, dans la Partie HTML, tu colles ce code:

Code:

jQuery(document).ready(function() { jQuery('body').append('<div style="position: fixed; bottom: 50px; left: 0px; z-index:10000;"><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 650px; height: 400px; display: none; float:left;" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onClick="jQuery(\'#chatboxpop\').animate({width:\'toggle\'},2000); jQuery(\'#chatboxopen,#chatboxclose\').toggle();" style="float:left"><img src="LIEN DE TON IMAGE POUR OUVRIR ICI" id="chatboxopen"/><img src="LIEN DE TON IMAGE POUR FERMER ICI" id="chatboxclose" style="display:none;"></div></div>'); } );

Tu enregistres. Ensuite, il faudra aller coller le code suivant, dans la partie Panneau d'Administration → Général → Configuration → Description du site:

Code:

<script type=text/javascript src=LIEN DE TA PAGE HTML ICI></script>

Après avoir enregistré, ta ChatBox apparait sur le côté gauche de ton forum, et en prime, elle apparait en "glissant". =)

He.. oui, mais c'est quoi le lien de ma page HTML comme tu demande dans le dernier code?

Une fois que tu as enregistré ta page HTML, il faut prendre ce lien qui apparait ici:

Spoiler:

J'ai tout fait ce que tu as dit, mais elle n'apparais pas sur mon forum..
Il y a juste le code en bas de la page..

Bonsoir.

As-tu bien pensé à mettre le lien de ton image dans le code ?

<img src="LIEN DE TON IMAGE POUR OUVRIR ICI" id="chatboxopen"/><img src="LIEN DE TON IMAGE POUR FERMER ICI"


Fu'

Oui voila le code:

Code:

jQuery(document).ready(function() { jQuery('body').append('<div style="position: fixed; bottom: 50px; left: 0px; z-index:10000;"><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 650px; height: 400px; display: none; float:left;" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onClick="jQuery(\'#chatboxpop\').animate({width:\'toggle\'},2000); jQuery(\'#chatboxopen,#chatboxclose\').toggle();" style="float:left"><img src="http://i65.servimg.com/u/f65/13/45/54/28/2hf3uo10.png" id="chatboxopen"/><img src="http://i65.servimg.com/u/f65/13/45/54/28/2hf3uo10.png" id="chatboxclose" style="display:none;"></div></div>'); } );

---

EDIT de Furase :
Utilise les balises code et /code pour inclure son code afin qu'il soit visible, et non le spoiler. (sachant que rien ne t'interdis d'inclure les balises de code dans celles du spoiler)

J'ai testé ton code sur un forum et il fonctionne parfaitement.
En suivant ce qu'a dit Ode, qui a expliqué la méthode de manière parfaite, tu devrais réussir à inclure ta ChatBox en quelques minutes. Relis bien ce qu'elle a marqué, et vérifie que tu as placé les bons liens aux bons endroits.


Fu'

Je ne comprends vraiment pas pourquoi ca ne fonctionne pas. Sur mes deux forums, ce code fonctionne parfaitement...
Est ce que tu es sure d'avoir bien copier le script dans "Description du site" et d'avoir ensuite enregistré?

EDIT: Zut, Furase a été plus rapide que moi lol ^^' Essaye de reprendre mes explications depuis le début... Je te garantie que ca marche, voir mon forum pour preuve... =)

J'ai tout fait ce que tu as dit.
Je vien même de le refaire.
Pourtant rien ne s'affiche, voila le lien du forum:
www.stanford.forumactif.org
Regarder en bas le code c'est comme placer la.. -_-

Je te repose la question, puisque je ne vois que cette option: as tu bien cocher les cases comme je l'ai montré sur l'image, lors de la création de la page HTML ?

Pour m'ôter un doute, essaye de remplacer ce que tu as actuellement dans la case "Description du site" par ce code là et dit moi si ca marche:

Code:

<script type=text/javascript src=http://ode-test.forumactif.com/Chat-Box-h1.htm></script>

Sa marche -_-
Quesque j'avais mal fait?!
Je suis toute décourager..
Tu peut me mettre la place avec l'image juste avec ma couleur de fond et mettre mon image pour ouvrir et fermer svp?

lol Normal que ca marche: c'est le code de MA chat box sur mon forum. xD
Alors ca veut dire que tu as raté quelque chose avec le code... ^^'
Essaye de supprimer la page html que tu as créé, et de retirer le script de la case "Description du Site", et recommence en lisant bien ce que j'ai écrit. =)

Ton code est valide, je viens de le tester sur trois forums. Si celui que vient de proposer Ode fonctionne également, c'est que tu t'es trompé quelque part, ou en recopiant le code dans ta page html, ou en copiant le lien de ta page html dans la ligne qui doit être inclue dans "description du site". (Tu as peut-être oublié un caractère par mégarde.)


Fu'

Bon la je sais plus quoi faire.. J'ai réessayer le code de 0.
Il ne marche toujours pas.
Vu que je fais une erreur ect-ce que un de vous 2 pourrais me remplir le code avec le lien de mon image qu'il ne me resterais plus qu'a copier coller dans mon module?

Alors alors... ^^
Tu colles donc ce code tel quel dans une nouvelle page HTML que tu nommes "Chat Box". Pour configurer cette page, tu coche "non" pour les deux questions.

Code:

jQuery(document).ready(function() { jQuery('body').append('<div style="position: fixed; bottom: 50px; left: 0px; z-index:10000;"><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 650px; height: 400px; display: none; float:left;" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onClick="jQuery(\'#chatboxpop\').animate({width:\'toggle\'},2000); jQuery(\'#chatboxopen,#chatboxclose\').toggle();" style="float:left"><img src="http://i65.servimg.com/u/f65/13/45/54/28/2hf3uo10.png" id="chatboxopen"/><img src="http://i65.servimg.com/u/f65/13/45/54/28/2hf3uo10.png" id="chatboxclose" style="display:none;"></div></div>'); } );

Ensuite, comme je l'ai dit, tu colles ceci dans la partie "Description du site", en mettant l'URL de la page HTML.

Code:

<script type=text/javascript src=LE LIEN ICI></script>

Si jamais ca ne marche pas, poste s'il te plait une capture d'écran de ta page HTML, ainsi que le lien de cette même page. ^^

A inclure sur ta page html, que tu intituleras Chat Box :

Code:

jQuery(document).ready(function() { jQuery('body').append('<div style="position: fixed; bottom: 50px; left: 0px; z-index:10000;"><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 650px; height: 400px; display: none; float:left;" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onClick="jQuery(\'#chatboxpop\').animate({width:\'toggle\'},2000); jQuery(\'#chatboxopen,#chatboxclose\').toggle();" style="float:left"><img src="http://i65.servimg.com/u/f65/13/45/54/28/2hf3uo10.png" id="chatboxopen"/><img src="http://i65.servimg.com/u/f65/13/45/54/28/2hf3uo10.png" id="chatboxclose" style="display:none;"></div></div>'); } );

A mettre dans le champ \"Description du Site\" :

Code:

<script type=text/javascript src=http://stanford.forumactif.org/Chat-Box-h1.htm></script>

Je ne connais pas l'adresse de ta future page html, mais si tu n'en as aucune autre de créée, je supose que ça devrait être celle-là. Si non, fais-moi une capture d'écran de la liste de tes pages html une fois que tu auras créé ta page "Chat Box".


Fu'


EDIT : synchrone ! Et en plus je fais pas mieux ^^

Ahh vous êtes tellement gentil vous 2.
Et vous allez tellement me détester
Saviez-vous pourquoi tout cela ne marchais pas?
Tout simplement, car le HTML n'était pas activer.
Mais j'aurais une dernière question pour celle-ci,
comment je fais pour lui mettre un contour un peu comme sur celle de CSS actif,
et comment je fais pour mettre le fond de la même couleur que le fond de mon forum?
Je tient a vous redire que je vous aime beaucoup

lol ^^
Pour le contour, je ne saurais pas t'aider! Par contre, pour avoir une couleur de fond de CH unie, c'est ce code là:

Code:

/* CHATBOX */
body.chatbox {background-color: COLOR;
}
#chatbox_header {
   background-color: COLOR;
   }
.chatbox_row_1 {
   background-color: COLOR;
}
.chatbox_row_2 {
   background-color: COLOR;
}
.chatbox_row_3 {
   background-color: COLOR;
}
.memberlist_row_1 {
   background-color: COLOR;
   }
#chatbox_members .member-title {
   background-color: COLOR;
}

Ahh la couleur du fond c'est mise toute seule quand j'ai activer la Chat Box, tout est règler.
Cependant, est-ce qu'il y a un moyen de décaller un peu plus bas le bouton Chat box sur la page?

Pour modifier la position du bouton, il faut modifier ce qui est en rouge:

Citation :

jQuery(document).ready(function() { jQuery('body').append('<div style="position: fixed; bottom: 50px; left: 0px; z-index:10000;"><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 650px; height: 400px; display: none; float:left;" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onClick="jQuery(\'#chatboxpop\').animate({width:\'toggle\'},2000); jQuery(\'#chatboxopen,#chatboxclose\').toggle();" style="float:left"><img src="https://i.servimg.com/u/f65/13/45/54/28/2hf3uo10.png" id="chatboxopen"/><img src="https://i.servimg.com/u/f65/13/45/54/28/2hf3uo10.png" id="chatboxclose" style="display:none;"></div></div>'); } );

Le "bottom" correspond à l'écart entre le ba de page et le logo, et le "left" à l'écart entre le bord gauche de l'écran et le logo. ^^

Merci pour tout tu est trop trop gentille
Si jamais je me pose un qui est en ligne en longueur tu va être partante pour m'aider?

Ca me fait plaisir de t'avoir aidé. ^^ J'ai plutôt du mal à créer de toute pièce un QEEL., donc je ne garantie pas de pourvoir t'aider.. Par contre si tu as d'autres soucis (CSS, PA, etc...) pas de soucis! ;-)

Je te remercie beaucoup,
maintenant il ne me manque plus que le code du Pv.

Pour ta deuxième question, concernant le PV, comme je l'ai dit, ca ressemble à une commande de code et ici, ce n'est pas la bonne section.
A moins que tu ne veuilles qu'on t'explique comment faire, afin que tu réalises cette mise en page par toi même?