panneau latéral

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

Résolu panneau latéral

Message par nathy59 le Dim 1 Juin 2014 - 8:32

bonjour à toutes et à tous
voila j'ai besoin d'un petit cou de pouce j'aimerais ajouter un petit panneau coulissant sur le coter droit de mon forum histoire de mettre les top site et quelque rappel j'ai bien sur essayer le panneau coulissant comme pour la chatbox mais ou je coince c'est comment mettre les éléments que je veut à l’intérieur
merci de m'aider


Dernière édition par nathy59 le Mar 3 Juin 2014 - 15:38, édité 1 fois

nathy59
**

Féminin
Messages : 61
Inscrit(e) le : 02/01/2014

http://buffy-and-the-vampir.forumgratuit.org/
nathy59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: panneau latéral

Message par gigi68 le Dim 1 Juin 2014 - 12:37

Si tu es en phpBB2 ... Essaye ceci !
Modules = Codes Javascript créer un nouveau ..

Code:
jQuery(document).ready(function () {
    jQuery('body').append('<table style="position: fixed; bottom: 60px; right: 0px;background-color: #ccccfc;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 295px; height: 200px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
     

Ton texte ici

      </div></td><td style="vertical-align: bottom;"><img src="http://www.smartagenda.fr/ressources/images/rendez-vous-internet-6822-16.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://www.smartagenda.fr/ressources/images/rendez-vous-internet-6822-16.png\')?\'block\':\'none\';this.src=(this.src==\'http://www.smartagenda.fr/ressources/images/rendez-vous-internet-6822-16.png\')?\'http://www.smartagenda.fr/ressources/images/agenda-6822-16.png\':\'http://www.smartagenda.fr/ressources/images/rendez-vous-internet-6822-16.png\';"/></td></tr></table>');
});

gigi68
***

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

http://motardalsace68.forumactif.org/forum
gigi68 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: panneau latéral

Message par nathy59 le Lun 2 Juin 2014 - 6:53

bonjour Gigi68
merci de ta réponse si efficace qui marche parfaitement, mais je me rend compte que si ont na une chatbox latéral ont ne peut pas avoir un panneau latéral en plus car quand je veut ouvrir mon panneau ben sa ouvre ma chatbox et non mon panneau

nathy59
**

Féminin
Messages : 61
Inscrit(e) le : 02/01/2014

http://buffy-and-the-vampir.forumgratuit.org/
nathy59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: panneau latéral

Message par nathy59 le Mar 3 Juin 2014 - 7:02

un petit up pour une solution

nathy59
**

Féminin
Messages : 61
Inscrit(e) le : 02/01/2014

http://buffy-and-the-vampir.forumgratuit.org/
nathy59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: panneau latéral

Message par stefou le Mar 3 Juin 2014 - 13:27

Bonjour, c'est logique puisque les deux codes utilise la même id.

Il faut modifier les identifiants d'un des deux panneaux pour les différencier.
Exemple:
Code:
        jQuery(document).ready(function () {
            jQuery('body').append('<table style="position: fixed; bottom: 60px; right: 0px;background-color: #ccccfc;z-index:10000;"><tr><td><div id="panneau_2" scrolling="no" style="width: 295px; height: 200px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
           
       
        Ton texte ici
       
              </div></td><td style="vertical-align: bottom;"><img src="http://www.smartagenda.fr/ressources/images/rendez-vous-internet-6822-16.png" onClick="document.getElementById(\'panneau_2\').style.display=(this.src==\'http://www.smartagenda.fr/ressources/images/rendez-vous-internet-6822-16.png\')?\'block\':\'none\';this.src=(this.src==\'http://www.smartagenda.fr/ressources/images/rendez-vous-internet-6822-16.png\')?\'http://www.smartagenda.fr/ressources/images/agenda-6822-16.png\':\'http://www.smartagenda.fr/ressources/images/rendez-vous-internet-6822-16.png\';"/></td></tr></table>');
        });

stefou
*****

Masculin
Messages : 889
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: panneau latéral

Message par néco le Mar 3 Juin 2014 - 15:17

et évidemment , SI les boutons tombent l'un sur l'autre , il faut en déplacer un plus bas ou plus haut pour les séparer ! Wink

sur la première ligne du codage donné plus haut , tu modif juste le
bottom: 60px;
en changeant le 60 par ce que tu veux ! (c'est le nombre de pixel qu'il y aura entre le bas de l'écran et le bouton ^^ )

bizzz

néco
*****

Féminin
Messages : 781
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: panneau latéral

Message par nathy59 le Mar 3 Juin 2014 - 15:37

Oh super super super sa marche merci beaucoup

stefou et néco

je passe en résolue  Wink cheers 

nathy59
**

Féminin
Messages : 61
Inscrit(e) le : 02/01/2014

http://buffy-and-the-vampir.forumgratuit.org/
nathy59 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