Free jQuery: Pure CSS3 Shaded Navigation Menu

Submitted by: 
Visitors have accessed this post 2525 times.

Creating a nice looking pure CSS3 Drop-down & Shaded Navigation Menu Styles **

Drop-Down-Shaded-Menu-Styles Example code:

  1. <ul>
  2. <li><a class="type shaded-menu-item">
  3. <div class="image"><img src="ac.png"></div>
  4. <div class="info"><span>Title1</span>
  5. <p>Description1</p>
  6. </div>
  7. </a></li>
  8. <li>


  1. <div class="top-bar">
  2. <div class="container">
  3. <img alt="AC" src="ACLightning.gif"></a><a id="header-logo" title="AC Thunder" href="<a href="">" rel="nofollow">"></a> <img alt="ACCSS3 Thunder" src="logo.png"></a>
  4. <div id="header-nav-container">
  5. <ul id="header-nav" class="clearfix">
  6. <li id="explore" class="header-nav">
  7. <li id="create" class="header-nav"> <a title="AC" href="#">AC<span class="caret"></span></a></li>

Thanks for following me. my new account:

Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.

Virus note: All files are scanned once-a-day by for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.


1. Re-scan downloaded files using your personal virus checker before using it.
2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.

Add new comment

Filtered HTML

  • Web page addresses and e-mail addresses turn into links automatically.
  • You may insert videos with [video:URL]
  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <th> <img> <h1> <h2> <h3> <iframe> [video]
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>, <asp>, <c>, <cpp>, <csharp>, <css>, <html4strict>, <java>, <javascript>, <mysql>, <php>, <python>, <sql>, <vb>, <vbnet>. The supported tag styles are: <foo>, [foo].
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Lines and paragraphs break automatically.
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.