Problème avec menu déroulant personnalisé

2 participants

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

Résolu Problème avec menu déroulant personnalisé

Message par -Dr3ams- Mar 20 Mai 2014 - 0:26

Bonsoir ou bien bonjour à tous,

Je suis actuellement entrain de mettre en place un menu déroulant personnalisé sur mon forum test. Simple question d'esthétique.

Cependant je me suis retrouvée face à un problème majeur : comment y intégrer les boutons Connexion/Déconnexion, Message Privé/Nouveau MP et Editer son profil ?

J'ai trouvé comme solution alternative de superposer les deux menus à une hauteur différente. A première vue cela fonctionne parfaitement, mais si l'écran est trop petit on voit les deux menus se superposer. C'est aussi visible lorsque l'on réduit la fenêtre.

Je souhaiterai donc savoir s'il est possible d’intégrer les boutons du menu par défaut, dans un autre menu personnalisé ?

Voici le forum test en question : http://test-pp.jeun.fr

En vous remerciant d'avance,
-Dr3ams-


Dernière édition par -Dr3ams- le Ven 30 Mai 2014 - 19:23, édité 1 fois
-Dr3ams-

-Dr3ams-
Nouveau membre

Messages : 21
Inscrit(e) le : 03/08/2013

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

Résolu Re: Problème avec menu déroulant personnalisé

Message par -Dr3ams- Jeu 29 Mai 2014 - 10:16

Up.
-Dr3ams-

-Dr3ams-
Nouveau membre

Messages : 21
Inscrit(e) le : 03/08/2013

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

Résolu Re: Problème avec menu déroulant personnalisé

Message par [Nihil] Jeu 29 Mai 2014 - 11:01

-Dr3ams- a écrit:J'ai trouvé comme solution alternative de superposer les deux menus à une hauteur différente. A première vue cela fonctionne parfaitement, mais si l'écran est trop petit on voit les deux menus se superposer. C'est aussi visible lorsque l'on réduit la fenêtre.

Je ne suis pas sûre d'avoir parfaitement compris cette solution là ^^', tu pourrais faire un schéma éventuellement XD ?
Je vais essayer de te répondre, dis moi si je suis à côté de la plaque ou pas :

Pour faire un lien vers
Connexion/Déconnexion, Message Privé/Nouveau MP et Editer son profil, il faut faire un lien vers ceci :
Code:
/profile?mode=editprofile (profil)
/privmsg?folder=inbox (MP)
/login (connexion)
/login?logout (déconnexion)

Exemple :
Code:
<a href="/profile?mode=editprofile" title="Editer son profil">Editer son profil</a>

Ensuite, il faut afficher certains boutons seulement si le membre est connecté, il faut les mettre dans cette boucle là définie par ForumActif (cela marche seulement dans les templates) :
Code:
<!-- BEGIN switch_user_logged_in -->
    Texte seulement pour les membres connectés
<!-- END switch_user_logged_in -->

Pour les membres en invités, voici le code :
Code:
<!-- BEGIN switch_user_logged_out -->
    Texte seulement pour les membres connectés
<!-- END switch_user_logged_out -->

Toutes les explications proviennent d'ici Totalement personnaliser la barre de nav, tu trouveras aussi le Javascript pour rajouter le nombre de messages privées. ^_^ (j'ai la flemme de copier /BAM/)
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

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

Résolu Re: Problème avec menu déroulant personnalisé

Message par -Dr3ams- Ven 30 Mai 2014 - 18:27

Merci pour votre réponse, je vais essayer ça tout de suite.

Pour ce qui est du menu voici un petit schéma :
Spoiler:

La position 1 correspond à un affichage standard de la page.
La position 2 correspond à ce que l'on obtient lorsque l'on rétrécit la taille de la page web ou que l'on a une résolution d'écran petite type netbook.

La cadre rouge correspond au menu de navigation par défaut de forumactif, je l'ai juste déplacer pour avoir un menu latéral
Tandis que le cadre vert correspond au menu déroulant que j'ai intégrer et personnalisé.

Le menu rouge est fixé sur le haut de la page avec une hauteur qui varie en fonction des icônes afficher ou non.
Le menu vert quant à lui a une hauteur équivalente à la page web, soit 100%.

J'ai donc appliqué un z-index dans le css pour placé le menu rouge au dessus du vert.
Mais ils se chevauchent une fois la page trop petite.

J'espère avoir été claire, si il y a d'autres points que vous ne comprenez pas, n'hésitez pas.
Merci encore pour votre aide.
-Dr3ams-

-Dr3ams-
Nouveau membre

Messages : 21
Inscrit(e) le : 03/08/2013

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

Résolu Re: Problème avec menu déroulant personnalisé

Message par -Dr3ams- Ven 30 Mai 2014 - 19:23

Navrée pour le double poste.
Je viens d'utiliser les boucles et ça marche parfaitement bien, je vous remercie grandement !
-Dr3ams-

-Dr3ams-
Nouveau membre

Messages : 21
Inscrit(e) le : 03/08/2013

-Dr3ams- 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