Love Story
Bonjour et bienvenue à toi cher chat. Souhaites-tu rejoindre le Clan du Tonnerre ? Le Clan de la Rivière ? Le Clan du Vent ? Ou le Clan de l'Ombre peut-être ? A moins que tu ne veilles rejoindre les solitaires ou les domestiques ? Dans tout les cas, nous t'invitons à t'inscrire sur ce forum pleins d'aventures ! Allez, n'hésites pas et viens nous rejoindre permis tant de plaisir !
Love Story



Partagez|

ChatBox en JavaScript by Puppy (LG)

avatar
Love Story
1er personnage : Étoile du Lion - 36 lunes - Tonnerre - Chef
PUF : Mew.
Masculin Messages : 801
Fusions : 3697
Réputation : 0
Date d'inscription : 02/07/2014
Voir le profil de l'utilisateur http://thisislovestory.forumactif.org
MessageSujet: ChatBox en JavaScript by Puppy (LG)  Sam 14 Fév - 14:33

Bonjour / Bonsoir !

Étant donné que les Chat-box en HTML sur le côté ne fonctionne plus, je vous donne celui en javascript.
Avec ce code cela vous permettra de ::

- mettre la chat-box sur le côté de votre forum
- Avoir la chat-box sur toutes les pages (si désiré)
- La mettre à la hauteur et du côté que vous désirez


Ce codage est simple et rapide alors voilà comment faire ::

1. Allez dans le panneau d'administration - Module - Gestions des codes Javascript.
2. Activer la gestion des codes Javascript et créer une nouvelle page Javascript.
3. Donner un titre à la page et choisissez l'endroit où vous souhaiter voir la chat-box afficher.
4. Mettez ce code dans votre page:

Code:
jQuery(document).ready(function() { jQuery('body').append('<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; left: 0px; z-index:1000;"><iframe src="http://tales-palace.forum-canada.com///chatbox/index.forum?page=front&" id="chatboxpop" scrolling="yes" style="overflow: visible; width: 750px; height: 350px; display: none; float:left;" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onClick="jQuery(\'#chatboxpop\').animate({width:\'toggle\'},1200); jQuery(\'#chatboxopen,#chatboxclose\').toggle();" style="margin-top: 233px; cursor :pointer; float:left"><img src="URL IMAGE POUR OUVRIR" id="chatboxopen"/><img src="URL IMAGE POUR FERMER" id="chatboxclose" style="cursor :pointer; display:none;"></div></div>'); } );



5. Mettez les images de votre choix aux endroit appropriés.
6. Changer

Code:
<iframe src="http://tales-palace.forum-canada.com///chatbox/
par le lien de votre propre forum.
7. Voilà, vous avez votre cb !


Après ça vous devriez avoir votre chat-box en bas à gauche.

- - - - - - - - - - - - - - - - - - - - -

COMMENT CHANGER LA CHAT-BOX DE PLACE ?

Pour placer la chat-box à un hauteur différente, c'est très simple. Voici ce que vous devez faire ::

1. Repérez ce bout de code (Il est placé juste avant l'url de l'image pour ouvrir la CB)::
Code:
" style="margin-top: 233px; cursor :pointer; float:left"

2. Grâce à "margin-top: 233px;", vous allez pouvoir changer la hauteur à la quelle se situera votre CB. Plus le nombre de px sera gros, plus elle sera basse, mais plus le chiffre sera petit et plus votre chat-box sera placé haut.


- - - - - - - - - - - - - - - - - - - - -

COMMENT CHANGER LA CHAT-BOX DE CÔTÉ ?

Pour placer la chat-box à droite, c'est très simple. Voici ce que vous devez faire ::

1.Utilisez les touches Ctrl + F, afin de trouver tout les "left".
2. Remplacez les "left" par "right" et votre chat-box sera maintenant à la droite de votre forum.



- - - - - - - - - - - - - - - - - - - - -

Voilà, j'espère que cela vous servira !
À plus !

♥♥♥

ChatBox en JavaScript by Puppy (LG)

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» CHATBOX DE SECOURS.
» Chatbox: Mode d'emploi
» Chatbox..
» Gages de la chatbox
» Proposition ~ Chatbox

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Love Story :: Power :: A. Love Story in Film-