Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 13.58.200.78
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Slide menu
Сообщение оставлено 10.11.2011 в 11:20:58 | Сообщение #1

Меню:
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;   
       });})


 Сообщение отредактировал hANdsome - Четверг, 10.11.2011, 11:21:12
 
Мой блог :О
Спасает дым, без дыма были бы виллы.
 
   
Сообщение оставлено 10.11.2011 в 11:43:34 | Сообщение #2
hANdsome, срипт неочень!
 
 
   
Сообщение оставлено 10.11.2011 в 12:24:34 | Сообщение #3
меню простое, может кому то и пригодится
 
Иногда слегка приврать благороднее, чем сказать горькую правду.
Ночь в музее 2 (Night at the Museum: Battle of the Smithsonian)
 
   
Сообщение оставлено 10.11.2011 в 13:18:08 | Сообщение #4
GraFOS, это точно
 
 
   
Сообщение оставлено 10.11.2011 в 15:55:12 | Сообщение #5
О пригодилось забираю ;)
 
Sels not . k/B/ savel` slavka

Я вернулся на LP :)
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика