Forum de Graph, aide Html et Css
 
AccueilAccueil  FAQFAQ  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Chatbox latérale en Spoiler CM

Aller en bas 
AuteurMessage
Sweet Purple
Admin
avatar

Messages : 131
Date d'inscription : 12/07/2010
Age : 24

MessageSujet: Chatbox latérale en Spoiler CM   Jeu 28 Avr - 23:29

KETSIA a écrit:
Chatbox latérale en Spoiler =D

Niveau : Simple
Auteur : KETSIA
A quoi sa sert ? Une chatbox, c'est bête, c'est con, c'est simple. On est d'accord ? On sait pas si on préfère la mettre en haut : pas très esthétique... Ca prend trop de place. En bas... Y a jamais personne ! Eh ... Et si tu la mettait sur le côté, hein =p ?


Un peu de théorie. Pour ceux qui s'y connaisse le principe qu'il va suivre est en faite un frame. =D

Il vous faut grapher deux "boutons". l'un pour OUVRIR votre chatbox, l'autre en toute logique pour la FERMER. Héberger-les et garder précieusement ces deux URL, nous nous en servirons tout de suite après !

Pour avoir votre chatbox latérale que sur la page index, il suffit de poster le code qui suit dans votre PAGE D'ACCUEIL.


Code:

<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: 600px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="URL OUVRIR" onClick="document.getElementById('chatboxpop').style.display=(this.src=='URL OUVRIR')?'block':'none';this.src=(this.src=='URL OUVRIR')?'URL FERMER':'URL OUVRIR';"/></td></tr></table>

Changer les URL OUVRIR par l'url de votre image qui est faite pour ouvrir la chatbox.
Changer les URL FERMER par l'url de votre image qui est faite pour fermer la chatbox.

BOTTOM : 50px ; Régler l'espace entre le bas de votre page et le début de votre bouton en PX
Left : 0px, signifie qu'elle sera positionner à gauche. Si vous la désirez à droite, il suffit juste de modifier le "left" par "right".
Width c'est la largeur, et height l'hauteur. Celles-ci sont prédéfini par la frame de forumactif pour la chatbox ^^
ONCLICK= Et voilà du Javascript. Pour dire que votre Chatbox s'ouvrir en "cliquant dessus". Techniquement, si vous le changer par : "onmouseover", il devrait s'ouvrir au passage de votre curseur. [ J'ai pas testé, c'est à vérifier =D ]

Envoyer, et le tour est jouer.

Vous désirez votre Chatbox latérale, présente sur toutes les pages ?

Vous reprenez le code de tantôt.

Compte fondateur, attention.
Panneau d'adminsitration, Affichage, Templates, Général, overall_header_new.

Vous pouvez directement le mettre à la fin =D :
Rien de plus à changer =p

SI C'EST PAS GRANDIOSE CA !
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://couleurs-en-folies.forumsactifs.net
 
Chatbox latérale en Spoiler CM
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Couleurs En Folie :: Codage :: Astuce &' Aide :: Templates-
Sauter vers: