Icone pour cacher les widgets

4 participants

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

Résolu Icone pour cacher les widgets

Message par fedaykin44 Jeu 21 Avr 2016 - 13:34

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://castel-caladan.forumactif.org

Description du problème

Bonjour,
J'ai utilisé les codes suivant pour cacher les widgets
https://forum.forumactif.com/t290241-afficher-masquer-les-widgets-du-forum#2557882
Je voudrais, si possible, agrandir et déplacer l’icône dans la barre de navigation, ainsi que rajouter une phrase de survol
Si quelqu'un connais la solution, svp
Merci
Icone pour cacher les widgets Widget10
fedaykin44

fedaykin44
***

Messages : 184
Inscrit(e) le : 28/03/2016

http://castel-caladan.forumactif.org
fedaykin44 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par lilas Jeu 21 Avr 2016 - 15:06

Bonjour fedaykin44, tu fais mon bonheur avec toutes tes questions.

Tu peux augmenter la taille de l'image dans un logiciel de graphisme. Ou encore opter pour une image de ton choix.
L'image >>> Icone pour cacher les widgets ZVQMs Pour ma part, j'ai choisi des flèches plus inspirantes.

Ensuite, dans le css, modifier les height et width par les valeurs de la nouvelle image, y compris le no-repeat 0-13px
Diviser la valeur du height par 2 (ici, 26 - height réelle de l'image - divisée par 2 = 13)
J'espère que mon explication est compréhensible...
Pour le texte en bulle, j'en suis au même point que toi. J'attends une réponse éclairée...
Gloups

#widget-arrows {
height: 13px;
}
.widget-arrow {
height: 13px;
width: 16px;
border-radius: 4px;
float: left;
cursor: pointer;
background: #f5ebf7 url(https://i.imgur.com/zVQMs.png) no-repeat 0 -13px;
}
Belle fin de journée le forum.

Mr. Green
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par fedaykin44 Jeu 21 Avr 2016 - 16:01

Merci, c'est déjà un premier pas
Pour le placement, j'ai trouver avec le margin-top
Plus que la phrase et c'est bon
fedaykin44

fedaykin44
***

Messages : 184
Inscrit(e) le : 28/03/2016

http://castel-caladan.forumactif.org
fedaykin44 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par lmc38510 Sam 23 Avr 2016 - 9:48

fedaykin44 a écrit:Plus que la phrase et c'est bon

Hello "fedaykin44" ... bonjour "lilas" ... Very Happy

pour avoir un texte au survol de Icone pour cacher les widgets ZVQMs
Dans le javascript chercher :
Code:
<div class="widget-arrow is' + a + ' isopened"></div>
Essayez ceci :
Code:
<div class="widget-arrow is' + a + ' isopened" title="Votre Message iCi " ></div>
lmc38510

lmc38510
*****

Masculin
Messages : 912
Inscrit(e) le : 22/02/2012

https://newparadigme.forumactif.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par lilas Sam 23 Avr 2016 - 20:25

cheers Bonjour Imc

Pour mon fofo, le bouton Masquer/Afficher a disparu...
Ci-dessous, mon bout de code:
Code:
var a = $(this).attr("id"), b = $('div class="widget-arrow is' + a + ' isopened" title="Cliquer pour Masquer ou Afficher le volet" ></div>;

Gloups scratch
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par Invité Sam 23 Avr 2016 - 22:51

bonsoir a vous toussss Mr. Green

marc , l'idée etait bonne mais mal placé dans le js tongue

attention lilas tu est en phpbb2 et fedaykin44 tu est en phpbb3

voici se que j'ai reussi a avoir comme infos bulle

Icone pour cacher les widgets 2016-019

pour le java en phpbb3 >>

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"  title="ouvrir/fermer les widgets"><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})
  }))
});

la partie modifier et celle ci

Code:
<div id="widget-arrows"  title="ouvrir/fermer les widgets">

en phpbb2 le java et celui ci

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" title="ouvrir/fermer les widgets"><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")
  }))
});

la partie modifier et celle ci
Code:
<div id="widget-arrows" title="ouvrir/fermer les widgets">


bonne nuit .


Dernière édition par R-max le Sam 23 Avr 2016 - 23:27, édité 1 fois (Raison : changement de version des membres)
Anonymous

Invité
Invité


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

Résolu Re: Icone pour cacher les widgets

Message par lmc38510 Sam 23 Avr 2016 - 23:07

Excellent Chrystophe ... Very Happy
comme l'affichage de l’icône est rattaché à la class => " .widget-arrow  " dans le CSS .... je pensais en toute logique que l'info lui était affecté ...

Bin non .. c'est à l'Id => #widget-arrow ....

comme quoi la logique et le JS non rien en commun Wink

10/10 Mr R-max thumleft
lmc38510

lmc38510
*****

Masculin
Messages : 912
Inscrit(e) le : 22/02/2012

https://newparadigme.forumactif.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par lilas Sam 23 Avr 2016 - 23:18

Re-max a écrit:attention lilas tu est en phpbb3 et fedaykin44 tu est en phpbb2
Gloups C'est l'inverse. Je suis sous phpBB2...

Quand je colle le JS tel que vous le donnez, le volet des Widgets disparait.
Quand je modifie la partie que vous suggérez avec le bout de code donné par Imc, le volet réapparait mais sans la petite image...

Lunette scratch
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par Invité Sam 23 Avr 2016 - 23:26

a oui , j'ai inverser les version de vous 2 (désoler) , prener donc le code en phpbb2 et fedaykin44 celui en phpbb3 ..

je vais éditer mon message défectueux , merci de la remarque
Anonymous

Invité
Invité


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

Résolu Re: Icone pour cacher les widgets

Message par lilas Sam 23 Avr 2016 - 23:32

Hello Re-max,
J'ai pris le code pour phpBB2 et fait ce que je décris dans mon message précédent avec le résultat négatif que je mentionne.

Interrog
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par fedaykin44 Dim 24 Avr 2016 - 2:22

Heu... c'est peut-être idiot de demander, mais c'est dans quel template qu'il faut aller?
fedaykin44

fedaykin44
***

Messages : 184
Inscrit(e) le : 28/03/2016

http://castel-caladan.forumactif.org
fedaykin44 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par lilas Dim 24 Avr 2016 - 3:08

fedaykin44

C'est dans le JavaScript déjà créé pour Afficher/Masquer les Widgets...

Gloups
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par fedaykin44 Dim 24 Avr 2016 - 4:37

Je suis bête, je vais essayer...
fedaykin44

fedaykin44
***

Messages : 184
Inscrit(e) le : 28/03/2016

http://castel-caladan.forumactif.org
fedaykin44 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par lilas Dim 24 Avr 2016 - 5:50

Meuh non, tu n'es pas bête...
Je me suis aussi posé la question avant de réaliser qu'on avait qu'un JS pour ce widget...

Icone pour cacher les widgets B_02
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par fedaykin44 Dim 24 Avr 2016 - 23:47

A force de faire des modifs par-ci par-la, je fini par me perdre un peut reflexion
En tout cas, pour moi ça marche nickel
Pour le code phpbb2, c'est bon?
fedaykin44

fedaykin44
***

Messages : 184
Inscrit(e) le : 28/03/2016

http://castel-caladan.forumactif.org
fedaykin44 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par lilas Dim 24 Avr 2016 - 23:55

fedaykin a écrit:Pour le code phpbb2, c'est bon?
Je ne sais pas car je ne voyais rien et j'ai supprimé le code.
J'ai fait les tests avec Internet Explorer 11 qui ne prend pas tout en compte, semble t'il.
Je vais refaire les manipulations dès que j'ai un peu de temps... sous Chrome et Firefox cette fois...

Bravo pour ta persévérance et merci à Imc et Re-max.

::pourtoi::

lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par fedaykin44 Lun 25 Avr 2016 - 0:07

Bon,je laisse le sujet ouvert pour que tu puisse continuer
Quand c'est ok pour toi, je le passerais en résolu
Et merci à Imc et Re-max
fedaykin44

fedaykin44
***

Messages : 184
Inscrit(e) le : 28/03/2016

http://castel-caladan.forumactif.org
fedaykin44 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par lilas Lun 25 Avr 2016 - 2:07

Gentille attention.
Belle fin de soirée à tous et toutes

::fleur:: ::fleur:: ::fleur::
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par fedaykin44 Lun 25 Avr 2016 - 18:10

Je me suis avancé trop vite, l'icone apparais uniquement pour l'admin et pas pour les membres
fedaykin44

fedaykin44
***

Messages : 184
Inscrit(e) le : 28/03/2016

http://castel-caladan.forumactif.org
fedaykin44 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par Invité Lun 25 Avr 2016 - 22:25

l'icone apparais uniquement pour l'admin et pas pour les membres

hum comment cela peut se produire , sur mon forum de test même en invité je la voie.
Anonymous

Invité
Invité


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

Résolu Re: Icone pour cacher les widgets

Message par lilas Mar 26 Avr 2016 - 1:25

cheers bounce Fonctionnel pour moi, incluant la bulle, avec le code de Re-Max pour phpBB2
tant sur Internet Explorer 11, Firefox et Chrome...

Merci les gars, vous êtes de zamours de patience !

Icone pour cacher les widgets Icon_geek



lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par Invité Mar 26 Avr 2016 - 20:24

tant sur Internet Explorer 11

non sans blague ça fonctionne aussi sur IE11 What's happen ?!? pour une foie .... Mr. Green
Anonymous

Invité
Invité


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

Résolu Re: Icone pour cacher les widgets

Message par lilas Mar 26 Avr 2016 - 20:29

R-max a écrit:
tant sur Internet Explorer 11

non sans blague ça fonctionne aussi sur IE11 What's happen ?!? pour une foie .... Mr. Green
Mr. Green Sans blague...
La madame est bien contente...

@ bientôt
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par fedaykin44 Mer 27 Avr 2016 - 0:50

Non, chez moi il n'y a que l'admin qui vois l'icone
Icone pour cacher les widgets Widget10
Cela dit j'ai un autre problème d'affichage et je me demande si c'est pas lié...
fedaykin44

fedaykin44
***

Messages : 184
Inscrit(e) le : 28/03/2016

http://castel-caladan.forumactif.org
fedaykin44 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par Invité Mer 27 Avr 2016 - 6:39

Regarde dans ton PA >module>widget>permission utilisateur.
Il me semble que c'est possible de bloquer l'affichage de ceux ci .
Anonymous

Invité
Invité


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

Résolu Re: Icone pour cacher les widgets

Message par fedaykin44 Mer 27 Avr 2016 - 16:07

C'était ça, la permission n'était pas la bonne, comme quoi...
fedaykin44

fedaykin44
***

Messages : 184
Inscrit(e) le : 28/03/2016

http://castel-caladan.forumactif.org
fedaykin44 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par Invité Mer 27 Avr 2016 - 21:47

ba oui ,comme quoi il faut un rien pour être embêter ,
Anonymous

Invité
Invité


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

Résolu Re: Icone pour cacher les widgets

Message par Chacha Ven 29 Avr 2016 - 14:23

fedaykin44 a écrit:C'était ça, la permission n'était pas la bonne, comme quoi...
Icone pour cacher les widgets MHDoUixBonjour,

Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu et enregistrer
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Icone pour cacher les widgets UsrblLM
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum