Guest Post – Sexy Drop Down Menu

Blog » CSS/XHTML, Personal » Guest Post – Sexy Drop Down Menu

24 Responses to “Guest Post – Sexy Drop Down Menu”

1. Jun 2nd, 2009 @ 4:21 pm Ashton Sanders

   Good work man! Great post on a great site. Keep it up.

2. Jun 2nd, 2009 @ 7:58 pm GreyK50

   very sexy~

3. Jun 3rd, 2009 @ 8:45 am Anthony Proulx

   Beautiful! I really like this style of drop down menu.

4. Jun 3rd, 2009 @ 7:26 pm Knoxville Website Design

   That’s a really nice navigation, great look and feel.

5. Jun 4th, 2009 @ 2:57 am Yiğit Özdamar

   woow. more than sexy man!

6. Jun 4th, 2009 @ 8:41 am Sean

   Those are gorgeous menus! The only downside is that degrading loses the submenu links – if you implemented a CSS feature that would still show those links, that would be awesome.

7. Jun 4th, 2009 @ 8:01 pm kruz

   That very well.:)

8. Jun 11th, 2009 @ 12:50 am FLiT

   great. well done. love it. 5*****. keep sharing.

9. Jun 16th, 2009 @ 8:30 am Egypt Web Solutions

   wow really nice menu 5*****

   but i think it work only for 2 levels menu what about 3 levels or more
   Could you show a version with 3 levels of menu?
   thanks

10. Jun 25th, 2009 @ 12:47 am gusto

    Hello. I have one problem. How can i change the height of the submenu?

11. Jul 14th, 2009 @ 2:51 am Nigel

    where or how can i get the background images used in the menu. the white top shadow that appears when hovering etc.

12. Jul 16th, 2009 @ 12:39 am Gary

    Cool sexy menu + a great website!

13. Jul 17th, 2009 @ 4:34 am Tapan Roy

    A great site.

14. Jul 28th, 2009 @ 6:57 am ubik74

    Hi, very nice menu
    Any way to get it without transition XHTML error?

    Line 10, Column 39: document type does not allow element “span” here
    $(”ul.subnav”).parent().append(”"); //Only shows drop down trigger
    ✉
    The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements — such as a “style” element in the “body” section instead of inside “head” — or two elements that overlap (which is not allowed).

15. Jul 28th, 2009 @ 7:00 am Soh

    Yea I wrote on page js so its easy to scan through, if you call the js file externally, you won’t get that error~

16. Jul 28th, 2009 @ 7:45 am ubik74

    Excellent i will try !
    Really thanks for your work, all is fine and usefull!

17. Jul 28th, 2009 @ 8:12 am Miguel Madeira

    Hi,

    Congratulations for your funtastic site, and to share with us your knowledge.

    Do you have any sample with more than 2 levels menu. It will be great if you do not have this kind of limitation.

18. Aug 7th, 2009 @ 3:55 am Jeff

    First thank for this very lovely menu.

    I try to customise it for one of my projects by I have few problems.
    I put an image-background on each li of the ul.tonav with an id to get un kind of rollover effect. The problem is that my background is repeated in the dropdown menu even if I mention no-repeat in the css.
    Also in safari the background image doesn’t appear.

    I hope than you can help me and that you have the time to fix that problem.

    Thank you.

19. Aug 12th, 2009 @ 5:53 pm jQuery

    woow,it’s cool

20. Aug 18th, 2009 @ 2:00 pm jenny

    I love all ur tutorials. U are so smart, luv ur talents, luv u .. muahzz…

21. Aug 26th, 2009 @ 10:32 am Kenan

    Hi,
    Great idea

    I’m trying to to validate and there is error with tag in headers.
    I also tryied to revalidate your example page, and still there is error:
    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.sohtanaka.com%2Fweb-design%2Fexamples%2Fdrop-down-menu%2F&charset=(detect+automatically)&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.654

    Also tryied to create JS variable like:
    sSpan = ” + ”
    $(document).ready(function(){
    $(”ul.subnav”).parent().append(sSpan);

    But error again

    Do You have some other solution?
    Thanks in advance

22. Aug 26th, 2009 @ 10:34 am Kenan

    Hm… No html code in comments

    But something like:
    sSpan = (left) + sp + an + (right) + ‘/sp’ + ‘an’

23. Sep 24th, 2009 @ 11:45 am Sukh

    Hey, I love the menu, but had issues trying to put the css code in to a css file to get to work before I made design changes.

    Thanks for the great examples thru out the site.

24. Dec 11th, 2009 @ 4:42 am Kenan

    Me again… i found solution for using brackets inside header, based on Googles Analytics:

    unescape(”%3Cspan%3E”)

Speak Your Mind…

Name *

E-Mail *

Website

Need to post HTML code?
Use Postable for your convenience.

Don't have an Avatar?
Set up a Gravatar image now!