• Страница 1 из 1
  • 1
Slide menu By Creat1ve
Kxis Дата: Суббота, 01.12.2012, 20:04 | Сообщение # 1
Сообщений: 189
Награды: 0


Меню:
Code
<div class="global_topmenu">  
<ul>  
<a href="/index/8"><li class="global_uplevel">Привет, $USERNAME$</li></a>  
<a href="/index/10"><li class="global_uplevel">Выйти</li></a>  
<a href="#"><li class="global_uplevel">FaQ</li></a>  
<li class="global_uplevel">Другие ссылки  

<ul class="global_submenu" style="display:none;">  
<a href="#1"><li>Ссылка №1</li></a>  
<a href="#2"><li>Ссылка №2</li></a>  
<a href="#3"><li>Ссылка №3</li></a>  
<a href="#4"><li>Ссылка №4</li></a>  
<a href="#5"><li>Ссылка №5</li></a>  
</ul>  

</li>  
</ul>  
</div>


CSS:
Code
.global_topmenu {  
-webkit-box-shadow: black 0 1px 3px 1px;  
font-size:11px;  
-moz-box-shadow: black 0 1px 3px 1px;  
font-weight:bold;  
font-family:Tahoma, Verdana, Arial;  
box-shadow: black 0 1px 3px 1px;  
z-index:1000;  
position:fixed;  
top:0;  
right:2px;  
border:1px grey solid;  
color:#fff;  
border-top:0;  
background:#000;  
}  
.global_topmenu a {  
color:#fff;  
text-decoration:none;  
margin:0;  
outline:none;  
font-family:Tahoma, Verdana, Arial;  
}  
.global_topmenu a:hover {  
color:#888;  
}  
.global_topmenu ul {  
margin:0;  
padding:0;  
}  
.global_playpass, .global_slider {  
display:block;  
height:27px;  
float:left;  
position:relative;  
cursor:pointer;  
line-height:26px;  
border-right:1px grey solid;  
}  
.global_slider  {  
font-size:15px;  
margin:0;  
padding:0;  
}  
.global_uplevel {  
display:block;  
height:26px;  
border:1px black solid;  
font-size:12px;  
float:left;  
padding:0 17px;  
line-height:25px;  
position:relative;  
cursor:pointer;  
border-top:0;  
}  
.global_submenu {  
min-width:127px;  
position:absolute;  
right:-1px;  
top:27px;  
padding:0 20px;  
text-align:left;  
display:none;  
border:1px grey solid;  
-webkit-box-shadow: black 0 1px 3px 1px;  
-moz-box-shadow: black 0 1px 3px 1px;  
box-shadow: black 0 1px 3px 1px;  
list-style-type:none;  
border-top:1px grey dotted;  
background:#000;  
}  
.global_submenu li {  
padding:3px 0;  
margin:0px 10px;  
line-height:18px;  
}  
.global_uplevel span {  
font-weight:normal;  
padding:0 6px;  
}


JavaScript:
Code
$(document).ready(function() {  
    $('.global_uplevel').hover(  
     function() {  
      $(this).children('.global_submenu').stop(true, true);  
      $(this).children('.global_submenu').slideDown('fast');  
      $(this).css('border','1px grey solid').css('border-bottom','1px grey dotted').css('border-top','0');  
     },  
     function() {  
      $(this).children('.global_submenu').slideUp('fast');  
      $(this).css('border','1px black solid').css('border-top','0');  
     });  
    $('.playpass_close').click(function() {  
     $('.playpass_bg').hide();  
     $('.playpass_block').hide();  
     return false;  
    });  
    $('.playpass_form').click(function() {  
     $('.playpass_bg').show();  
     $('.playpass_block').show();  
     return false;  
    });})
Watch Дата: Пятница, 14.12.2012, 22:53 | Сообщение # 2
Директор
Сообщений: 664
Награды: 5
Меня радует вполне
Зарабатывать хорошую репутацию можно годами, а потерять - за считанные мгновения...© KeNtOk
Послушай... и Задумайся что сказано выше...
  • Страница 1 из 1
  • 1
Поиск:
Мини профиль
Четверг
10.7.2025-09:18
Вы вошли как: Гость
Вы с нами: - день.
Новое на форуме
Ты веришь в КС Древняя система развития ... Древняя система развития ... Оцените аву новый год! Оцените 3D кнопочку! Макеты, Меню, Баннеры, Ло... Зимняя лотерея №1 Оцените аву Оцените логотип! Скрипт накрутки

Статистика