Navigation bar [à la shauninman.com]
Mar
27
2006

navigationbar
Like a lot of people, I one day stumbled onto the shauninman.com website. One thing I really liked about it, was the navigation/search bar that he has sitting at the top of the screen and the fact that it appears only if I want it to do so. Recently I stumbled onto another site that implements a similar concept. What I liked here was the fact that a mere mouseover action over the navigation tab was sufficient to extend the navigation bar (as opposed to Shaun Inman’s site where you need to click on the tab)…because I liked it so much, I implemented something like it on my site. This example uses the script.aculo.us javascript libraries. You can download them here.

Here is the code that is needed to do it - simple - (’foo’ represents the div you want to ‘animate’)


<DIV id=button>
<a href="#" onmouseover="Effect.toggle('foo','slide'); return false;">
<IMG src="path/to/image/toggler.jpg" border=0></A> 
</DIV>

6 Responses to “Navigation bar [à la shauninman.com]”

  1. Gravatar of philippe philippe

    salut pascal,
    merci pour ton aide pour mon survey et je suis avec attention ce que tu ecris au niveau technique pour blogs. vas-tu faire un nouveau theme wordpress bientôt?
    amitiés,
    philippe

  2. Gravatar of philippe philippe

    salut pascal,
    je trouve cette navigation trés conviviale. la seule crainte que j’ ai, c’ est que les utilisateurs lamba ne la voient pas. je teste toujours avec ma femme et elle ne voit pas des trucs pareils. serait-ce possible pour balswing et pour quand est ton nouveau theme. y aura t’il beaucoup d’ ajax? je pense et je suis trés curieux de voir le résultat.
    a bientôt,
    philippe

  3. Gravatar of Dung Dung

    Hello

    Sympa l’astuce et facile à mettre en place.
    Mais comme le dit Philipe, c’est vrai qu’on peut très facilement passer à côté du menu du coup! Peut être qu’un menu “déplié” par défaut serait mieux (avec possibilité de le “replier”)… Peut être aussi qu’en position verticale, ca prend un peu trop de place: la meilleur solution ne serait elle pas les classiques onglets, avec “onmousover” faisant apparaitre une liste de choix en superposition?

  4. Gravatar of jopac jopac

    Ah ces utilisateurs, ils sont durs en affaire. On leur offre la lune, ils veulent Mars …
    Moi je dis “respect”. Et je dis aussi ” comment fais tu pour concilier nuit web et nuit caline…?”

  5. Gravatar of philippe philippe

    rebonjour pascal,
    je suis tombé sur ce blog qui est joli aussi et a le même systeme de navigation que toi:
    http://troidus.com/
    à bientôt,
    philippe

  6. Gravatar of Joshua Kendall Joshua Kendall

    Hi found your site via your Stylegala post. Looking nice. Just so you know, Shaun’s site used to use the onmouseover like Peppermint Tea to open his navigation, but people said they didn’t like it so he went to you having to click it.

Leave a Reply