School of Pub, où la perfection est à la portée de chacun. (Dixit Audidounette)

AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

 


Partager | 
 

 Chatbox latérale coulissante (Js)

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

Nao

Artiste

Voir le dossier scolaire

Artiste

Féminin Journaliste du M-SoP

Nombre de messages: 2835
Age: 14
Localisation: Dans ma salle de bain :3
$ops: 9899
Points: 1030
Date d'inscription: 20/02/2011
Distinctions: Déléguée de Janvier 2012
Miss SoP Premier trimestre 2012

SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Chatbox latérale coulissante (Js)   Sam 3 Déc - 9:11




Chatbox Latérale Coulissante

Hey Smile
Voici une astuce très simple pour mettre une chatbox coulissante à gauche ou à droite de votre forum Smile

I) Créons une page Js !


    • Pour installer la chatbox coulissante, il faut aller dans le PA => Modules => HTML & Javascript => Gestions des codes javascripts
    • Après cela, cliquez sur "Créer un nouveau javascript".
    • Vérifiez que le js est activé sur toutes les pages en cochant la case "Sur toutes les pages"

II) Passons au code



    • Copiez collez ce code dans vote page javascript:
    Code:
    jQuery(document).ready(function() { jQuery('body').append('<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="http://enchanted-academie.forumgratuit.be//chatbox/index.forum?page=front&" id="chatboxpop" scrolling="yes" style="overflow: visible; width: 600px; height: 350px; display: none; float:right;" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onClick="jQuery(\'#chatboxpop\').animate({width:\'toggle\'},1200); jQuery(\'#chatboxopen,#chatboxclose\').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://nsa28.casimages.com/img/2011/11/11//111111071728223217.png" id="chatboxopen"/><img src="http://nsa28.casimages.com/img/2011/11/11//111111071814124751.png" id="chatboxclose" style="cursor :pointer; display:none;"></div></div>'); } );

    • Pour que la chatbox se trouve à gauche, il vous suffit de remplacer le "right" avant la balise iframe par "left"


III) Conseils




_________________



Mes cadeaux de Noël:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://skimia-leydith.skyrock.com/
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44273
Age: 24
Localisation: Lille
$ops: 21186
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: Chatbox latérale coulissante (Js)   Lun 5 Mar - 15:17

Attention de ne pas oublier de changer le iframe
Code:
<iframe src="http://enchanted-academie.forumgratuit.be//chatbox/index.forum?page=front&" id="chatboxpop" scrolling="yes" style="overflow: visible; width: 600px; height: 350px; display: none; float:right;" marginwidth="0" marginheight="0" frameborder="0"></iframe


C'est l'adresse de votre forum qu'il faut mettre à la place de
Code:
http://enchanted-academie.forumgratuit.be/chatbox/index.forum
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Chatbox latérale coulissante (Js)

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

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Pub :: Les cours :: Tutoriels :: Informatique :: Codage-


Aller en haut
Aller en bas