Четверг, 28.03.2024, 23:48
Приветствую Вас Гость | RSS
Главная | | Регистрация | Вход

20:00
Меню красивое


эти скрипты с куками, jquery, закрыть\открыть
вставляем в
Code
<script type="text/javascript" src="http://ucozon.ru/menu_files/new/jquery-1.2.6.pack.js"></script>  
<script type="text/javascript" src="http://ucozon.ru/menu_files/new/ddaccordion.js"></script>  
<script type="text/javascript" src="http://ucozon.ru/SCRIN6/menu/1/close.js"></script>

Это вставить в css
Code

.glossymenu{  
margin: 5px 0;  
padding: 0;  
width: 178px; /*width of menu*/  
border: 1px solid #000000;  
border-bottom-width: 0;  
}
.glossymenu a.menuitem{  
background: black url(http://ucozon.ru/SCRIN6/menu/1/menuh.png);  
font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus;  
color: #808080;  
display: block;  
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/  
width: auto;  
padding: 4px 0;  
padding-left: 10px;  
text-decoration: none;  
border-top: 0px solid #000000;  
border-bottom: 1px solid #000000;  
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{  
color: #808080;  
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/  
position: absolute;  
top: 5px;  
right: 5px;  
border: none;  
}

.glossymenu a.menuitem:hover{  
background-image: url(http://ucozon.ru/SCRIN6/menu/1/menuo.png);  
color:#ff0000; background-position:100% -32px; text-shadow:0px 0px 5px #ff0000;  
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/  
background-image: url(http://ucozon.ru/SCRIN6/menu/1/body.png);  
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/  
list-style-type: none;  
margin: 0;  
padding: 0;  
}

.glossymenu div.submenu ul li{  
border-bottom: 1px solid #000000;  
}

.glossymenu div.submenu ul li a{  
display: block;  
font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus;  
color: #808080;  
text-decoration: none;  
padding: 2px 0;  
padding-left: 10px;  
}

.glossymenu div.submenu ul li a:hover{  
background-image: url(http://ucozon.ru/SCRIN6/menu/1/menuo.png);  
color:#ff0000; background-position:100% -32px; text-shadow:0px 0px 5px #ff0000;  
}

Сам код меню:
Code

<div class="glossymenu">  
<a headerindex="0h" class="menuitem submenuheader " href="/"><span class="accordprefix"></span>Основ. раздел<span class="accordsuffix">  
<img src="http://ucozon.ru/SCRIN6/menu/1/open.png" class="statusicon"></span></a>  
<div style="display: none;" contentindex="0c" class="submenu">  
<ul>  
<li><a href="/">Главная страничка</a>  
</li><li><a href="/load/">Файловый архив</a></li>  
<li><a href="javascript://" onclick="openLayerB('LoadFileBody',0,'/xml/loadfile.xml','Загрузить файл/изображение',590,440,'1');return false;">Файлообменник</a></li>  
<li><a href="/board">Онлайн фильмы</a></li>  
<li><a href="/stuff/">Онлайн музыка</a></li>
<li><a href="/index/nashi_koshelki/0-11">Наши кошельки</a></li>  
<li><a href="/blog">Мониторинг</a></li>  
<li><a href="/dir" style="text-shadow: 0px 0px 5px rgb(128, 128, 128);">Топ сайтов</a></li>  
<li><a href="/gb/">Гостевая</a></li>  
<li><a href="/news/">Новости</a></li>  
<li><a href="/photo/">Галерея</a></li>  
<li><a href="/index/0-8">Теги</a></li>  
</ul>  
</div>

<a headerindex="2h" class="menuitem submenuheader " href="/"><span class="accordprefix"></span>Игровое TV<span class="accordsuffix"><img src="http://ucozon.ru/SCRIN6/menu/1/open.png" class="statusicon"></span></a>  
<div style="display: none;" contentindex="2c" class="submenu">  
<ul>  
<li><a href="/index/0-13">CyberArena</a></li>  
<li><a href="/index/0-9">Первый игровой</a></li>  
</ul>  
</div>

<a headerindex="4h" class="menuitem submenuheader " href="/"><span class="accordprefix"></span>Скачать скины<span class="accordsuffix"><img src="http://ucozon.ru/SCRIN6/menu/1/open.png" class="statusicon"></span></a>

<div style="display: none;" contentindex="4c" class="submenu">  
<ul>  
<li><a href="/load/79">Скины для ICQ</a></li>  
<li><a href="/load/80">Скины для AIMP</a></li>  
<li><a href="/load/81">Скины для Opera</a></li>  
<li><a href="/load/82">Скины для Winamp</a></li>  
</ul>  
</div>  
<a headerindex="5h" class="menuitem submenuheader " href="/"><span class="accordprefix"></span>Скачать игры<span class="accordsuffix"><img src="http://ucozon.ru/SCRIN6/menu/1/open.png" class="statusicon"></span></a>  
<div style="display: none;" contentindex="5c" class="submenu">  
<ul>

<li><a href="/load/71">Игры для PC</a></li>  
<li><a href="/load/73">Игры для PSP</a></li>  
<li><a href="/load/74">Игры для Xbox</a></li>  
</ul>  
</div>  
<a headerindex="6h" class="menuitem submenuheader " href="/"><span class="accordprefix"></span>Все для uCoz<span class="accordsuffix"><img src="http://ucozon.ru/SCRIN6/menu/1/open.png" class="statusicon"></span></a>  
<div style="display: none;" contentindex="6c" class="submenu">  
<ul>  
<li><a href="/load/12">Шапки</a></li>  
<li><a href="/load/11">Шаблоны</a></li>

<li><a href="/load/15">Рипы от нас</a></li>  
<li><a href="/load/13">Иконки групп</a></li>  
<li><a href="/load/14">Иконки форума</a></li>  
</ul>  
</div>

<a headerindex="9h" class="menuitem submenuheader " href="/"><span class="accordprefix"></span>Все для CS:CZ<span class="accordsuffix"><img src="http://ucozon.ru/SCRIN6/menu/1/open.png" class="statusicon"></span></a>  
<div style="display: none;" contentindex="9c" class="submenu">  
<ul>  
<li><a href="/load/23">Модели игроков</a></li>  
<li><a href="/load/38">Скачать игру</a></li>  
<li><a href="/load/39">Темы меню</a></li>  
<li><a href="/load/40">Спрайты</a></li>  
<li><a href="/load/41">Карты</a></li>

<li><a href="/load/42">Ключи</a></li>  
</ul>  
</div>  
<a headerindex="10h" class="menuitem submenuheader " href="/"><span class="accordprefix"></span>Все для Photoshop<span class="accordsuffix"><img src="http://ucozon.ru/SCRIN6/menu/1/open.png" class="statusicon"></span></a>  
<div style="display: none;" contentindex="10c" class="submenu">  
<ul>  
<li><a href="/load/53">Кисти</a></li>  
<li><a href="/load/54">Стили</a></li>  
<li><a href="/load/55">Рамки</a></li>  
<li><a href="/load/57">Другое</a></li>

<li><a href="/load/58">Шрифты</a></li>  
<li><a href="/load/59">Градиенты</a></li>  
</ul>  
</div>


Источник:
Просмотров: 495 | Добавил: H[o_0]LiGaN | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Бесплатный хостинг uCozCopyright MyCorp © 2024