Placement Widget

[pctgwed]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://unfriended.forumperso.com/

Description du problème

Bonjours j'ai repéré dans un forum que la chatbox et d'un autres widget en haut à gauche comme vous pouvez voir sur l'image ou sur le forum : http://synode.forum2jeux.com/

J'aimerais savoir quel code ou comment il à fait. Merci !

[Feuilla']

Bonsoir,
c'est ici :
Panneau d'administration (avancé)
Modules
Portail & Widgets
Gestion des widgets du forum
Vous avez la possibilité d'ajouter des widgets déjà faits, ou d'en créer des personnalisés.
https://forum.forumactif.com/t233284-installation-modification-de-widgets
Bonne soirée !

[pctgwed]

Bonjours merci de votre réponse rapide enfaites je me suis mal expliqué je sais mettre des widget et le chatbox mais je voulais savoir comme le mettre en petit icone a gauche.
Enfaites sur ce forum le chatbox s'ouvre lorsqu'on clique sur l'icone ce qui, je trouve est mieux car la chatbox prend pas mal de place.

[stefou]

Bonjour,
il s’agit d'un panneau coulissant.
https://forum.forumactif.com/t309533-creer-un-panneau-lateral-coulissant

[pctgwed]

Ah bien le merci pour votre réponse !

[pctgwed]

Pour plus de simplicité j'ai préféré ne pas recrée de post, j'ai quelques soucis avec la chatbox latéral,
je ne vois pas les icone 'gras/italique....'

liens du forum : http://unfriended.forumperso.com/groups

Mes codes actuel sont :

Code:

jQuery(document).ready(function () {
        jQuery('body').append('<table style="position: fixed; bottom: 250px; left: 0px;background-color: #242424;z-index:10000;"><tr><td><div id="panneau" scrolling="yes" style="width: 550px; height: 250px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 550px; height: 250px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').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>');
    });

Et également quand je change tout les liens : https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png\
et https://i.servimg.com/u/f81/11/21/85/73/fermer10.png\

pour changer mes images la chatbox latéral ne s'affiche plus.

Mes images sont : https://i.servimg.com/u/f68/19/15/63/19/chatbo13.png

Merci de votre aide

[Peggy06]

Bonjour, pctgwed,
Vos images n'existent pas, il y a dû avoir un bug avec Servimg, cela m'arrive souvent, depuis les fêtes je n'arrive plus à uploader des images avec Servimg, je le fais avec Hostingpics, d'ailleurs vous pouvez mettre un bouton sur votre forum si vous le désirez, astuce donnée par FA.

[pctgwed]

AH bien le merci j'essaie sa et je vous retiens au courant si sa marche !

[stefou]

y a pas de bug, c'est juste qu'il à pris le \ à la fin.
https://servimg.com/u/f81/11/21/85/73/ouvrir10.png\

https://servimg.com/u/f81/11/21/85/73/ouvrir10.png

[Peggy06]

Oups ! toutes mes excuses, et bien moi aussi je l'avais pris pour visualiser

[pctgwed]

Sa ne fonctionne toujours pas mais sur Hostingpics il y'a environ 10 liens, lequel prendre? :s

[pctgwed]

Ah d'accord je viens de voir le message de stefou

comment régler mon problème ducoup?

[stefou]

Peux tu poster une photo du problème, car je vois pas les icônes dont tu parles.
Pour les images, il suffit de remplacer les 5 liens par le lien de ta nouvelle image.

[pctgwed]

Voici l'image de mon problème : https://i.servimg.com/u/f68/19/39/79/35/sans_t10.jpg

On vois à peine les icone 'gras/italique...'

et pour les image je vais essayer

[stefou]

Tu parles des pseudos connecté qui s'affiche en bleu sur le coté gauche ?

[pctgwed]

https://i.servimg.com/u/f68/19/39/79/35/sans_t11.jpg

non je parle des icones en bas(j'ai indiqué par des flèche)

[Peggy06]

Pour les images, sur hostingpics le lien est l'avant-avant dernier "lien pour forum" , ou le 3ème en remontant[url]******[img]*****

[pctgwed]

Pour les images je n'y arrive malheureusement pas, il faut bien laisser les guillemet ' entre les liens?

[stefou]

donne ton code modifié.

Et pour les icônes ta fenêtre coulissante est trop étroite. il faut remplacer dans le code les deux 550px par 700px

[pctgwed]

Ah merci pour les icones, ça fonctionnes et pour le code modifié avec mon liens :

Code:

jQuery(document).ready(function () {
        jQuery('body').append('<table style="position: fixed; bottom: 250px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 700px; height: 250px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 700px; height: 250px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="http://www.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://www.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?\'block\':\'none\';this.src=(this.src==\'http://www.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?\'http://www.servimg.com/u/f81/11/21/85/73/ouvrir10.png':\'http://www.servimg.com/u/f81/11/21/85/73/ouvrir10.png');
    });

[pctgwed]

heu excuser moi je me suis tromper !

Code:

jQuery(document).ready(function () {
        jQuery('body').append('<table style="position: fixed; bottom: 250px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 700px; height: 250px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 700px; height: 250px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="http://i68.servimg.com/u/f68/19/39/79/35/chatbo11.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i68.servimg.com/u/f68/19/39/79/35/chatbo11.png')?\'block\':\'none\';this.src=(this.src==\'http://i68.servimg.com/u/f68/19/39/79/35/chatbo11.png')?\'http://i68.servimg.com/u/f68/19/39/79/35/chatbo11.png':\'http://i68.servimg.com/u/f68/19/39/79/35/chatbo11.png');
    });

[Peggy06]

Je pense que ça vient du fait que vous avez mis le même lien pour ouvrir et fermer si vous voulez la même image donnez 2 noms différents ex: chatbox10 et chatbox 11

[stefou]

Décidément tu as des soucis avec les \
Je reprends ton code donné au début modifié avec ta nouvelle image.

Code:

    jQuery(document).ready(function () {
            jQuery('body').append('<table style="position: fixed; bottom: 250px; left: 0px;background-color: #242424;z-index:10000;"><tr><td><div id="panneau" scrolling="yes" style="width: 700px; height: 250px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 700px; height: 250px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="http://i68.servimg.com/u/f68/19/39/79/35/chatbo11.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i68.servimg.com/u/f68/19/39/79/35/chatbo11.png\')?\'block\':\'none\';this.src=(this.src==\'http://i68.servimg.com/u/f68/19/39/79/35/chatbo11.png\')?\'http://i.imgur.com/7gBDacI.png\':\'http://i68.servimg.com/u/f68/19/39/79/35/chatbo11.png\';"/></td></tr></table>');
        });

[stefou]

Je pense que ça vient du fait que vous avez mis le même lien pour ouvrir et fermer si vous voulez la même image donnez 2 noms différents ex: chatbox10 et chatbox 11

Effectivement il faut un lien différent sur le bouton fermer afin qu'il soit actif.

[pctgwed]

Ah bien le merci à tous ! merci de votre patiente avec moi

un dernier soucis(oui je suis chiant)

je souhaite intégré un widget en dessous du chatbox qu'on viens de faire donc je met le premier code que j'ai trouver sur ce sujet

et en remplaçant le texte par <iframe src="http://almanax.zone-bouffe.com/dofus/widget.php?size=small" frameborder="0" scrolling="no" width="433" height="73"></iframe>

(qui est le liens javascrpit du widget)

ce qui donne :

Code:

jQuery(document).ready(function () {
        jQuery('body').append('<table style="position: fixed; bottom: 150px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
<iframe src="http://almanax.zone-bouffe.com/dofus/widget.php?size=small" frameborder="0" scrolling="no" width="433" height="73"></iframe>
          </div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').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>');
    });

(sans modifié l'image encore) et sa m'ouvre également la chatbox !

[stefou]

Logique puisque tu utilises le même id pour les deux panneaux coulissants.
dans ton deuxième panneau, remplace les deux id panneau par panneau2

[pctgwed]

Ah beh bien le merci pour tout sa ! plus qu'a trouver la bonne taille pour que sa rentre bien mais avec vos conseil je devrais m'en sortir ! bonne journée tout le monde et grand merci à vous !