• Страница 1 из 1
  • 1
Форум O-CSS.RU » Скрипты » Скрипты - меню сайта » Меню красивое
Меню красивое
LaiNeRДата: Четверг, 06.01.2011, 21:57 | Сообщение # 1
=Основатель=
Логин: LaiNeR
Имя: Rustam Mosin
Сообщений: 3127
Награды: 51
Репутация: 519
Замечания:

эти скрипты с куками, 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>


Форум O-CSS.RU » Скрипты » Скрипты - меню сайта » Меню красивое
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Лучшие пользователи
Уважаемые пользователи
Популярные темы
Недавно обновленные темы
LaiNeR Постов [ 3127 ]
Staistesap Постов [ 1545 ]
z1M Постов [ 1488 ]
Mooxyrep Постов [ 1145 ]
Pooniacact Постов [ 986 ]
KoreshoK Постов [ 644 ]
LonS Постов [ 585 ]
BIG_BOSS Постов [ 572 ]
DoZa Постов [ 564 ]
shooter Постов [ 468 ]
LonS Репутация [ 546 ]
LaiNeR Репутация [ 519 ]
Smofee Репутация [ 477 ]
СнAйПер Репутация [ 436 ]
MedeX Репутация [ 412 ]
TiPSy Репутация [ 300 ]
bleff Репутация [ 279 ]
-=SToRM=- Репутация [ 235 ]
A6c3Ht^ Репутация [ 225 ]
NoRD Репутация [ 210 ]
Общение [ 1309 ]
Считаем до 1 000 [ 664 ]
Поговорим обо всем :) (девушки, машины, личная жизнь и тд) [ 369 ]
Афоризмы (Не комментируйте) [ 301 ]
Играем в СЛОВА [ 187 ]
Конкурс "Угадай возраст". [ 183 ]
Конкурс "Угадай автомобиль" [ 110 ]
Предложения по сайту [ 97 ]
Набивка постов [ 80 ]
Обломай товарища [ 75 ]
source-boost.ru | Мониторинг сервера CSS v34 [ 0 ]
source-boost.ru | Мониторинг сервера CSS v34 [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Swatik [ 1 ]

Хостинг от uCoz | sitemap.xml | sitemap-forum.xml | sitemap-shop.xml | urllist.txt | |
PR-CY.ru