Дизайн принадлежит администрации сайта VSEpodrad.ru.
Администрация не несет ответственности за содержимое на нашем портале.
Администратор: .
|
Меню сайта
Смотри и качай бесплатно
Опрос сайта
Реклама
Онлайн пользователи
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Раздел в разработке
VSEpodrad.ru
В разработке!
На сайт добавлено файлов
Красивое горизонтальное меню с оригинальной подсветкой
Интересное меню с оригинальной подсветкой пунктов. Замечательно смотрится на тёмных дизайнах
Следующий код вставляйте в то место, где будет само меню:
Далее залейте файлы из прикреплённого архива следующим образом:
jquery.sliding-menu.js - в папку js
Оставшиеся три картинки - в папку images
Установка:
После /head на нужных вам страницах вставляйте:
Code
<script type="text/javascript" src="/js/jquery.sliding-menu.js"></script>
<script type="text/javascript">
jQuery(function(){
jQuery('#HorizontalSlidingMenu .SlidingMenu').slidingMenu();
});
</script>
<style>
body {
font-family: "Arial","Verdana","Helvetica";
font-size: 0.9em;
margin: 1.5em;
}
ul.SlidingMenu {
list-style: none;
padding: 0em;
}
ul.SlidingMenu a {
padding: 0.62em 1.5em;
text-decoration: none;
color: #FFF;
outline: none;
}
ul.Horizontal li {
float: left;
}
.ClearFix {
clear: both;
}
#HorizontalSlidingMenu {
background: url('/images/menubg.png') top left repeat-x;
}
#HorizontalSlidingMenu li.Background {
background: url('/images/bg_menu_right.png') top right no-repeat;
}
#HorizontalSlidingMenu li.Background div{
background: url('/images/bg_menu.png') top left no-repeat;
height: 100%;
margin-right: 31px;
}
</style>
<script type="text/javascript">
jQuery(function(){
jQuery('#HorizontalSlidingMenu .SlidingMenu').slidingMenu();
});
</script>
<style>
body {
font-family: "Arial","Verdana","Helvetica";
font-size: 0.9em;
margin: 1.5em;
}
ul.SlidingMenu {
list-style: none;
padding: 0em;
}
ul.SlidingMenu a {
padding: 0.62em 1.5em;
text-decoration: none;
color: #FFF;
outline: none;
}
ul.Horizontal li {
float: left;
}
.ClearFix {
clear: both;
}
#HorizontalSlidingMenu {
background: url('/images/menubg.png') top left repeat-x;
}
#HorizontalSlidingMenu li.Background {
background: url('/images/bg_menu_right.png') top right no-repeat;
}
#HorizontalSlidingMenu li.Background div{
background: url('/images/bg_menu.png') top left no-repeat;
height: 100%;
margin-right: 31px;
}
</style>
Следующий код вставляйте в то место, где будет само меню:
Code
<div id="HorizontalSlidingMenu">
<ul class="SlidingMenu Horizontal">
<li><a href="Ссылка на страницу">Первый пункт</a></li>
<li><a href="Ссылка на страницу">Второй пункт</a></li>
<li><a href="Ссылка на страницу">Третий пункт</a></li>
<li><a href="Ссылка на страницу">Четвёртый пункт</a></li>
<li><a href="Ссылка на страницу">Пятый пункть</a></li>
</ul>
<div class="ClearFix"></div>
</div>
<ul class="SlidingMenu Horizontal">
<li><a href="Ссылка на страницу">Первый пункт</a></li>
<li><a href="Ссылка на страницу">Второй пункт</a></li>
<li><a href="Ссылка на страницу">Третий пункт</a></li>
<li><a href="Ссылка на страницу">Четвёртый пункт</a></li>
<li><a href="Ссылка на страницу">Пятый пункть</a></li>
</ul>
<div class="ClearFix"></div>
</div>
Далее залейте файлы из прикреплённого архива следующим образом:
jquery.sliding-menu.js - в папку js
Оставшиеся три картинки - в папку images
Вы сейчас просматриваете Красивое горизонтальное меню с оригинальной подсветкой. Данный файл находится в категории Наши разработки VSEpodrad™. Чтобы увидеть другие файлы из этой категории, перейдите по этой ссылке: Наши разработки VSEpodrad™. Для того чтобы скачать Красивое горизонтальное меню с оригинальной подсветкой нажмите на кнопку СКАЧАТЬ ФАЙЛ выше. Надеемся вам понравился файл Красивое горизонтальное меню с оригинальной подсветкой и пригодился. По всем вопросам обращайтесь в чат на сайте или к администрации.
| Всего комментариев: 0 | |
