Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
27 Feb

Advanced CSS Navigation Menu Trick

  • License Free, Menu
  • Leave a Comment

We are now coming to a point where the browsers are supporting a lot of new features, giving us more opportunities to take advantage of previously unused pseudo elements. Advanced Css Menu Tricks is instead of simply altering the state of the navigation item the user is currently rolling over, we want to alter the non navigation items as well. This will help focus the users attention on the item they have selected on, and create a new look and feel for the site overall.

css-menu.png

Advanced Css Menu Tricks will work perfectly in any modern browser, yet still be fully functional in your older version of IE as well.

Requirements: -
Demo: http://www.3point7designs.com/web-design2.html
License: License Free

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
How to Create a Vimeo-like Top Navigation Menu

How to Create a Vimeo-like Top Navigation Menu

Create an Amazon-like Navigation Menu with jQuery

Create an Amazon-like Navigation Menu with jQuery

Accessible Very Tall Menus with jQuery and CSS

Accessible Very Tall Menus with jQuery and CSS

How to Create a Retina-ready Responsive Menu

How to Create a Retina-ready Responsive Menu

Advanced CSS Menu from WebDesignerWall

Advanced CSS Menu from WebDesignerWall

Highly Customizable Mootools ContextMenu Plugin

Highly Customizable Mootools ContextMenu Plugin

Comments
  • http://plainbeta.com Brian Purkiss

    Just to let you know…
    this blog is getting a little repetitive…

    In the past it has had some nice and new stuff.

    Some of the more recent stuff is ‘old news.’

    Come on, this has been features on Smashing Magazine and many other blogs.
    We already know.

    Give us something new!

  • John Leitch

    It’s only old if you have seen it before. I don’t have the time to trawl through every site on the net trying to find resources AS soon as they are released.

    So Mr Purkiss, we don’t all know the resources listed on allready, and it certainly is new to most of the readers no doubt!!!

  • Ray Cheung

    @ Brian Purkiss

    I am sorry Webappers has let you down. However, I tried my best to post all of the good resources for web developers no matter if they have posted somewhere already. I hope you can understand. :(

    @ John Leitch

    Thank you for your support. :)

  • http://www.hafreze.com hafreze

    I’m not sure whether this matter also happen to other or vice versa. When I’m trying to open the site that u already mentioned above, it’s automatically shut down my mozilla browser. So, are you guys also facing the same problem?

  • John Leitch

    Working fine here hafreze. Probably Firefox just having a memory freakout, that it likes to do everynow and then

  • Matt

    This script crashes in IE6. Is anyone really suprised?

  • Matt

    FYI, you should be aware of this:
    http://www.webresourcesdepot.com/

    It’s basically a copy of your site’s content and to a certain extent, design :)

  • http://www.XGhozt.com/ XGhozt

    Wow, that’s really good. I admire that websites design/code.

  • Pingback: Un par de trucos avanzados CSS « el50

  • Andy

    Great Blog, just found it a few days ago. If some items are already posted somewhere else it does not matter as long as one out of 10,20,30 posts are new to me.

    Keep up the good stuff here. :)

    Thanks,
    Andy

  • Pingback: 03/02/2008 - Sunday Weekly Roundup #20 » Blog at veanndesign.com

  • Pingback: Truco CSS para Menu de Navegación | Blogultura.com

  • http://kobru.ru/ Mark

    Nice n easy………exactly what I was looking for !!

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • How to Create High-Performance Code
  • Tiny Responsive jQuery Slider without Fancy Effects
  • How to Create Realtime Multi-player Games in HTML5
  • A True Responsive jQuery Lightbox Plugin for Free
  • Create an Amazon-like Navigation Menu with jQuery
  • Super Smooth CSS Transitions for jQuery
  • Pretty Neat jQuery Mobile Theme Based on Flat UI
  • How to Use Web Workers for Image Manipulation
  • How to Make FullScreen Page Transitions with CSS
  • Free Responsive HTML5 + CSS3 Site Templates
Sponsors
Plugins
  • Advertisement15
  • Calendar47
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour16
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup49
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons25
  • Color Schemes25
  • Fonts47
  • Forms112
  • Icons108
  • Patterns24
  • PS Tutorials15
  • Stock Photos21
  • Tables25
Others
  • Announcement103
  • Best Collections6
  • Code55
  • eCommerce24
  • Framework215
  • Hosting13
  • Information240
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats39
  • Tools293
  • Webmail14
Licesnes
  • BSD License67
  • CC License123
  • GPL License224
  • LGPL License40
  • License Free739
  • MIT License411
Sponsors
Advertise Here
Partners
MaxCDN