Forum gratuit : Le forum des forums actifs
Bienvenue sur le forum de support de ForumActif.

Afin de profiter pleinement de tout ce que vous offre notre forum, merci de vous identifier si vous êtes déjà membre ou de rejoindre notre communauté si vous ne l'êtes pas encore.

Créer un forum gratuit semblable à ce forum !
Créer un forum gratuit

Rechercher
Magic FDFRechercher parmi les tutoriels...
Pensez à effectuer une recherche parmi les tutoriels existants avant d'ouvrir un sujet dans l'Entraide !



Afficher sous forme de :


Derniers Tutoriels
Les posteurs les plus actifs de la semaine
Chacha
 
MlleAlys
 
Vivi
 
ge80
 
1baptiste
 
Tech
 
Neptune-
 
FANCH 56
 
Kinotto
 
SeLfde4Th7
 

Thèmes du mois
Thème The Survivors TWDThème War ThunderThème Pactdesyokai Yume No Oni V3Thème Solitude de LinkThème Star Wars GuildeThème Harry PotterThème Shounenyume No Oni V3Thème Makup Theme FoxyThème Palais dans les nuagesThème TatatarataThème Féerie tème foxy
Derniers sujets
» spam
Aujourd'hui à 18:45 par MlleAlys

» Apparence des catégories
Aujourd'hui à 18:45 par MlleAlys

» [Question] Créer des libellés
Aujourd'hui à 18:42 par MlleAlys

» Script des derniers sujets et autre
Aujourd'hui à 18:41 par kiwi14637

» Couleur de fond textarea qui ne change pas
Aujourd'hui à 18:33 par MlleAlys

» mots de passe special administration
Aujourd'hui à 18:32 par Neptune-

» Modifier l'apparence des liens sur le haut de l'index
Aujourd'hui à 18:25 par 1baptiste

» Texte du qui est en ligne
Aujourd'hui à 18:16 par 1baptiste

» Inscriptions refusées
Aujourd'hui à 17:54 par Tinker

Qui est en ligne ?
Il y a en tout 181 utilisateurs en ligne :: 25 Enregistrés, 2 Invisibles et 154 Invités :: 2 Moteurs de recherche

1baptiste, 21stcentury, amarid, Arnauld, At0mic, belzia69, Devilsova, Françoise de la crêpe, ge80, Lixyr, Lokiaryu, MlleAlys, Nekothika, Neptune-, Nesquik, no_way, Peggy06, PhilaSoleil, pika06, ptitegirafe54, servity, suh, tony26, uvson, Valkyija

Le record du nombre d'utilisateurs en ligne est de 1877 le Jeu 19 Mai 2011 - 15:00
Afficher / Masquer les widgets du forum554

Afficher / Masquer les widgets du forum

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

Tutoriel Afficher / Masquer les widgets du forum

Message par Threax le Dim 14 Nov 2010 - 12:32

Afficher / Masquer les widgets du forum


  1. 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é :



  2. Comment ça marche:

    Ce script ne nécessite aucune édition de template, il est donc très facile à installer. Toutefois, selon la version de votre forum 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.

  3. Mettre en place le fonctionnement :

    Vous devez installer le script de votre version sur toutes les pages ( voir gestion des codes javascript pour comment faire ) et installer un code CSS.

  4. Le script à installer:

    • Script pour les forums de version phpbb2 :

      Code:
      $(function() {
        var c = $("#left,#right"), d, e = function() {
          var a = $(this).data("side");
          window.localStorage && localStorage[("none" == $("#" + a).parent().css("display") ? "remove" : "set") + "Item"]("wid" + a, "1");
          $("#" + a).parent().toggle();
          $(this).toggleClass("isopened isclosed")
        };
        c.length && ($("#content-container").prepend(d = $('<div id="widget-arrows"><div style="clear:both"></div></div>')), c.each(function() {
          var a = $(this).attr("id"), b = $('<div class="widget-arrow is' + a + ' isopened"></div>');
          b.data("side", a).appendTo(d).click(e);
          window.localStorage && "1" == localStorage.getItem("wid" + a) && b.trigger("click")
        }))
      });

    • Script pour les forums d'autres versions :

      Code:
      $(function() {
        var c = $("#left,#right"), d, e = function(a) {
          var a = a.direct ? 0 : 1E3, b = $(this).data("side");
          window.localStorage && localStorage[("none" == $("#" + b).css("display") ? "remove" : "set") + "Item"]("wid" + b, "1");
          $("#" + b).stop(!0, !0).animate({width:"toggle", height:"toggle", opacity:"toggle"}, a);
          $(this).toggleClass("isopened isclosed")
        };
        c.length && ($("#content-container").prepend(d = $('<div id="widget-arrows"><div style="clear:both"></div></div>')), c.each(function() {
          $(this).find("script").remove();
          var a = $(this).attr("id"), b = $('<div class="widget-arrow is' + a + ' isopened"></div>');
          "right" == a && $("#content").prepend($("#right").css("padding", "0 10px")).css("margin-right", 0);
          b.data("side", a).appendTo(d).click(e);
          window.localStorage && "1" == localStorage.getItem("wid" + a) && b.trigger({type:"click", direct:!0})
        }))
      });

  • Ajoutez le code CSS :

    Après avoir ajouté le script, vous devez ajouter le code css : Panneau d'administration ► Affichage ► Couleurs ► Feuille de style CSS, et ajoutez :

    Code:
    #widget-arrows {
      height: 13px;
    }
    .widget-arrow {
      height: 13px;
      width: 16px;
      border-radius: 4px;
      float: left;
      cursor: pointer;
      background: #f5ebf7 url(http://i.imgur.com/zVQMs.png) no-repeat 0 -13px;
    }
    .widget-arrow.isright {
      float: right;
    }
    .widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
      background-position: 0 0;
    }
    A vous de jouer maintenant ! Very Happy




  • Threax
    + Hyperactif +

    Masculin
    Messages: 17277
    Réputation: 2313
    Inscrit(e) le: 27/08/2005

    http://lesforumsde.forumactif.com

    Revenir en haut Aller en bas

    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