|
| | |
|
Автор публикации: Гость
Просмотров: 663
Добавлен: 17.05.2024, 05:04
Комментарии: 0
Не плохое меню для CMS-uCoz, мне напоминает это меню "Аккордеон".
Сначала скачайте картинки, с архива и залейте в корень сайта.
Это ставим в СSS: /* МЕНЮ */ a.menu_tip1 {display:block; width:172px; height:18px; text-align:left; background:url('/menu_playcheat/b_nab_mn.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 14px;} a.menu_tip2 {display:block; width:152px; height:18px; text-align:left; background:url('/menu_playcheat/b_nab_mn.gif'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 35px;} a.menu_tip3 {display:block; width:152px; height:18px; text-align:left; background:url('/menu_playcheat/b_nab_mn.gif'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 35px;} a.menu_tip1:link, a.menu_tip2:link, a.menu_tip3:link { text-decoration:none; color:#848484;} a.menu_tip1:visited, a.menu_tip2:visited, a.menu_tip3:visited { text-decoration:none; color:#848484;} a.menu_tip1:hover, a.menu_tip2:hover, a.menu_tip3:hover { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;} a.menu_tip1:active, a.menu_tip2:active, a.menu_tip3:active { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;} /* ---- */ Это ставим в любое место, где хотим видеть само меню: <a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_1').slideToggle('slow');"> INFO <img alt="" style="margin-left:5px;" src="/style/menu/niz.png" align="absMiddle"></a> <!----><div id="menu_1" style="display: none;" align="left"> <!----><a class="menu_tip2" href="http://u-mast.com"> Главная</a> <!----><a class="menu_tip2" href="http://u-mast.com"> Правила</a> <!----><a class="menu_tip2" href="http://u-mast.com/gb/"> Гостевая</a> <!----><a class="menu_tip3" href="http://u-mast.com/index/0-3"> Обратная связь</a> <!----></div>
<a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_2').slideToggle('slow');"> Все для uCoz <img alt="" style="margin-left:5px;" src="" align="absMiddle"></a> <!----><div id="menu_2" style="display: none;" align="left"> <!----><a class="menu_tip2" href="http://u-mast.com"> Главная раздела</a> <!----><a class="menu_tip2" href="http://u-mast.com"> Наши шаблоны </a> <!----><a class="menu_tip2" href="http://u-mast.com"> Шаблоны </a> <!----><a class="menu_tip2" href="http://u-mast.com"> Скрипты</a> <!----><a class="menu_tip3" href="http://u-mast.com"> Кнопки</a> <!----></div> <a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_01').slideToggle('slow');"> Photoshop <img alt="" style="margin-left:5px;" src="/style/menu/niz.png" align="absMiddle"></a> <!----><div id="menu_01" style="display: none;" align="left"> <!----><a class="menu_tip2" href="http://u-mast.com"> Главная раздела</a> <!----><a class="menu_tip2" href="http://u-mast.com"> Кисти </a> <!----><a class="menu_tip2" href="http://u-mast.com"> Скачать photoshop v. </a> <!----><a class="menu_tip2" href="http://u-mast.com"> Стили</a> <!----><a class="menu_tip3" href="http://u-mast.com"> PSD файлы</a> <!----></div> <a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_3').slideToggle('slow');"> Новости <img alt="" style="margin-left:5px;" src="/style/menu/niz.png" align="absMiddle"></a> <!----><div id="menu_3" style="display: none;" align="left"> <!----><a class="menu_tip2" href="http://u-mast.com"> Главная раздела</a> <!----><a class="menu_tip2" href="http://u-mast.com"> Новости сайта </a> <!----><a class="menu_tip3" href="http://u-mast.com"> Новости интернета</a> <!----></div> <a class="menu_tip1" href="http://u-mast.com"> Форум</a> <a class="menu_tip1" href="http://u-mast.com"> TOP сайтов</a> <a class="menu_tip1" href="http://u-mast.com"> Реклама на сайте</a>
<a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_4').slideToggle('slow');"> Сейчас мы работаем над <img alt="" style="margin-left:5px;" src="/style/menu/niz.png" align="absMiddle"></a> <!----><div id="menu_4" style="display: none;" align="left"> <!----><a class="menu_tip3" href="http://u-mast.com"> Страница работ 1</a> <!----></div>
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|
|
| | |
|
|