Приветствую Вас Гость | RSS

Мой сайт

Понедельник, 03.02.2025, 21:19
Главная » Файлы » Всё для Ucoz » Скрипты для ucoz

Меню сайта - Вывод разделов / 2010
[ · Скриншот ] 31.01.2011, 20:05
Название: Меню сайта - Вывод разделов / 2010
Дата выпуска: 9.12.2010
Дополнительно: Выводит категории
Разработчик: borisle

Описание:
Вот один человечко создал/ло очень красивое меню. Меню автоматически
выводит разделы вашего сайта, которые вы создаете в категориях
раздела/модуля. Меню легко можно переделать под свой дизайн. Сменить
цвет фона или наводки на ссылку. Кстати, достал я его не легально так
что если автор меня запалит, то прошу сильно не плюваться!

Установка:
1. Заходим в ПУ - Ваш модуль (В нашем случае это Каталог файлов) -
Управление категориями - создаем там разделы сайта а в них категории.
2. Заходим в Информеры и создаем информер как на скриншоте:
http://uhelp.3dn.ru/_ld/0/82686162.png

3.
Открываем Управление дизайном информера и ставим туда этот код:

<style type="text/css">
.Cat$NUMBER$ {padding-bottom:5px; padding-left:3px; padding-top:2px; background:#BAD560;}

a.CatLink:link, a.CatLink:active, a.CatLink:visited {text-decoration:none; font-family:tahoma; font-size:11px; font-weight:bold; color:#FFFFFF;}
a.CatLink:hover {text-decoration:none; font-family:tahoma; font-size:11px; font-weight:bold; color:#ffffff;}

a.CatLink div.CatText {background:#ACCC3D; padding:3px 5px 4px 5px; text-shadow:1px 1px 0px #004f76;}

a.CatLink div.CatText:hover {background:#BAD560;}

a.CatLink img.CatImg {height:12px; width:12px; margin-top:2px; padding-right:6px; float:right;}

a.CatLink img.im1$CID$ {background:url('/images/arrows_.png') 1px 4px no-repeat;}
a.CatLink img.im2$CID$ {background:url('/images/arrows_.png') 1px -9px no-repeat;}
</style>

<a href="javascript:Catic$NUMBER$();" class="CatLink ss$NUMBER$">
<img class="CatImg im1$CID$" src="/images/1px.gif" border="0"><div class="CatText">$CATEGORY_NAME$</div>
<div style="border-top: 1px solid rgb(211, 230, 143); border-left: 0px none; border-right: 0px none;"></div>
</a>

<script type="text/javascript">
function Catic$NUMBER$(){
$(".ss$NUMBER$").after( $(".Cat$NUMBER$").toggle() );
$("img.im1$CID$").toggleClass('im2$CID$'); };
</script>

4. Заходим в Управление дизайном и ваш блок с меню заменяем на этот код:

<!-- <block_uCozHelp> -->
<style>
a.catName:link, a.catName:active, a.catName:visited {text-decoration:none; font-family:tahoma; font-size:11px; color:#FFFFFF;}
a.catName:hover {text-decoration:none; font-family:tahoma; font-size:11px; color:#ffffff; text-shadow:1px 1px 0px #00587a;}
.catName {padding-left:10px; border-bottom:1px dashed #009bc4; display:block; background:url('/images/arrows_.png') -4px -9px no-repeat; padding-bottom:2px; line-height:16px;}
</style>

<div style="border:1px solid #D3E68F; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;">
$MYINF_2$
<div style="display: none;" class="Cat1">
<a href="/" class="catName" style="padding-left:15px;">Ссылка в раздел материала</a>
<a href="/" class="catName" style="padding-left:15px;">Ссылка в раздел материала</a>
</div>

<div style="display: none;" class="Cat2">
<a href="/" class="catName" style="padding-left:15px;">Ссылка в раздел материала</a>
<a href="/" class="catName" style="padding-left:15px;">Ссылка в раздел материала</a>
</div>

<div style="display: none;" class="Cat3">
<a href="/" class="catName" style="padding-left:15px;">Ссылка в раздел материала</a>
<a href="/" class="catName" style="padding-left:15px;">Ссылка в раздел материала</a>
</div>
</div>
<div style="padding:5px"></div>

<!-- </block_uCozHelp> -->

Внимнание: Разделы сайта модуль выводит сам а категории придется прописывать вручную!
Категория: Скрипты для ucoz | Добавил: sav1at0r | Теги: вывод, 2010, разделов, скрипты, сайта, МЕНЮ
Просмотров: 429 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]