Bonjour à tous,
j'aime bien cette fonctionnalité que vous avez installé sous la barre de navigation avec le bouton plus et l'apparition de ce pop up donnant accès à plusieurs lien.

En abusant un peu, il serait possible d'avoir un petit tuto sur son fonctionnement sous phpbb2 ?


En espérant de ne pas abuser

Stéphane

Bonjour Demeter,

Je crois qu'il a déjà été demandé et comme Zeco l'a spécifié, ça reste encore (ou le sera dans la prochaine version, je ne sais plus...) une exclusivité de la version SF-BB.

Pas de soucis Final blond, il est normal que chaque forum ait sa petite part de secret.
Il me semble qu'il y ait une part de toogle visibility dans cette fonctionnalité; je vais creuser dans ce sens.

Attends Zeco demain, il saura mieux te dire, voire te guider, ok ?

Pas de soucis Final blond; il n'y a strictement rien qui presse

Demeter, je repars demain, mais tu peux upper le sujet afin que Zeco puisse le voir.


Bonnes vacances.

PPas de soucis et surtout bonnes vacances. Profites en bien

Un mois plus tard, je vois que tu n'as pas upper Demeter...
Où en es-tu ? As-tu pu trouver par toi-même ?

Bonsoir Final blond,
J'ai cherché mais malheureusement en vain. Vu que le forum était ces derniers temps en cours de restructuration au niveau du staff, J'ai préféré éviter les up intempestifs .

Hello Demeter,

Je vais essayer de voir ça ce weekend, mais je ne te promets rien, ok ?

Pas de soucis Final-blond. Merci pour le suivi de ce topic.

un petit up avec deux mois de retard

C'est vrai, que c'est très intéressant !
Ne serait-il pas possible d'au moins avoir une piste sur le pop-up comme ici présenté ?

Bonjour à vous deux,

Je suis plus que débordée, mais je vais vraiment faire un effort.

Milles merci pour cette aide mais, pas de panique à avoir. C'est déjà bien assez sympa de nous donner un coup de main alors, de mon côté, il n'y a aucune urgence.

Alors essayons de voir Demeter...
Tout d'abord, as-tu aussi cette même barre de menu qu'ici ?
Si c'est pour le forum de ton profil, tu as déjà tout ce qu'il te faut avec tes menus en onglets rétractables, un peu comme le hover sur "Règlement"...

Bonjour Final blond, j'ai une barre de menu fixe. En fait , c'est surtout le systéme d'appel du menu caché activé par le bouton plus qui m'intéresse. Cette fonction me permettrait d'intégrer de nouvelles informations sur la page d'accueil sans la surcharger inutilement (il faut dire que ma page d'accueil est déjà bien trop présente).

Merci de ton aide Final-Blond.
Dans mon cas, j'ai une barre de menu, visible dans mon forum Test http://test1234567890.forumactif.com/forum.htm
Si je ne me trompe pas, il faut créer une page HTML ? Ou alors ce n'est que du code Java ?

Alors pour le bouton PLUS, c'est en fait du javascript, plus précisément le "toggleVisibility".

Alors commençons par l'avoir dans la structure du forum.
Pour ce faire, il faut le placer d'abord dans une page HTML tel qu'il est, "non" au haut et bas de page, "non" pour la page d'accueil aussi, comme titre "togglevisibility" (en minuscule pour reprendre ensuite l'adresse).

Spoiler:

Ensuite, dans le template overall_header, avant la fermeture de la balise "/head", on reprend l'adresse de la page HTML (à l'accueil des pages HTML) entre les balises "script", ainsi :

Code:

<script type="text/javascript" src="http://adresse_du_forum/togglevisibility-h?.htm"></script>

Enregistrer et publier.

Avec ce script à cet endroit, vous pourrez ensuite l'utiliser où bon vous semble, même dans un post.


Passons au HTML.
Où que soit votre barre de menu, voici comment coder pour ajouter ce fameux bouton :

Code:

<a href="javascript:toggleVisibility('infosplus')">PLUS (ou image)</a><div id="infosplus" onclick="javascript:toggleVisibility('infosplus')" style="display: none; visibility: hidden;"><table (propriétés)><tr><td (propriétés>CONTENU</td></tr></table></div>

Bien sûr que le tableau est un exemple, mais c'est ensuite plus propre comme présentation et plus "malléable".
Ce qui est important ici est l'id qui doit être absolument identique au lien (entre les deux apostrophes).
Voilà ce que ça donne avec exactement ce codage en exemple : PLUS (ou image)

Un exemple de ce que l'on peut s'amuser à faire avec le toggleVisibility dans ce sujet (cliquez sur les différents sous-titres qui se cachent en blanc sous le orange).

Pas sûre d'avoir été très claire...

Oua !
C'est beau ^^
Le problème, je n'arrive pas à cerner mon problème.

Code:


<a href="javascript:toggleVisibility('infosplus')">PLUS (ou image)</a><div id="infosplus" onclick="javascript:toggleVisibility('infosplus')" style="display: none; visibility: hidden;"><table (propriétés)><tr><td (propriétés>CONTENU</td></tr></table></div>


C'est le titre de la page HTML, "togglevisibility", c'est lui qui doit remplacer "('infosplus')" ? Ou alors le lien "http://test1234567890.forumactif.com/togglevisibility-h1.htm".
C'est parce que j'ai essayé bien beaucoup de possibilités, et cela ne marche pas, malheureusement.
Comment mettre ce code,

Code:


<a href="javascript:toggleVisibility('infosplus')">PLUS (ou image)</a><div id="infosplus" onclick="javascript:toggleVisibility('infosplus')" style="display: none; visibility: hidden;"><table (propriétés)><tr><td (propriétés>CONTENU</td></tr></table></div>


Dans un bouton de navigation ? Templates ?
Comment faire en sorte, que le fond du menu PLUS, soit comme ma barre de navigation ?

Code:

/*Menu_Suiveur_phpbb2*/
body { padding: 1px; margin: 1px; }
.navbarfly { position: fixed; top: 0px; left: 0px; min-width: 100%; width: 100%; padding: 5px; }
.bodylinewidth, .sfbbwidth { margin-top: 30px; }
.navbarfly { background-image: url('http://img51.xooimage.com/files/f/d/b/menu-suiveur3-22d33ad.png');
border-bottom: 1px solid #000000; -moz-box-shadow: 0px 0px 8px #000000;
-webkit-box-shadow: 0px 0px 8px #000000;
box-shadow: 0px 0px 8px #000000;}

Tant de questions, je suis désolé, j'espère vite pouvoir terminer cela, car j'essaye, grâce à ce procédé, de faire un thème pour mon forum, spécial Noël, mais avec un sélecteur de thème caché par ce fameux "toggleVisibility" que je désire tant ^^

Sur ce, encore merci de ton temps précieux, toi, puissante manipulatrice du code CSS et HTML

Nope, l'adresse de la page HTML du script, dans le template "overall_header", on n'y touche plus et il n'y a plus à le reprendre.
C'est avec le codage HTML là où l'on veut ce genre d'effet, que nous allons le reprendre.

Alors, il faudrait que tu mettes ce bouton PLUS là où est placé ton menu suiveur, soit certainement dans le template "overall_header" aussi, et là on ajoute simplement le code en HTML :

Code:

<a href="javascript:toggleVisibility('infosplus')">PLUS (ou image)</a><div id="infosplus" onclick="javascript:toggleVisibility('infosplus')" style="display: none; visibility: hidden;"><table (propriétés)><tr><td (propriétés>CONTENU</td></tr></table></div>

Le problème est que je ne vois pas de menu suiveur sur ton forum... ?
Mais si tu le veux en bouton simple comme le menu que je vois, c'est aussi possible.

Quand j'ai le temps je cherche moi-même à partir du code source, mais là je fais mon possible pour suivre le SF et ce que j'ai à faire IRL, sorry.

IL n'y a pas de problème ! Je comprend parfaitement bien-sûr !
Mais, bizarrement, depuis un petit moment, le menu suiveur de mon forum test ne marche plus, sans raison !
Tout les code CSS n'y font rien pourtant !
Je n'ai pas touché au Templates, je sais pas, ça reste un mystère...
Sinon, le menu suiveur est visible sur le forum officiel: http://fifa-tournois.forumactif.com/
C'est chiant, mon forum Test a l'air de foirer...

Pour installer ce genre de menu qui ont cet effet toggleVisibility, il faut passer par le template overall_header.

Tout d'abord il faut ajouter le bouton PLUS dans Affichage >> En-tête & Navigation > Barre de navigation > Ajouter un menu personnalisé
Là > Image > Titre > URL de direction : javascript:toggleVisibility('infosplus') > Enregistrer

Dans le template overall_header, cherche (Ctrl+F) :

Code:

<td id="position_menu" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}

et à la suite installe ce codage HTML :

Code:

<div id="infosplus" onclick="javascript:toggleVisibility('infosplus')" style="display: none; visibility: hidden;"><table (propriétés)><tr><td (propriétés)>CONTENU</td></tr></table></div>

Nous n'avons plus l'url "toggleVisibility" dans ce code, il a déjà été mis dans la gestion de la barre de menu.
Tu peux ensuite le personnaliser (propriétés) à volonté en HTML et CSS dans ce code.

Bonsoir Final-Blond, avec beaucoup de retard , un grand merci pour cette aide.Je ne sais trop si je dois fermer ce topic vu que d'autres membres s'intéressent également à cette astuce.

Je comprends la décision que vous avez pris concernant le forum mais, je t'avouerai que j'espére que le forum reprendra un nouveau souffle et que nous retrouverons le superbe thème que vous aviez mis en place.

Un grand merci pour toute l'aide que vous m'avez apporté.