CSS Blue Menus multi level(1).txt

(5 KB) Pobierz
<style>
.AJXCSSMenuVNAeeVB {position:relative;z-index:107;width:100%;min-width:590px;height:41px;background:#2e6fa9 url(https://lh4.googleusercontent.com/-8u0Ue4oCb8E/UFQx3i7FJwI/AAAAAAAABAY/1c-RsrIZEig/s41/menu-bg.gif) center right;text-align:center;}
* html .AJXCSSMenuVNAeeVB .ajxmw1 {float:left;height: 1px;border-left:590px solid #fff;}
* html .AJXCSSMenuVNAeeVB .ajxmw2 {position:relative;margin-left:-590px;height: 1px;background:#2e6fa9 url(https://lh4.googleusercontent.com/-8u0Ue4oCb8E/UFQx3i7FJwI/AAAAAAAABAY/1c-RsrIZEig/s41/menu-bg.gif) center right;}
.AJXCSSMenuVNAeeVB ul {position:relative;display:inline-block;margin:0;padding:0;list-style-type:none;}
* html .AJXCSSMenuVNAeeVB ul {display:inline;}
*+html .AJXCSSMenuVNAeeVB ul {display:inline;}
.AJXCSSMenuVNAeeVB li {float:left;margin:0;}
.AJXCSSMenuVNAeeVB li:hover,.AJXCSSMenuVNAeeVB .ajxover {position:relative;}
.AJXCSSMenuVNAeeVB ul ul h1 {width:176px;padding:9px 12px 9px 12px;margin:0;font:bold 12px/12px Arial,Helvetica,sans-serif;text-decoration:none;text-align:center;border:0;color:#ffffff;background:none;}
.AJXCSSMenuVNAeeVB a {display:block;float:left;height:41px;white-space:nowrap;overflow:hidden;padding:0 12px 0 12px;font:bold 12px/41px Arial,Helvetica,sans-serif;text-decoration:none;text-align:center;color:#cae3f8;background:url(https://lh4.googleusercontent.com/-kr7bjwBeEyE/UFQx4Y2ux7I/AAAAAAAABAk/rnKzJl2NI9c/s82/top.gif) top right;}
.AJXCSSMenuVNAeeVB li:hover a,.AJXCSSMenuVNAeeVB .ajxover a {color:#ffffff;background:#5597d1 url(https://lh4.googleusercontent.com/-kr7bjwBeEyE/UFQx4Y2ux7I/AAAAAAAABAk/rnKzJl2NI9c/s82/top.gif) bottom right;}
.AJXCSSMenuVNAeeVB a.ajxsub {padding:0 26px 0 12px;background:url(https://lh5.googleusercontent.com/-GCr_DZBiIZk/UFQx3pKuhGI/AAAAAAAABAc/4CAGV1zyy4M/s280/top-sub.gif) top right;}
.AJXCSSMenuVNAeeVB li:hover a.ajxsub,.AJXCSSMenuVNAeeVB .ajxover a.ajxsub {background:#5597d1 url(blue-underlined_files/top-sub.gif) bottom right;}
.AJXCSSMenuVNAeeVB ul ul {position:absolute;display:block;left:-9999px;top:-9999px;width:202px;height:auto;background:#5597d1;}
.AJXCSSMenuVNAeeVB ul :hover ul,.AJXCSSMenuVNAeeVB ul .ajxover ul {left:-1px;top:41px;}
.AJXCSSMenuVNAeeVB li li {width:200px;border:1px solid #ffffff;border-width:0 1px;padding:0}
.AJXCSSMenuVNAeeVB li li.sfirst {border-top:1px solid #ffffff;}
.AJXCSSMenuVNAeeVB li li.slast {border-bottom:1px solid #ffffff;}
.AJXCSSMenuVNAeeVB ul ul a,.AJXCSSMenuVNAeeVB ul :hover ul a,.AJXCSSMenuVNAeeVB ul :hover ul :hover ul a,.AJXCSSMenuVNAeeVB ul .ajxover ul a,.AJXCSSMenuVNAeeVB ul .ajxover ul .ajxover ul a {float:none;margin:0;width:176px;height:auto;white-space:normal;padding:9px 12px 9px 12px;font:12px/12px Arial,Helvetica,sans-serif;text-decoration:none;text-align:left;border:0;color:#ffffff;background:none;}
.AJXCSSMenuVNAeeVB ul ul :hover a,.AJXCSSMenuVNAeeVB ul ul :hover ul :hover a,.AJXCSSMenuVNAeeVB ul ul .ajxover a,.AJXCSSMenuVNAeeVB ul ul .ajxover ul .ajxover a {background:#2d6fa9;}
.AJXCSSMenuVNAeeVB ul ul a.ajxsub,.AJXCSSMenuVNAeeVB ul :hover ul a.ajxsub,.AJXCSSMenuVNAeeVB ul .ajxover ul a.ajxsub {width:172px;padding:9px 16px 9px 12px;background:url(https://lh4.googleusercontent.com/-oef79x2GKV4/UFQx3oOlqDI/AAAAAAAABAg/10iLVz7SbF4/s18/sub-sub.gif) no-repeat center right;}
.AJXCSSMenuVNAeeVB ul ul :hover a.ajxsub,.AJXCSSMenuVNAeeVB ul ul .ajxover a.ajxsub {background:#2d6fa9 url(https://lh4.googleusercontent.com/-oef79x2GKV4/UFQx3oOlqDI/AAAAAAAABAg/10iLVz7SbF4/s18/sub-sub.gif) no-repeat center right;}
.AJXCSSMenuVNAeeVB ul :hover ul ul,.AJXCSSMenuVNAeeVB ul .ajxover ul ul {position:absolute;left:-9999px;top:-9999px;}
.AJXCSSMenuVNAeeVB ul :hover ul :hover ul,.AJXCSSMenuVNAeeVB ul .ajxover ul .ajxover ul {left:200px;top:-1px;}
.AJXCSSMenuVNAeeVB br {clear:both;height:0;font-size: 1px;line-height: 0px;}
</style>
<div class='AJXCSSMenuVNAeeVB'><!-- AJXFILE:blue-underlined.css -->
 <div class='ajxmw1'>
  <div class='ajxmw2'>
<ul>
 <li><a href='#'>Home</a></li>
 <li><a class='ajxsub' href='#'>CSSMenus</a>
  <ul>
   <li class='sfirst'><a class='ajxsub' href='#'>Design Features</a>
    <ul>
     <li class='sfirst'><h1>Design</h1></li>
     <li><a href='#'>Unordered Lists</a></li>
     <li><a href='#'>Suckerfish Dropdowns</a></li>
     <li><a href='#'>Unobtrusive Javascript</a></li>
     <li><a href='#'>CSS Sprites</a></li>
     <li><a href='#'>Sliding Doors</a></li>
     <li><h1>Features</h1></li>
     <li><a href='#'>Accessibility</a></li>
     <li><a href='#'>Cross-Browser Compatibility</a></li>
     <li class='slast'><a href='#'>Search Engine Optimization</a></li>
    </ul>
   </li>
   <li><a class='ajxsub' href='#'>Examples</a>
    <ul>
     <li class='sfirst'><a href='#'>Horizontal Drop Down Menu</a></li>
     <li><a href='#'>Vertical Flyout Menu</a></li>
     <li class='slast'><a href='#'>Tabbed Menu</a></li>
    </ul>
   </li>
   <li><h1>Advanced CSS Menu</h1></li>
   <li><a href='#'>Dreamweaver Extension</a></li>
   <li><a href='#'>Expression Web Add-in</a></li>
   <li><h1>Pure CSS Menu</h1></li>
   <li><a href='#'>Dreamweaver Extension</a></li>
   <li class='slast'><a href='#'>Expression Web Add-in</a></li>
  </ul>
 </li>
 <li><a class='ajxsub' href='#'>Lightbox</a>
  <ul>
   <li class='sfirst'><a href='#'>Design</a></li>
   <li><a href='#'>Dreamweaver Extension</a></li>
   <li class='slast'><a href='#'>Expression Web Add-in</a></li>
  </ul>
 </li>
 <li><a href='#'>More Products</a></li>
</ul>
  </div>
 </div>
 <br/>
</div>
Zgłoś jeśli naruszono regulamin