Chatbox customiser & déplaçable
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Re: Chatbox customiser & déplaçable
Pour mettre une chatbox latérale :
-Va dans PA, Modules, gestion des pages HTML et crée une nouvelle page (screen)
-Nomme-la comme tu veux et colle ce code CSS :
en orange : la largeur et la hauteur de ta cb
les deux premiers liens, et le dernier : l'image "ouvrir"
le troisième lien : l'image "fermer"
(désolée je voulais le mettre en code mais on ne peut pas changer les couleurs et c'était moins pratique)
-Une fois que tu as fait ça, retiens l'ID de ta page (screen), il te le faut pour la suite.
-Va dans PA => Général => Configuration
-Colle ce code dans la description du site :
Et voilà, tu as ta cb (sur toutes les pages du forum en plus
-Va dans PA, Modules, gestion des pages HTML et crée une nouvelle page (screen)
-Nomme-la comme tu veux et colle ce code CSS :
Ensuite tu peux personnaliser : en bleu, la couleur de fond derrière l'image "ouvrir/fermer"jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #000000;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 650px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://img46.xooimage.com/files/8/b/e/ouvrir-cb-1e4912d.gif" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://img46.xooimage.com/files/8/b/e/ouvrir-cb-1e4912d.gif')?'block':'none';this.src=(this.src=='http://img46.xooimage.com/files/8/b/e/ouvrir-cb-1e4912d.gif')?'http://img46.xooimage.com/files/d/d/9/fermer-cb-1e49134.gif':'http://img46.xooimage.com/files/8/b/e/ouvrir-cb-1e4912d.gif';"/></td></tr></table>'); } );
en orange : la largeur et la hauteur de ta cb
les deux premiers liens, et le dernier : l'image "ouvrir"
le troisième lien : l'image "fermer"
(désolée je voulais le mettre en code mais on ne peut pas changer les couleurs et c'était moins pratique)
-Une fois que tu as fait ça, retiens l'ID de ta page (screen), il te le faut pour la suite.
-Va dans PA => Général => Configuration
-Colle ce code dans la description du site :
- Code:
<script type=text/javascript src=/-h1.htm></script>
Et voilà, tu as ta cb (sur toutes les pages du forum en plus
Re: Chatbox customiser & déplaçable
Tu dois mettre l'ID de ta page HTML à la place du 1 dans "h1". Normalement ça marche =/.
j'avais trouvé ce tuto sur un forum et il a très bien marché sur tous les miens...
j'avais trouvé ce tuto sur un forum et il a très bien marché sur tous les miens...
Re: Chatbox customiser & déplaçable
non sa veux toujour pas voici mon id avec le code:
<script type=text/javascript src=/-http://infinity7.forumactif.com/Infinite-Chatbox-h1.htm></script>
quand je clik sur prévisualisation je vois sa :
aussi esque ses normal que sa devien rouge quand je coche tout oui
<script type=text/javascript src=/-http://infinity7.forumactif.com/Infinite-Chatbox-h1.htm></script>
quand je clik sur prévisualisation je vois sa :
aussi esque ses normal que sa devien rouge quand je coche tout oui
Re: Chatbox customiser & déplaçable
Ah ça ! Non ne coche pas tout oui, c'est normal ! C'est parce que tu n'as tout simplement pas activé la chatbox xD
Coche non pour les deux et va dans PA => Modules => Chatbox
et coche oui à "activer la chatbox" et en-dessous "ne pas afficher". Normalement, là, ça va marcher
Coche non pour les deux et va dans PA => Modules => Chatbox
et coche oui à "activer la chatbox" et en-dessous "ne pas afficher". Normalement, là, ça va marcher
Re: Chatbox customiser & déplaçable
voila mais sa veux toujour pas T.T
esque je dois metre mon ID aussi dans le code CSS?
esque je dois metre mon ID aussi dans le code CSS?
Re: Chatbox customiser & déplaçable
euh... non, normalement tu met l'ID dans le code de la description du site, tu actives ta chatbox et tu colles l'autre code...
donne-moi le lien, que je regarde
donne-moi le lien, que je regarde
Re: Chatbox customiser & déplaçable
le lien? se que je met dans la description?? si oui ses sa :
j'ai tout esayer j'ai retirais le premier 'h' & le 1 jai retirai aussi le .htm qui est en 2foi
mais toujour rien !
<script type=text/javascript src=/-hhttp://infinity7.forumactif.com/Infinity-Chatbox-h1.htm.htm></script>
j'ai tout esayer j'ai retirais le premier 'h' & le 1 jai retirai aussi le .htm qui est en 2foi
mais toujour rien !
Re: Chatbox customiser & déplaçable
tu as retiré des trucs ? Mais il ne faut rien retirer dans le code Oo
Il faut laisser ça
Pas l'URL OO (quand je met des screens, ça serait sympa de regarder, aussi)
Il faut laisser ça
- Code:
<script type=text/javascript src=/-h1.htm></script>
Pas l'URL OO (quand je met des screens, ça serait sympa de regarder, aussi)
Re: Chatbox customiser & déplaçable
oui j'ai regarder j'ai esayer le '1' donc apré comme sa fonctionner j'ai cru que cetter le url qu'il fallait reprendre !
ici j'ai tout remit et toujour rien >.<
ici j'ai tout remit et toujour rien >.<
Re: Chatbox customiser & déplaçable
donne-moi le lien de ton forum
Re: Chatbox customiser & déplaçable
Bon... comme je ne vois pas ce qui cloche, je te donne le tutoriel de départ, que je viens de retrouver
Tutoriel par Murtagh sur http://school-of-pub.top-forum.net/
Lien du sujet => http://school-of-pub.top-forum.net/forumactif-f83/tutorielchatbox-sur-toutes-les-pages-sur-la-premiere-page-t2648.htm
ChatBox latérale sur toutes les pages de votre forum
Pour cette première utilisation, voici les conditions ,avant de réaliser ce tutoriel, la seconde n'est pas obligatoire mais est préférable pour ne pas faire de fausses manipulations.
Avoir accès au PA
Connaissance minimale en codage
Savoir créer une page HTML
La pratique,
Vous commencez par créer une page HTML,
Panneau d'administration
Module
Gestion des pages HTML
Créer une page HTML
Choisissez un titre qui vous convient, puis collez le code suivant:
- Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>'); } );
Vous cochez Non, et Non.
Ensuite,
Général
Configuration
Description du site
Vous ajoutez ce code:
- Code:
<script type=text/javascript src=/-h2.htm></script>
Vous devez modifier le "2" par le N° de votre page HTML, il est indiqué juste à côté du titre.
Ensuite, vous aurez votre ChatBox sur toutes les pages de votre forum. Vous pouvez, là aussi, modifier les images de la même façon que la précédente.
J'espère que ce tutoriel vous sera utile.
Tutoriel par Murtagh sur http://school-of-pub.top-forum.net/
Lien du sujet => http://school-of-pub.top-forum.net/forumactif-f83/tutorielchatbox-sur-toutes-les-pages-sur-la-premiere-page-t2648.htm
Re: Chatbox customiser & déplaçable
j'ai bien fait tout sa je vou ai meme fait des imprime ecrant de tout se que j'ai fait !
fin bref ses pas grave je demanderais à une miss qui à se systheme sur son forum.
fin bref ses pas grave je demanderais à une miss qui à se systheme sur son forum.
Dernière édition par b2uty le Ven 16 Juil 2010 - 1:07, édité 2 fois
Re: Chatbox customiser & déplaçable
Mais j'y suis pour rien moi si ça marche pas sur ton forum, j'ai vu les screen et tout, je sais que tu l'as fait mais j'avais peur de m'être moi-même trompée dans les codes. Tu as essayé le deuxième tuto qui est sur la page ?
Re: Chatbox customiser & déplaçable
oui oui je l'ai bien fait
enfaite il me dit qu il a des erreur sur ma page quand je vais sur mon forum mintenant.
sa serais pas parceque jai pas le meme navigateur que vous??
enfaite il me dit qu il a des erreur sur ma page quand je vais sur mon forum mintenant.
sa serais pas parceque jai pas le meme navigateur que vous??
Re: Chatbox customiser & déplaçable
Non ça n'a rien à voir avec le navigateur, c'est peut-être plutôt la version du forum.... Quelle version ?
Re: Chatbox customiser & déplaçable
Oo ah ouais... là c'est clairement pas normal... Parce que moi je suis en phpbb2 et ça marche (comme tu peux le voir ici => http://aidea.forumactif.com/index.htm (c'est pas de la pub vu que c'est un fourm sans rien))
Donc si tu vois pas sur le lien que je t'ai passé c'est que ça vient bien de ton navigateur, sinon c'est que c'est un bug de ton forum ou une contradiction avec ton site...; Peut-être la description du forum qui n'a pas assez de place ?
Donc si tu vois pas sur le lien que je t'ai passé c'est que ça vient bien de ton navigateur, sinon c'est que c'est un bug de ton forum ou une contradiction avec ton site...; Peut-être la description du forum qui n'a pas assez de place ?
Re: Chatbox customiser & déplaçable
Voila cetter pour dire que j'ai réussi mais pas avec cette méthode
voici la méthode que ma modo ma donner :
Merci comeme pour tout ^^
voici la méthode que ma modo ma donner :
- Spoiler:
- Okay donc pour la chatbox tu vas dans template "index_body" tout a la fin t'as ce code
Code:
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
<td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NEW_POSTS}</span></td>
<td></td>
<td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
<td> </td>
<td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>
<!-- END switch_legend -->
t'enleve tout ce qui est marqué entre <-- BEGIN switch_legend --> et <-- END switch_legend --> et tu colle ce code
Code:
<table style="position: fixed; bottom: 50px; left: -10px;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;">
<img src="IMAGE OUVRIR" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='IMAGE OUVRIR')?'block':'none';
this.src=(this.src=='IMAGE OUVRIR')?'IMAGE FERMER':'IMAGE OUVRIR';"/></td></tr></table>
<br clear="all" />
apres à la derniere ligne du nouveau code c'est ecrit image ouvrir, tu créer ton image et tu colle le lien meme chose pour fermé
Merci comeme pour tout ^^
Sujets similaires
» Customiser le titre de son forum
» Customiser mon bas de page Qui est en ligne
» [Chatbox] Permettre aux admins et aux modos de lire sur la ChatBox sans y être connecté
» [Chatbox] Chatbox qui ouvre automatiquement le lien dans une autre fenêtre
» [Chatbox] Pouvoir ajouter une raison lors d'un kick ou d'un bannissement sur la ChatBox
» Customiser mon bas de page Qui est en ligne
» [Chatbox] Permettre aux admins et aux modos de lire sur la ChatBox sans y être connecté
» [Chatbox] Chatbox qui ouvre automatiquement le lien dans une autre fenêtre
» [Chatbox] Pouvoir ajouter une raison lors d'un kick ou d'un bannissement sur la ChatBox
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum