[CSS] Mettre la chatbox à gauche du forum en caché



 
AccueilAccueil  GalerieGalerie  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -25%
PC Portable Gamer 16,1” HP Victus 16 – 16 ...
Voir le deal
749.99 €

 

 [CSS] Mettre la chatbox à gauche du forum en caché

Aller en bas 
2 participants
AuteurMessage
Vladimir Manokova

N’ai pas peur. Je vais te donner le choix que je n’ai jamais eu.

Vladimir Manokova


Masculin AGE : 39
MESSAGES : 1939
DATE D'INSCRIPTION : 26/07/2010

ILLUSTRATION PERSONNELLE : Mes autres comptes : Severus Rogue, Jazz Gates et Lord Voldemort.


[CSS] Mettre la chatbox à gauche du forum en caché Empty
MessageSujet: [CSS] Mettre la chatbox à gauche du forum en caché   [CSS] Mettre la chatbox à gauche du forum en caché Icon_minitimeAoût 20th 2010, 10:35

C'est très simple a faire. Il vous suffit de créer une page html sur votre forum. Vous allez donc dans le panneau d'administration => modules => pages html => créer une page.

Vous y mettez 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>'); } );

Récupérez l'url de cette page, et allez dans général => configuration => mettez le lien suivant dans la description de votre forum :


Code:
<script type=text/javascript src=/urldevotrepage></script>
Revenir en haut Aller en bas
http://world-of-harrypotter.forumactif.com/fiches-elaborees-f142/vladimir-manokova-t2856.htm https://world-of-harrypotter.forumsrpg.com/bible-de-vos-rp-s-f9/
Eleanör Ventebrume

C’est amusant de ne pas respecter... Le règlement !

Eleanör Ventebrume


MESSAGES : 11
DATE D'INSCRIPTION : 27/08/2010


[CSS] Mettre la chatbox à gauche du forum en caché Empty
MessageSujet: Re: [CSS] Mettre la chatbox à gauche du forum en caché   [CSS] Mettre la chatbox à gauche du forum en caché Icon_minitimeAoût 29th 2010, 15:52

Pour cette modif' la chat box doit être activée ? désactivée ? affichée ? cachée ?
J'ai tout bien fait, ma page html seule affiche bien la box de côté, mais j'arrive pas a appliquer le script sur le fow' un détail doit m'échapper ...
Revenir en haut Aller en bas
Vladimir Manokova

N’ai pas peur. Je vais te donner le choix que je n’ai jamais eu.

Vladimir Manokova


Masculin AGE : 39
MESSAGES : 1939
DATE D'INSCRIPTION : 26/07/2010

ILLUSTRATION PERSONNELLE : Mes autres comptes : Severus Rogue, Jazz Gates et Lord Voldemort.


[CSS] Mettre la chatbox à gauche du forum en caché Empty
MessageSujet: Re: [CSS] Mettre la chatbox à gauche du forum en caché   [CSS] Mettre la chatbox à gauche du forum en caché Icon_minitimeAoût 30th 2010, 08:00

Active la voir pour voir. Normalement il faut qu'elle soit activée. [CSS] Mettre la chatbox à gauche du forum en caché 100297

Je précise aussi que quand tu mets le code dans la page html, elle doit pas être en mode écriture normale, tu dois cliquer sur le bouton à droite pour avoir la partie prévue pour du html. [CSS] Mettre la chatbox à gauche du forum en caché 100297
Revenir en haut Aller en bas
http://world-of-harrypotter.forumactif.com/fiches-elaborees-f142/vladimir-manokova-t2856.htm https://world-of-harrypotter.forumsrpg.com/bible-de-vos-rp-s-f9/
Eleanör Ventebrume

C’est amusant de ne pas respecter... Le règlement !

Eleanör Ventebrume


MESSAGES : 11
DATE D'INSCRIPTION : 27/08/2010


[CSS] Mettre la chatbox à gauche du forum en caché Empty
MessageSujet: Re: [CSS] Mettre la chatbox à gauche du forum en caché   [CSS] Mettre la chatbox à gauche du forum en caché Icon_minitimeAoût 30th 2010, 12:11

Tu veux dire a gauche scratch
Je dois avoir le logo html avec la petite croix verte ?
Je pense que de ce point de vue la c'est bon, puisque quand je fais un aperçut de ma page, j'ai une page blanche avec le bouton ouvrir à gauche, et quand je clique ça ouvre la box...
Donc je pense que la page est bien configurée.
c'est pour ce qui est de l'application du script que je pense que ça colle pas.

En fait au debut j'avais ce morceau là :
Citation :
jQuery(document).ready(function() { jQuery('body').append(''); } );
Qui restait affiché en haut de la page html ou s'affiche la box.
Du coup je l'avais supprimé et ça marchais toujours sur la page html...mais ça marchais pas mieux sur la page d'accueil.

Voila ce que ça fait quand je laisse le code :
http://lepensionnat.forumotion.com/chatbox-h1.htm
Revenir en haut Aller en bas
Contenu sponsorisé





[CSS] Mettre la chatbox à gauche du forum en caché Empty
MessageSujet: Re: [CSS] Mettre la chatbox à gauche du forum en caché   [CSS] Mettre la chatbox à gauche du forum en caché Icon_minitime

Revenir en haut Aller en bas
 
[CSS] Mettre la chatbox à gauche du forum en caché
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» ~ Ecrire, c'est mettre en ordre ses obsessions .
» Ider pourquoi mettre de barnnière au sujet
» Qui se cache sous la Bella ?
» Qui se cache derrière Lawrence ?
» Qui se cache derrière Neville

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Disney Rpg :: Divers : Mieux se Connaître :: Graphisme en tous genres :: Aide au graphisme, CSS, html :: Autres Tutos (html, css...)-
Sauter vers: