Icone pour cacher les widgets

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

Résolu Icone pour cacher les widgets

Message par fedaykin44 le 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
http://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

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 le 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 >>> 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(http://i.imgur.com/zVQMs.png) no-repeat 0 -13px;
}
Belle fin de journée le forum.

Mr. Green

lilas
*****

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

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

Résolu Re: Icone pour cacher les widgets

Message par fedaykin44 le 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
***

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 le 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
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
*****

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

http://arcanes.lacaverneauxgrimoires-forum.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par lilas le 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
*****

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

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

Résolu Re: Icone pour cacher les widgets

Message par R-max le 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



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)

R-max
# Tropactif #

Masculin
Messages : 1517
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par lmc38510 le 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
*****

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

http://arcanes.lacaverneauxgrimoires-forum.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par lilas le 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
*****

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

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

Résolu Re: Icone pour cacher les widgets

Message par R-max le 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

R-max
# Tropactif #

Masculin
Messages : 1517
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par lilas le 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
*****

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

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

Résolu Re: Icone pour cacher les widgets

Message par fedaykin44 le 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
***

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 le Dim 24 Avr 2016 - 3:08

fedaykin44

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

Gloups

lilas
*****

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

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

Résolu Re: Icone pour cacher les widgets

Message par fedaykin44 le Dim 24 Avr 2016 - 4:37

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

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 le 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...


lilas
*****

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

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

Résolu Re: Icone pour cacher les widgets

Message par fedaykin44 le 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
***

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 le 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
*****

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

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

Résolu Re: Icone pour cacher les widgets

Message par fedaykin44 le 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
***

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 le Lun 25 Avr 2016 - 2:07

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

::fleur:: ::fleur:: ::fleur::

lilas
*****

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

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

Résolu Re: Icone pour cacher les widgets

Message par fedaykin44 le 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
***

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 R-max le 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.

R-max
# Tropactif #

Masculin
Messages : 1517
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par lilas le 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 !






lilas
*****

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

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

Résolu Re: Icone pour cacher les widgets

Message par R-max le 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

R-max
# Tropactif #

Masculin
Messages : 1517
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par lilas le 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
*****

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

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

Résolu Re: Icone pour cacher les widgets

Message par fedaykin44 le Mer 27 Avr 2016 - 0:50

Non, chez moi il n'y a que l'admin qui vois l'icone

Cela dit j'ai un autre problème d'affichage et je me demande si c'est pas lié...

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 R-max le 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 .

R-max
# Tropactif #

Masculin
Messages : 1517
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par fedaykin44 le Mer 27 Avr 2016 - 16:07

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

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 R-max le Mer 27 Avr 2016 - 21:47

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

R-max
# Tropactif #

Masculin
Messages : 1517
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icone pour cacher les widgets

Message par Chacha le Ven 29 Avr 2016 - 14:23

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

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


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

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

http://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


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