Воскресенье, 24.11.2024, 07:43:10 На сайте Московское время



  • Страница 1 из 1
  • 1
Рип гор меню с сайта droiders.ru
CR9Дата: Понедельник, 31.05.2010, 14:37:09 | Сообщение # 1

The KING

Сообщений: 73
Награды: 0

[ 7 ]


Вставлять по месту расположения. Если хотите картинки можете залить под себя.
Code
<style>  
/*** TOP NAVIGATION ***/  

ul#navigation{background:#eee url(http://droiders.ru//wp-content/themes/mystique/images/nav.png) repeat-x left top;width:100%;padding:0;margin:0;list-style-type:none;position:relative;z-index:15;}  
ul#navigation li{display:block;position:relative;float:left;list-style-type:none;padding:0 1px 0 0;margin:0;background:transparent url(http://droiders.ru//wp-content/themes/mystique/images/nav-div.png) no-repeat right top;}  
ul#navigation li a{min-height:32px;display:block;font-weight:bold;font-size:115%;text-transform:uppercase;text-decoration:none;text-shadow:#fff 1px 1px 1px;text-align:center;color:#4e4e4e;padding:0 13px 0 11px;position:relative;line-height:31px;}  
ul#navigation li a.home span.title{background:transparent url(http://droiders.ru//wp-content/themes/mystique/images/icons.png) no-repeat 0px -756px;padding-left:22px;}  
ul#navigation li.active a.home span.title{background-position:0px -710px;}  
ul#navigation li a:hover,ul#navigation li:hover a{background-color:#fff;}  
ul#navigation li.active a:hover,ul#navigation li.active:hover a{background-color:#000;}  
ul#navigation li a span.title{display:block;padding:0;}  
ul#navigation li a span.pointer{display:none;}  

ul#navigation li.active a span.pointer,  
ul#navigation li.active-parent a span.pointer,  
ul#navigation li.active-ancestor a span.pointer  
{position:absolute;width:100%;height:7px;bottom:-7px;left:0;display:block;background:transparent url(images/nav-pointer.png) no-repeat center top;}  

ul#navigation li.active a,  
ul#navigation li.active-parent a,  
ul#navigation li.active-ancestor a  
{background:#000 url(http://droiders.ru//wp-content/themes/mystique/images/nav-active.png) no-repeat left top;color:#dedede;text-shadow:#000 1px 1px 1px;}  

ul#navigation li a span.arrow{display:none;}  

/* fade on mouse out */  
ul#navigation li a.fadeThis{position:relative;z-index:1;}  
ul#navigation li a.fadeThis span.hover{position:absolute;top:0;left:0;display:block;height:100%;width:100%;background-color:#fff;z-index:-1;margin:0;padding:0;}  

ul#navigation li.active a.fadeThis span.hover,  
ul#navigation li.active-parent a.fadeThis span.hover,  
ul#navigation li.active-ancestor a.fadeThis span.hover  
{background:none;}  

ul#navigation li.active a.fadeThis span.hover  
{background-color:transparent;}  

/* submenus */  
ul#navigation ul li a span.pointer{display:none !important;}  
ul#navigation ul{list-style-type:none;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;position:absolute;display:none;width:250px;top:32px;left:0;margin:0;padding:4px;line-height:normal;background-color:#fff;-moz-box-shadow:0px 8px 14px rgba(0,0,0,0.3);-moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;-webkit-box-shadow:0px 8px 14px rgba(0,0,0,0.3);-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;box-shadow:0px 8px 14px rgba(0,0,0,0.3);border-bottom-right-radius:8px;border-bottom-left-radius:8px;}  

ul#navigation li.active ul,  
ul#navigation li.active-parent ul,ul#navigation li.active-ancestor ul  
{background-color:#000;border-bottom:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;}  

ul#navigation li.active li a,  
ul#navigation li.active-parent li a,  
ul#navigation li.active-ancestor li a  
{background:none;}  

ul#navigation ul li{float:none;margin:0;background:none;}  
ul#navigation ul li a span.title{padding-left:10px;}  
ul#navigation ul li a{min-height:1px;height:auto;padding:8px 14px 8px 8px;margin:0;text-align:left;text-transform:none;line-height:125%;}  
ul#navigation li.active ul a{background:none;}  
ul#navigation ul li a:hover{background-color:#333;color:#fff;text-shadow:#333 1px 1px 1px;}  
ul#navigation ul li.active a{color:#f8b013;}  
ul#navigation ul li.active li a{color:#dedede;}  
ul#navigation ul li a span.title{padding:0;}  
ul#navigation ul ul{left:250px;top:0;border-top:1px solid #ccc;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}  
ul#navigation li:hover ul ul,ul#navigation li:hover ul ul ul,ul#navigation li:hover ul ul ul ul{display:none;}  
ul#navigation li:hover ul,ul#navigation li li:hover ul,ul#navigation li li li:hover ul,ul#navigation li li li li:hover ul{display:block;}  
ul#navigation li li a span.arrow{display:block;position:absolute;right:6px;top:0;line-height:32px;}  

/* fade on mouse out */  
ul#navigation li li a.fadeThis span.hover,  
ul#navigation li.active li a.fadeThis span.hover,  
ul#navigation li.active-ancestor li a.fadeThis span.hover{background-color:#333;}  
</style>  

   <ul id="navigation" class="clearfix">  
   <li class="active home"><a class="home active fadeThis" href="/" title="Вы на главной"><span class="title">Главная</span><span class="pointer"></span></a></li>  
   <li class="category category-novosti count-40 "><a class="fadeThis " href="/" title="Новости о мобильных устройствах"><span class="title">Новости</span><span class="pointer"></span></a>  
<ul class="level-2">  
<li class="category category-android-os count-24 "><a class="fadeThis " href="/" title="Новости об операционной системе Android OS"><span class="title">Android OS</span><span class="pointer"></span></a></li>  
<li class="category category-windows-mobile count-7 "><a class="fadeThis " href="/" title="Новости об операционной системе Windows Mobile"><span class="title">Windows Mobile</span><span class="pointer"></span></a></li>  
<li class="category category-iphone-os count-16 "><a class="fadeThis " href="/" title="Новости об операционной системе iPhone OS"><span class="title">iPhone OS</span><span class="pointer"></span></a></li>  
</ul>  
</li>  
<li class="category category-programmy count-5 "><a class="fadeThis " href="/" title="Программы для мобильных телефонов"><span class="title">Программы</span><span class="pointer"></span></a>  
<ul class="level-2">  
<li class="category category-%d0%b4%d0%bb%d1%8f-android-os count-3 "><a class="fadeThis " href="/" title="Программы для операционной системы Android"><span class="title">для Android OS</span><span class="pointer"></span></a></li>  
<li class="category category-%d0%b4%d0%bb%d1%8f-windows-mobile count-1 "><a class="fadeThis " href="/" title="Программы для операционной системы Windows Mobile"><span class="title">для Windows Mobile</span><span class="pointer"></span></a></li>  
<li class="category category-%d0%b4%d0%bb%d1%8f-iphone-os count-2 "><a class="fadeThis " href="/" title="Программы для операционной системы Apple iPhone OS"><span class="title">для iPhone OS</span><span class="pointer"></span></a></li>  
</ul>  
</li>  
<li class="category category-android count-25 "><a class="fadeThis " href="/" title="Все об Google Android OS и мобильных устройствах на этой операционной системе. Новости, игры, программы..."><span class="title">Android</span><span class="pointer"></span></a></li>  
<li class="category category-windows count-7 "><a class="fadeThis " href="/" title="О мобильных устройствах на базе Windows Mobile, Windows Phone 7 Series"><span class="title">Windows</span><span class="pointer"></span></a></li>  
<li class="category category-iphone count-17 "><a class="fadeThis " href="/" title="О мобильном устройстве iPhone и его операционной системе iPhone OS"><span class="title">iPhone</span><span class="pointer"></span></a></li>  
   </ul>




637237113
juice_56rus
 
  • Страница 1 из 1
  • 1
Поиск:


FrozenGames.At.Ua
(c) Все права защищены! 2010
Хостинг от uCoz
New Design Ver. 4.6 by Frozen
Все материалы, размещенные на сайте предназначены исключительно для ознакомления!
Дизайн сайта полностью принадлежит
администратору сайта
Sitemap | Sitemap-forum