Cherche menu déroulant comme compte facebook

Bonjour,

Je voudrais créer pour mon site un menu déroulant comme sur facebook, twitter, google+ quand l'on est connecté c'est à dire quand on clique sur un lien du genre "mon compte" avec un bouton "flèche vers le bas" pour déclencher le menu.

Le mieux pour moi serait un tout fait et que je manipule ensuite que les couleurs!

as tu cherché "menu horizontal" sous google ? Ca éviterai ce genre de sujet je pense.

Salut salut,

Si j'ai bien compris ta question, c'est le même principe que tu peux voire sur mon blog (en haut de la page le petit +).

Si tel est le cas, alors je pense que tu trouveras ce que tu cherches dans ce poste.

En espérant t'avoir aidé.
Modifié par Gili (17 Aug 2011 - 13:54)

J'ai bien cherché avant de poster ici mais j'ai fait un peu le malin pour voir l'avis des connaisseurs.

Je vais exploiter alors dans ce cas: http://www.wks.fr/tutorial_help/tutorial_499/tutorial_499_html.html#

Gili > En fait c'est pas comme le + sur ton blog

C'est plus comme "plus" sur www.google.fr où on peut accéder aux autres services de Google

en css non,

Google utilise du javascript pour afficher l'élément caché du menu quand on clique dessus.

Je t'invite à étudier les bases de l'utilisation de jquery ou mootool

Oui, il faut bien utiliser JQuery!
J'ai décidé de commencer à partir d'un code existant sur http://www.hv-designs.co.uk/2009/02/17/sliding-jquery-menu/ dont la page démo est: http://www.hv-designs.co.uk/tutorials/sliding_menu/sliding_menu.html

Mais je me demande comment faire pour que le côté droit du menu déroulant s'aligne avec le côté droit du bouton qu'il faut cliquer? Qui peut m'aider là-dessus?

Merci d'avance!

Avec jquery et le plugin superfish on peut faire pas mal de choses…

Un autre menu jquery de plus, je l'ai testé et c'est léger mais c'est un menu pas comme facebook c'est à dire s'affiche avec un hover mais pas un clic!?

Je ne sais pas on peut le configurer en clic surement mais je ne sais pas how to do?

bonjour,
Tu as déjà tout sous jquery et sans ajout de plugin à ce dernier.
Je te laisse un exemple de script qui au "click" de la balise "#menu" déroule verticalement une balise ".sousmenu"

$('#menu').click(function () {
if ($('.sousmenu').is(":hidden")) {
$('.sousmenu').slideDown("slow");
}
});

Je ne sais pas si tu le comprends mais n'hésite pas à demander

Et je mettrai ce <div class="sousmenu"> en position:absolute ? et comment faire pour que le div soit au dessus de la page lorsqu'il s'affiche?

Le soucis sera qu'il faut recliquer sur le bouton #menu pour pouvoir faire hide() or un menu doit disparaître dès qu'on clique à l'extérieur du div

Après tu peux faire ce que tu veux, le .hide() se fera selon l'évènement que tu lui demandes.
Je te conseille d'aller voir la fonction "slidedown"
http://api.jquery.com/slideDown/

Oui cette fonction slideDown pourrait me suffire, il faut donc que l'élément à glisser soit de position:absolute ?

non non la position de la balise, c'est une chose qui n'a pas vraiment à voir avec jquery
Comme dit, après avoir fait des recherches sur les menus déroulant en css et sans javascript sur le net, tu pourras appliquer du jquery...
D'une part tu peux déjà faire ton menu "classique" et ensuite utiliser jquery pour le déroulement plus "doux" de la balise.
Modifié par hophop (24 Aug 2011 - 17:55)

J'avoue que le site suivant m'aide beaucoup: http://www.cssplay.co.uk/menus