Меню сайта
Категории раздела
| Шаблоны для Ucoz [4] |
| Шаблоны для форумов [1] |
| Скрипты [65] |
| Кнопки для форумов [3] |
| Иконки для форумов [0] |
| Иконки груп [1] |
| Ранги [5] |
| Flash [0] |
| Шапкы [10] |
Наш опрос
Наша кнопка
| Главная » Файлы » Скрипты |
Двойное меню сайта для Ucoz
| 15.02.2011, 19:57 | |
 Двойное меню с переключателем, в стиле Юкоз. Установка: Этот код в Таблицу стилей CSS: /* UcoZ Tab */ .menuBg {background:#DEE7F6 !important;} .Mactive {background:#DEE7F6;line-height:20px;border-right:1px solid #88A1C2;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;} .Mactive a:link,.Mactive a:visited,.Mactive a:hover {color:#15428B;text-decoration:none;cursor:text;} .MnotActive {display:block;line-height:16px;background:#F0F3F5;border-right:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;} .MnotActive1 {display:block;line-height:16px;background:#F0F3F5;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;} .MnotActive a:link,.MnotActive1 a:link {display:block;width:100%;color:#515151;text-decoration:none;} .MnotActive a:visited,.MnotActive1 a:visited {display:block;width:100%;color:#515151;text-decoration:none;} .MnotActive a:hover,.MnotActive1 a:hover {display:block;width:100%;color:#515151;text-decoration:none;background-color:#CAD9EC;cursor:pointer; } /* ---------------- */ Это после <head>: <script type="text/javascript">
// UcoZ Tab START function showmods(t) { if (t){ document.getElementById('instMods').className='MnotActive1'; document.getElementById('uninstMods').className='Mactive'; document.getElementById('isInMo').style.display='none'; document.getElementById('noInMo').style.display=''; document.body.focus(); } else { document.getElementById('instMods').className='Mactive'; document.getElementById('uninstMods').className='MnotActive'; document.getElementById('noInMo').style.display='none'; document.getElementById('isInMo').style.display=''; document.body.focus(); } } // UcoZ Tab END </script> А вот код меню: <div class="xw-tl"><div class="xw-tr"><div class="xw-tcc"></div></div></div> <div class="xw-ml"><div class="xw-mr"><div class="xw-mc menuBg"> <div style="display:none;overflow:auto;height:250px;" id="noInMo"> <div align="center"><!-- код2 --> </div></div> <div style="overflow:auto;height:250px;" id="isInMo"> <div align="center"> <!-- код1 --> </div> </div> </div></div></div> <div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td width="6%"> </td> <td align="center" valign="top" width="44%"><div id="instMods" class="Mactive"><a id="instModsL" href="javascript://" onclick="showmods(0);return false;">Название 2</a></div></td> <td align="center" valign="top" width="43%"><div id="uninstMods" class="MnotActive"><a id="uninstModsL" href="javascript://" onclick="showmods(1);return false;">НАзвание 1</a></div></td> <td width="7%"> </td> </tr> </tbody> </table> | |
| Просмотров: 780 | Загрузок: 0 | Рейтинг: 0.0/0 | |
| Всего комментариев: 0 | |
WoW Портал
Поиск
Календарь
Мини-чат
Статистика
Онлайн всего: 2
Гостей: 2
Пользователей: 0
