×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: HTML
Posted by: Adam Bedell
Added: Aug 3, 2013 10:49 AM
Views: 58
designmodo flat nav bar
  1.  
  2. <!DOCTYPE html>
  3.  
  4. <!-- *********************************************************************************************
  5.  
  6. Create a Drop Down Menu with Search Box in CSS3 and HTML
  7.  
  8. Links:
  9. http://designmodo.com/create-drop-down-menu-search-box
  10.  
  11. ********************************************************************************************* -->
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
  14. <title>Create a Drop Down Menu with Search Box in CSS3 and HTML</title>
  15.         <link href="flatnav.css" rel="stylesheet">
  16.                 <meta name="robots" content="noindex,follow" />
  17. </head>
  18.         <ul class="nav">
  19.                 <li id="settings">
  20.                         <a href="#"><img src="settings.png" /></a>
  21.                 </li>
  22.                 <li>
  23.                         <a href="#">Application</a>
  24.                 </li>
  25.                 <li>
  26.                         <a href="#">Board</a>
  27.                 </li>
  28.                 <li id="search">
  29.                         <form action="" method="get">
  30.                                 <input type="text" name="search_text" id="search_text" placeholder="Search"/>
  31.                                 <input type="button" name="search_button" id="search_button"></a>
  32.                         </form>
  33.                 </li>
  34.                 <li id="options">
  35.                         <a href="#">Options</a>
  36.                         <ul class="subnav">
  37.                                 <li><a href="#">Settings</a></li>
  38.                                 <li><a href="#">Application</a></li>
  39.                                 <li><a href="#">Board</a></li>
  40.                                 <li><a href="#">Options</a></li>
  41.                         </ul>
  42.                 </li>
  43.         </ul>
  44.  
  45.         <script src="prefixfree-1.0.7.js" type="text/javascript"></script>
  46. </body>
  47. </html>
  48.