Bouton ouvrir/fermer les widgets

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

Résolu Bouton ouvrir/fermer les widgets

Message par stevex8 le Dim 24 Nov 2013 - 0:02

Salut a tous,
je me tourne vers vous car je me creuse la tête depuis quelques jours...
J'ai un bouton, en bas a gauche de l’écran, pour ouvrir la chatbox. J'ai fait la même chose pour pouvoir ouvrir et fermer les widgets. Le problème c'est que je n'arrive pas a aligner le bouton ''widget'' avec celui de la chatbox. Sad 
Voici mon css
Code:
       /* ******************************CACHE WIDGET ******* */
        
               .widget-arrow {
                height: 100px;
                width: 30px;
                border-radius: 00px;
                float: left;
                cursor: pointer;
                background: #f5ebf7 url(http://i56.servimg.com/u/f56/12/42/13/77/widget12.png) no-repeat 0 0;
                }
                .widget-arrow.isright {
                float: right;
                }
                .widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
                background-position: 0px 0px;
                }
        
            #widget-arrows {
                height: 0px;
          position: fixed;
          bottom: 260px;
        }
et le script
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})
                  }))
                });
J'aimerais vraiment pouvoir mettre ce bouton tout a gauche de l’écran, comme l'autre.
J’espère que quelqu'un sera m'aider.
Merci d'avance.
Bonne soirée


Dernière édition par stevex8 le Dim 24 Nov 2013 - 13:08, édité 3 fois

stevex8
**

Messages : 94
Inscrit(e) le : 23/11/2013

http://uncensored-football.forumactif.be/
stevex8 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton ouvrir/fermer les widgets

Message par Wave le Dim 24 Nov 2013 - 8:24

Bonjour,

Il faudrait ajouter à votre CSS, à .widget-arrow

Code:
margin: -4px!important;
Cdlt,

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

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

Résolu Re: Bouton ouvrir/fermer les widgets

Message par stevex8 le Dim 24 Nov 2013 - 11:26

Merci pour votre reponse mais malheureusement ca ne fonctionne pas... j'insert peut-être mal la ligne. Pouvez vous me dire a quel endroit exacte je dois placer cette ligne ?
Merci

stevex8
**

Messages : 94
Inscrit(e) le : 23/11/2013

http://uncensored-football.forumactif.be/
stevex8 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton ouvrir/fermer les widgets

Message par Wave le Dim 24 Nov 2013 - 11:31

Dans ce cas remplacez:

Code:
.widget-arrow {
                height: 100px;
                width: 30px;
                border-radius: 00px;
                float: left;
                cursor: pointer;
                background: #f5ebf7 url(http://i56.servimg.com/u/f56/12/42/13/77/widget12.png) no-repeat 0 0;
                }
par

Code:
.widget-arrow {
                height: 100px;
                width: 30px;
                border-radius: 00px;
                float: left;
                cursor: pointer;
                background: #f5ebf7 url(http://i56.servimg.com/u/f56/12/42/13/77/widget12.png) no-repeat 0 0;
                margin: -4px!important;
                }

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

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

Résolu Re: Bouton ouvrir/fermer les widgets

Message par stevex8 le Dim 24 Nov 2013 - 11:37

Rien y fait, ca fonctionne toujours pas..
Merci de votre aide

stevex8
**

Messages : 94
Inscrit(e) le : 23/11/2013

http://uncensored-football.forumactif.be/
stevex8 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton ouvrir/fermer les widgets

Message par Wave le Dim 24 Nov 2013 - 11:40

Je vois pourtant bien vos images alignées ?


Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

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

Résolu Re: Bouton ouvrir/fermer les widgets

Message par stevex8 le Dim 24 Nov 2013 - 11:43

Faites une zoom arrière, vous aller comprendre.

stevex8
**

Messages : 94
Inscrit(e) le : 23/11/2013

http://uncensored-football.forumactif.be/
stevex8 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton ouvrir/fermer les widgets

Message par Wave le Dim 24 Nov 2013 - 11:51

Le problème vient peut être de votre javascript, remplacez ce que j'ai encadré par body


Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

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

Résolu Re: Bouton ouvrir/fermer les widgets

Message par stevex8 le Dim 24 Nov 2013 - 11:56

Parfait ! C'est résolu Very Happy 
Un grand merci a toi Wave

stevex8
**

Messages : 94
Inscrit(e) le : 23/11/2013

http://uncensored-football.forumactif.be/
stevex8 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton ouvrir/fermer les widgets

Message par stevex8 le Dim 24 Nov 2013 - 12:36

Encore une question Very Happy 
J'ai un contour blanc autour du bouton ''censurébox'', comment l'enlever ?
Je n'ai qui code HTML pour ca :
Code:
jQuery(document).ready(function () {
            jQuery('body').append('<table style="position: fixed; bottom: 50px; 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="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="http://img823.imageshack.us/img823/4472/csj1.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://img823.imageshack.us/img823/4472/csj1.png\')?\'block\':\'none\';this.src=(this.src==\'http://img823.imageshack.us/img823/4472/csj1.png\')?\'http://img89.imageshack.us/img89/1505/whr6.png\':\'http://img823.imageshack.us/img823/4472/csj1.png\';"/></td></tr></table>');
        });

stevex8
**

Messages : 94
Inscrit(e) le : 23/11/2013

http://uncensored-football.forumactif.be/
stevex8 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bouton ouvrir/fermer les widgets

Message par Wave le Dim 24 Nov 2013 - 13:04

Remplacez le par :

Code:
jQuery(document).ready(function () {
            jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;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="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="http://img823.imageshack.us/img823/4472/csj1.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://img823.imageshack.us/img823/4472/csj1.png\')?\'block\':\'none\';this.src=(this.src==\'http://img823.imageshack.us/img823/4472/csj1.png\')?\'http://img89.imageshack.us/img89/1505/whr6.png\':\'http://img823.imageshack.us/img823/4472/csj1.png\';"/></td></tr></table>');
        });

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

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

Résolu Re: Bouton ouvrir/fermer les widgets

Message par stevex8 le Dim 24 Nov 2013 - 13:07

Cette fois c'est vraiment bon.
Merci mille fois Wave Mr. Green 

stevex8
**

Messages : 94
Inscrit(e) le : 23/11/2013

http://uncensored-football.forumactif.be/
stevex8 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