Advanced Search

wordpress default menu code

/ Published in: PHP
Save to your folder(s)
default theme perfect menu

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <style type="text/css">
  2.  
  3. /* =Menu
  4. ---------------------- ---------------------------------------- */
  5. #access { 
  6. 	background: #000;
  7. 	display: block;
  8. 	float: left;
  9. 	margin: 0 auto;
  10. 	width: 940px;
  11. }
  12. #access .menu-header,
  13. div.menu {
  14. 	font-size: 13px;
  15. 	margin-left: 12px;
  16. 	width: 928px;
  17. }
  18. #access .menu-header ul,
  19. div.menu ul {
  20. 	list-style: none;
  21. 	margin: 0;
  22. }
  23. #access .menu-header li,
  24. div.menu li {
  25. 	float: left;
  26. 	position: relative;
  27. }
  28. #access a {
  29. 	color: #aaa;
  30. 	display: block;
  31. 	line-height: 38px;
  32. 	padding: 0 10px;
  33. 	text-decoration: none;
  34. }
  35. #access ul ul {
  36. 	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  37. 	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  38. 	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  39. 	display: none;
  40. 	position: absolute;
  41. 	top: 38px;
  42. 	left: 0;
  43. 	float: left;
  44. 	width: 180px;
  45. 	z-index: 99999;
  46. }
  47. #access ul ul li {
  48. 	min-width: 180px;
  49. }
  50. #access ul ul ul {
  51. 	left: 100%;
  52. 	top: 0;
  53. }
  54. #access ul ul a {
  55. 	background: #333;
  56. 	line-height: 1em;
  57. 	padding: 10px;
  58. 	width: 160px;
  59. 	height: auto;
  60. }
  61. #access li:hover > a,
  62. #access ul ul :hover > a {
  63. 	background: #333;
  64. 	color: #fff;
  65. }
  66. #access ul li:hover > ul {
  67. 	display: block;
  68. }
  69. #access ul li.current_page_item > a,
  70. #access ul li.current-menu-ancestor > a,
  71. #access ul li.current-menu-item > a,
  72. #access ul li.current-menu-parent > a {
  73. 	color: #fff;
  74. }
  75. * html #access ul li.current_page_item a,
  76. * html #access ul li.current-menu-ancestor a,
  77. * html #access ul li.current-menu-item a,
  78. * html #access ul li.current-menu-parent a,
  79. * html #access ul li a:hover {
  80. 	color: #fff;
  81. }
  82. </style>
  83. <div id="access" role="navigation">
  84.   <div class="menu">
  85.     <ul>
  86.       <li class="current_page_item"><a href="#" title="Home">Home</a></li>
  87.       <li class="page_item page-item-2489"><a href="#">Contribute</a>
  88.       <ul class='children'>
  89.           <li class="page_item page-item-17"><a href="#">History</a></li>
  90.           <li class="page_item page-item-12"><a href="#">Our Company</a></li>
  91.           <li class="page_item page-item-14"><a href="#">Our Staff</a>
  92.             <ul class='children'>
  93.               <li class="page_item page-item-29"><a href="#">Employment Opportunities</a></li>
  94.             </ul>
  95.           </li>
  96.         </ul>
  97.       </li>
  98.       <li class="page_item page-item-46"><a href="#">About</a>
  99.       <ul class='children'>
  100.           <li class="page_item page-item-17"><a href="#">History</a></li>
  101.           <li class="page_item page-item-12"><a href="#">Our Company</a></li>
  102.           <li class="page_item page-item-14"><a href="#">Our Staff</a>
  103.             <ul class='children'>
  104.               <li class="page_item page-item-29"><a href="#">Employment Opportunities</a></li>
  105.             </ul>
  106.           </li>
  107.         </ul>
  108.       </li>
  109.       <li class="page_item page-item-2485"><a href="">About Corky</a></li>
  110.       <li class="page_item page-item-23"><a href="#">Contact Us</a>
  111.         <ul class='children'>
  112.           <li class="page_item page-item-27"><a href="#">Our Location</a></li>
  113.         </ul>
  114.       </li>
  115.       <li class="page_item page-item-2493"><a href="#">Contact/links</a></li>
  116.       <li class="page_item page-item-2491"><a href="#">Events/Press</a></li>
  117.       <li class="page_item page-item-21"><a href="#">Links</a></li>
  118.       <li class="page_item page-item-2487"><a href="#">My Platform</a></li>
  119.       <li class="page_item page-item-25"><a href="#">News</a>
  120.         <ul class='children'>
  121.           <li class="page_item page-item-17"><a href="#">History</a></li>
  122.           <li class="page_item page-item-12"><a href="#">Our Company</a></li>
  123.           <li class="page_item page-item-14"><a href="#">Our Staff</a>
  124.             <ul class='children'>
  125.               <li class="page_item page-item-29"><a href="#">Employment Opportunities</a></li>
  126.             </ul>
  127.           </li>
  128.         </ul>
  129.       </li>
  130.       <li class="page_item page-item-2527"><a href="#">photos</a></li>
  131.       <li class="page_item page-item-19"><a href="#">Support</a></li>
  132.     </ul>
  133.   </div>
  134. </div>
  135. <!-- #access -->

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.