Chatbox customiser & déplaçable

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

Résolu Chatbox customiser & déplaçable

Message par b2uty le Jeu 15 Juil 2010 - 23:27

Bonsoir, merci d avances pour vos réponses.
J'aimerais metre une chatbox que pour les membres de mon forum,
sur laquel il faura cliker pour qu'elle souvre comme ceci :




comment dois-je faire? et comment la customiser??


Dernière édition par b2uty le Ven 16 Juil 2010 - 2:28, édité 1 fois

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

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

Résolu Re: Chatbox customiser & déplaçable

Message par Asheshin Hanachi le Jeu 15 Juil 2010 - 23:40

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 :
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>'); } );
Ensuite tu peux personnaliser : en bleu, la couleur de fond derrière l'image "ouvrir/fermer"
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>
(screen)

Et voilà, tu as ta cb (sur toutes les pages du forum en plus Wink

Asheshin Hanachi
***

Féminin
Messages : 188
Inscrit(e) le : 19/05/2010

http://mcvampire.forumcanada.org/
Asheshin Hanachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox customiser & déplaçable

Message par b2uty le Ven 16 Juil 2010 - 0:00

Merci beaucoup pour tes explication et ton tuto,
mais j'ai bien suivi tout à la letter et sa donne rien

j'ai meme cocher oui sur ses 2questions :


mais sa donne rien.

Esque je dois metre quelque chose dans se code??
Code:
<script type=text/javascript src=/-h1.htm></script>

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

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

Résolu Re: Chatbox customiser & déplaçable

Message par Asheshin Hanachi le Ven 16 Juil 2010 - 0:04

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...

Asheshin Hanachi
***

Féminin
Messages : 188
Inscrit(e) le : 19/05/2010

http://mcvampire.forumcanada.org/
Asheshin Hanachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox customiser & déplaçable

Message par b2uty le Ven 16 Juil 2010 - 0:24

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

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

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

Résolu Re: Chatbox customiser & déplaçable

Message par Asheshin Hanachi le Ven 16 Juil 2010 - 0:25

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

Asheshin Hanachi
***

Féminin
Messages : 188
Inscrit(e) le : 19/05/2010

http://mcvampire.forumcanada.org/
Asheshin Hanachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox customiser & déplaçable

Message par b2uty le Ven 16 Juil 2010 - 0:33

voila mais sa veux toujour pas T.T

esque je dois metre mon ID aussi dans le code CSS?

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

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

Résolu Re: Chatbox customiser & déplaçable

Message par Asheshin Hanachi le Ven 16 Juil 2010 - 0:34

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

Asheshin Hanachi
***

Féminin
Messages : 188
Inscrit(e) le : 19/05/2010

http://mcvampire.forumcanada.org/
Asheshin Hanachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox customiser & déplaçable

Message par b2uty le Ven 16 Juil 2010 - 0:39

le lien? se que je met dans la description?? si oui ses sa :

<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 !

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

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

Résolu Re: Chatbox customiser & déplaçable

Message par Asheshin Hanachi le Ven 16 Juil 2010 - 0:42

tu as retiré des trucs ? Mais il ne faut rien retirer dans le code Oo
Il faut laisser ça
Code:
<script type=text/javascript src=/-h1.htm></script>
tel quel, en remplaçant juste le 1 par l'ID de ta page, c'est à dire le nombre qui est là :

Pas l'URL OO (quand je met des screens, ça serait sympa de regarder, aussi)

Asheshin Hanachi
***

Féminin
Messages : 188
Inscrit(e) le : 19/05/2010

http://mcvampire.forumcanada.org/
Asheshin Hanachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox customiser & déplaçable

Message par b2uty le Ven 16 Juil 2010 - 0:47

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 >.<

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

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

Résolu Re: Chatbox customiser & déplaçable

Message par Asheshin Hanachi le Ven 16 Juil 2010 - 0:48

donne-moi le lien de ton forum

Asheshin Hanachi
***

Féminin
Messages : 188
Inscrit(e) le : 19/05/2010

http://mcvampire.forumcanada.org/
Asheshin Hanachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox customiser & déplaçable

Message par b2uty le Ven 16 Juil 2010 - 0:51

http://infinity7.forumactif.com/forum.htm

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

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

Résolu Re: Chatbox customiser & déplaçable

Message par Asheshin Hanachi le Ven 16 Juil 2010 - 0:56

Bon... comme je ne vois pas ce qui cloche, je te donne le tutoriel de départ, que je viens de retrouver
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.

Arrow Avoir accès au PA
Arrow Connaissance minimale en codage
Arrow Savoir créer une page HTML

La pratique,

Vous commencez par créer une page HTML,

Arrow Panneau d'administration
Arrow Module
Arrow Gestion des pages HTML
Arrow 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,

Arrow Général
Arrow Configuration
Arrow 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

Asheshin Hanachi
***

Féminin
Messages : 188
Inscrit(e) le : 19/05/2010

http://mcvampire.forumcanada.org/
Asheshin Hanachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox customiser & déplaçable

Message par b2uty le Ven 16 Juil 2010 - 1:04

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.


Dernière édition par b2uty le Ven 16 Juil 2010 - 1:07, édité 2 fois

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

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

Résolu Re: Chatbox customiser & déplaçable

Message par Asheshin Hanachi le Ven 16 Juil 2010 - 1:06

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 ?

Asheshin Hanachi
***

Féminin
Messages : 188
Inscrit(e) le : 19/05/2010

http://mcvampire.forumcanada.org/
Asheshin Hanachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox customiser & déplaçable

Message par b2uty le Ven 16 Juil 2010 - 1:07

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??

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

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

Résolu Re: Chatbox customiser & déplaçable

Message par Asheshin Hanachi le Ven 16 Juil 2010 - 1:09

Non ça n'a rien à voir avec le navigateur, c'est peut-être plutôt la version du forum.... Quelle version ?

Asheshin Hanachi
***

Féminin
Messages : 188
Inscrit(e) le : 19/05/2010

http://mcvampire.forumcanada.org/
Asheshin Hanachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox customiser & déplaçable

Message par b2uty le Ven 16 Juil 2010 - 1:12

phpBB2

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

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

Résolu Re: Chatbox customiser & déplaçable

Message par Asheshin Hanachi le Ven 16 Juil 2010 - 1:14

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 ?

Asheshin Hanachi
***

Féminin
Messages : 188
Inscrit(e) le : 19/05/2010

http://mcvampire.forumcanada.org/
Asheshin Hanachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox customiser & déplaçable

Message par b2uty le Ven 16 Juil 2010 - 1:17

Voila cetter pour dire que j'ai réussi mais pas avec cette méthode
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 ^^

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

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

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