Сегодня 10 марта, понедельник ГлавнаяНовостиО проектеЛичный кабинетПомощьКонтакты Сделать стартовойКарта сайтаНаписать администрации
Поиск по сайту
 
Ваше мнение
Какой рейтинг вас больше интересует?
 
 
 
 
 
Проголосовало: 7278
Кнопка
BlogRider.ru - Каталог блогов Рунета
получить код
Хаки и Скрипты Next Generation CMS
Хаки и Скрипты Next Generation CMS
Голосов: 1
Адрес блога: http://ngcmshak.ru
Добавлен: 2013-12-31 14:21:51 блограйдером 88888888
 

Динамическое меню с скольжением цвета

2014-01-14 15:16:59 (читать в оригинале)

Динамическое меню с скольжением цвета , подходит для личного развлекательного блога или сайта.

1.Скачиваем архив [isnt-logged]Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам menu.zip (22.32 Kb)[/is-logged], и заливаем в папку с шаблоном.
2.Подключаем стили и скрипты в хеад main.tpl
Код:
 <link href="{tpl_url}/css/webwidget_menu_glide.css" rel="stylesheet" type="text/css"></link>
<script type="text/javascript" src="{tpl_url}/js/webwidget_menu_glide.js"></script>
У кого не подключен jquery, подключите.
3.Само меню ,вставляем туда где оно должно быть у вас
Код:
 <div id="webwidget_menu_glide" class="webwidget_menu_glide">
<div class="webwidget_menu_glide_sprite"></div>
<ul>
<li><a href="http://ngcmshak.ru/">Home</a></li>
<li><a href="http://ngcmshak.ru/">News</a></li>
<li class="current"><a href="http://ngcmshak.ru/">About</a></li>
<li><a href="http://ngcmshak.ru/">Contact</a></li>
<li><a href="http://ngcmshak.ru/">More...</a></li>
</ul>
<div style="clear: both"></div>
</div>
Активный пункт меню присваивается класс
Код:
 class="current"
4.Ну и последнее инициализация нашего меню
Код:
 <script language="javascript" type="text/javascript">
$(function({$("#webwidget_menu_glide").webwidget_menu_glide({
menu_width:"100",
menu_height:"30",
menu_text_size:"15",
menu_text_color:"#CCC",
menu_sprite_color:"#666",
menu_background_color:"#000",
menu_margin:"5",
sprite_speed:"normal"
});
});
</script>
Вот и все пользуемся ,вот еще и таблица с параметрами


menu_width:

Ширина меню

menu_height:

Высота Меню

menu_text_size:

Меню размер текста

menu_text_color:

Цвет текста меню

menu_sprite_color:

Анимация спрайта цвет

menu_background_color:

Меню Цвет фона

menu_margin:

Рентабельность Меню

sprite_speed:

Скорость анимации (вариант: медленно, нормально, быстро, без ожидания)

Тэги: css,, интерфейс,, меню, навигация,

 


Самый-самый блог
Блогер ЖЖ все стерпит
ЖЖ все стерпит
по количеству голосов (152) в категории «Истории»


Загрузка...Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.