Comment faire pour obtenir un bouton qui permet aux membres de masquer les widgets du forum ?

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

Résolu Comment faire pour obtenir un bouton qui permet aux membres de masquer les widgets du forum ?

Message par Invité le Ven 21 Déc 2012 - 8:47

Bonjour,

Je regarde souvent le forum de Fanch56, parce que je trouve qu'il est bien réalisé, et du coup, je serais interressé pour mettre en place un bouton qui permet de masquer ou non les widgets du forum, voici l'exemple du forum de Fanch : http://www.anciens-cols-bleus.net/

Il s'agit du petit bouton jaune à gauche de l'écran dont le contenu est écrit en noir.

Merci pour votre aide précieuse.

Cordialement
Romain


Dernière édition par quistador le Ven 21 Déc 2012 - 10:25, édité 1 fois

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour obtenir un bouton qui permet aux membres de masquer les widgets du forum ?

Message par FANCH 56 le Ven 21 Déc 2012 - 8:58

Bonjour

Code:
Voici le CSS pour cela. ([b]Origine Foruùactif[/b].)

/* ******************************CACHE WIDGET ******** */
        }
        .widget-arrow {
        height: 350px;
        width: 40px;
        border-radius: 00px;
        float: left;
        cursor: pointer;
        background: #f5ebf7 url(http://URL IMAGE) no-repeat 0 0;
        }
        .widget-arrow.isright {
        float: right;
        }
        .widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
        background-position: 0px 0px;
        }

    #widget-arrows {
        height: 38px;
  position: fixed;
  bottom: 140px;
}

Tu peux récupérer l'image.


FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour obtenir un bouton qui permet aux membres de masquer les widgets du forum ?

Message par Invité le Ven 21 Déc 2012 - 9:39

Bonjour,

Merci Fanch, mais voici le message d'erreur que j'ai :
Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code.

Et voici ce que j'ai mis :

}
.widget-arrow {
height: 350px;
width: 40px;
border-radius: 00px;
float: left;
cursor: pointer;
background: #f5ebf7 url(http://i17.servimg.com/u/f17/11/09/14/31/ouvrir10.jpg) no-repeat 0 0;
}
.widget-arrow.isright {
float: right;
}
.widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
background-position: 0px 0px;
}

#widget-arrows {
height: 38px;
position: fixed;
bottom: 140px;
}

Cordialement
Romain

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour obtenir un bouton qui permet aux membres de masquer les widgets du forum ?

Message par FANCH 56 le Ven 21 Déc 2012 - 9:47

retire le premier } en haut


Dernière édition par FANCH 56 le Ven 21 Déc 2012 - 9:55, édité 1 fois

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour obtenir un bouton qui permet aux membres de masquer les widgets du forum ?

Message par Invité le Ven 21 Déc 2012 - 9:55

Alors il m'indique cela : Votre CSS a bien été mis à jour.

Mais le hic c'est que le bouton ne s'affiche pas sur mon forum.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour obtenir un bouton qui permet aux membres de masquer les widgets du forum ?

Message par FANCH 56 le Ven 21 Déc 2012 - 10:04

Il faut l'héberger.

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour obtenir un bouton qui permet aux membres de masquer les widgets du forum ?

Message par FANCH 56 le Ven 21 Déc 2012 - 10:04

Tu met en plus ce code javascripts (sur toutes les pages)

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})
          }))
        });

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour obtenir un bouton qui permet aux membres de masquer les widgets du forum ?

Message par Invité le Ven 21 Déc 2012 - 10:08

Tu va me dire que je suis enquiquinant mais le bouton et la fonction fonctionne sauf que quand je clique sur le bouton pour réafficher les widgets, ça beug.

Voici le forum sur le quel j'utilise la fonction : http://www.chiensdalsace.org/forum

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour obtenir un bouton qui permet aux membres de masquer les widgets du forum ?

Message par FANCH 56 le Ven 21 Déc 2012 - 10:13

Ce n'est peut-être que pour invision.

Regardes l'astuce de FA

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour obtenir un bouton qui permet aux membres de masquer les widgets du forum ?

Message par Invité le Ven 21 Déc 2012 - 10:18

Je vais regarder cela de plus près.

Merci Fanch pour ton accord pour l'image.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour obtenir un bouton qui permet aux membres de masquer les widgets du forum ?

Message par Invité le Ven 21 Déc 2012 - 10:25

Bon ben en fait il s'agissait de la mauvaise version de javascript.

Du coup j'ai pris la bonne pour mon forum.

Tout fonctionne, donc je clos le sujet.

Merci infiniment Fanch.

Cordialement
Romain

Invité
Invité


Invité 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