Afficher/Masquer les Widgets du forum

[Shadow]

Afficher / Masquer les widgets du forum

Définition: Ce script permet à vos membres de choisir individuellement d'afficher ou masquer les widgets du forum selon leurs préférences. Vous pouvez le tester ici afin de découvrir cette fonctionnalité : Attention: Ce script ne fonctionne que sur les forums en PHPBB3, INVISION et PUNBB. Comment ça marche: Ce script ne nécessite aucune édition de template, il est donc très facile à installer. Toutefois, selon la position de vos widgets sur le forum (sur le côté gauche ou droit), vous devez installer un script différent. Le script retient votre choix même si vous changez de page, ou si vous la rafraîchissez. Le choix peut être inversé si vous cliquez sur la flèche, ou si vous videz le cache du navigateur. Installer le script : Vous devez créer deux widgets personnalisés sur votre forum: Panneau d'administration ► Modules ► Portail & Widgets ► Gestion des widgets du forum ► Cliquez le bouton Vous devez ajouter un widget tout en haut et l'autre tout en bas de tous vos widgets personnalisés. Après avoir cliqué sur le bouton , vous arrivez sur cette page: Nom du widget ► Vous pouvez choisir n'importe quel nom, pour plus de simplicité, j'ai choisi "Top Widget" et "Bottom Widget" pour le FDF. Utiliser une table type ► Non. Titre du widget ► Laissez vide. Source du widget ► Copiez/collez les codes qui se trouvent ci-dessous selon la position de vos widgets. Rappel: Le script ne fonctionne pas sur les forums ayant les widgets des deux côtés. Le script à installer: Pour les forums ayant les widgets sur le côté gauche: Ajoutez le code suivant dans "Source du widget" du widget qui est tout en haut: <div id="forum-widget" style="height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; position: absolute; background: #f5ebf7 url(https://2img.net/h/oi42.tinypic.com/vg54yu.png) no-repeat 0 -13px;" onClick="jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); } else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }"></div> Vous pouvez changer la valeur de l'attribut en rouge et en bleu selon le design de votre forum. La partie rouge définit la couleur du fond de la flèche, la partie bleu permet de changer l'image de la flèche. Ajoutez le code suivant pour le deuxième widget qui se trouvent tout en bas de vos widgets existants: <script type="text/javascript"> jQuery('#forum-widget').insertBefore('#left'); if(my_getcookie('forum-widget')=='0') {jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); } </script> Pour les forums ayant les widgets sur le côté droite: Ajoutez le code suivant dans "Source du widget" du widget qui est tout en haut: <div id="forum-widget" style="cursor: pointer; height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; bottom: -15px; float: right; background: #f5ebf7 url(https://2img.net/h/oi42.tinypic.com/vg54yu.png) no-repeat 0 -13px;" onClick="jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); jQuery('#content-container div#content').css('margin-right','189px');} else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px'); }"></div> Vous pouvez changer la valeur de l'attribut en rouge et en bleu selon le design de votre forum. La partie rouge définie la couleur du fond de la flèche, la partie bleu permet de changer l'image de la flèche. Ajoutez le code suivant pour le deuxième widget qui se trouvent tout en bas de vos widgets existants: <script type="text/javascript"> jQuery('#forum-widget').insertBefore('#right'); if(my_getcookie('forum-widget')=='0') {jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px');} </script> 5. Ajoutez les widgets: Après avoir créé les widgets, vous devez les ajouter sur le forum: Panneau d'administration ► Modules ► Portail & Widgets ► Gestion des widgets du forum, cliquez le bouton "Widgets personnels", trouvez le widget à installer puis cliquez dessus et en maintenant le clic, faites le glisser jusqu'à l'endroit où il faut, donc "Top widget" tout en haut et "Bottom widget" tout en bas. N'oubliez pas de cliquer sur "Enregistrer" A vous de jouer maintenant !

Ce tutoriel a été rédigé sur la base d'un script de Etana, et d'un tutoriel anglais. Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.

[Invité]

Génial Merci Zen !

[mouneem]

Merci C'est Super

[AenigmA]

Merci et bravo pour cette astuce.
Une question tout de même, pourquoi vous dites qu'elle ne marche pas sur la version 2 ?
Ca a l'air pourtant de fonctionner avec "Utiliser une table type" pour ma part.

[Mengxi]

J'aime *o*

C'est pratique et des membres me disent : Enlève j'aime pas.

Ben maintenant chacun est content

[willi.t]

petites question, lorsque je réduit le bouton inverssé pour agrandir n'apparait plus, pourquoi?
merci
w

[Mengxi]

petites question, lorsque je réduit le bouton inverssé pour agrandir n'apparait plus, pourquoi?
merci
w

avez-vous rajouter le widget "bottom" ?

[willi.t]

oui, tout fonctionne a part que lorsque je réduit le bouton deviens caché

[Mengxi]

oui, tout fonctionne a part que lorsque je réduit le bouton deviens caché

effectivement, votre flèche se barre avec les widgets

Vérifiez si vous avez bien suivis le tuto

[kiwi14637]

Merci pour l'astuce !

Par-contre, je me permets de vous contredire car pour mon forum qui est en phpbb2, cela marche très bien ! ;-)

[willi.t]

et oui parfois on va plus vite que la musique, merci, ça marche

[mary5656]

Pour moi ça ne sera pas facile a faire..par contre j'aimerais bien... c'est pas mal , c'est bien trouver. Merci

[Samleski]

Bonjour,

Merci pour ce script!
Effectivement, le script fonctionne parfaitement en PHPBB2^^

[filo62]

Bonjour

Moi aussi la flèche s'efface. C'est logique car le bouton est fait pour masquer la colonne de gauche et mon widget bottom widget est dans cette colonne.

Dans le tuto, il n'y a pas le lien pour tester cette fonctionnalité

[K@K]

Bonjour perso j'adore cette fonction

...Dans le tuto, il n'y a pas le lien pour tester cette fonctionnalité

Si regardez bien la première image, cette fonction est déjà en service sur FDF

k@k...

[filo62]

désolé mais je ne vois pas de lien.

[K@K]

Regardez sur FDF à gauche au dessus du premier widget " rechercher " il y a une double flèche il faut cliquer dessus.

[MySt1KxSyL3nT]

Merci pour le script !

Comment changer le fond blanc (#f5ebf7) en le remplacant par du noir?

Sinon pour retirer le fond, j'ai juste besoin de supprimer "background: #f5ebf7" ?

[Meridian640]

Bonjour,

tout d'abord merci pour ces scripts. J'ai une petite question, pourquoi ai-je une fenêtre avec de la pub qui s'affiche juste sous le Widget que je veux afficher/masquer ?
Ca ne le fait qu'avec les scripts (je pense le Bottom)
Est-ce un problème de lecture de cookies ?

Merci d'avance

[Absol]

Il n'existe pas le tuto mais à l'inverse ? En gros les widget sont déjà cachés et en cliquant sur la flèche ils s'affichent ?

Merci d'avance =)