Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.139.97.97
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Меню как на Cs-Nnov
Сообщение оставлено 21.10.2010 в 15:40:35 | Сообщение #1

Установка:

1.после </head> во все страницы вставляем(или в верхнюю часть сайта):

Code
<script type="text/javascript" src="http://cs-nnov.net.ru/js/ddaccordion.js"></script>   
<script type="text/javascript" src="http://cs-nnov.net.ru/js/sdmenu.js"></script>

2.Это в CSS:

Code
/* GlossyMenu* /
.glossymenu{       
margin: 5px 0;       
padding: 0;       
width: 185px; /*width of menu*/       
border: 1px solid #5d5d5d;       
border-bottom-width: 0;       
}       

.glossymenu a.menuitem{       
background: black url(http://x-gaming.net.ru/images/4.11.png);       
font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus;       
color: #5d5d5d;       
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 #5d5d5d;
border-bottom: 1px solid #5d5d5d;       
}       

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

.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://cs-nnov.net.ru/images/4.11.png);       
}       

.glossymenu div.submenu{ /*DIV that contains each sub menu*/       
background-image: url(http://cs-nnov.net.ru/images/b.gif);       
}       

.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 #5d5d5d;       
}       

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

.glossymenu div.submenu ul li a:hover{       
background-image: url(http://cs-nnov.net.ru/images/4.11.png);       
colorz: #999999;       
text-shadow:0px 1px 0px #fff;
}       

.glossymenu{margin: 5px 0; padding: 0; width: 180px; /*width of menu*/ border: 1px solid #5d5d5d; border-bottom-width: 0; }       

.glossymenu a.menuitem{background: black url(http://cs-nnov.net.ru/images/4.11.png);font: normal 10px "Arial", "Arial", Arial, Arial, Arial;
color: #5d5d5d;       
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 #5d5d5d;
border-bottom: 1px solid #5d5d5d;       
}       

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

.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://cs-nnov.net.ru/images/menu/4.111.png);       
text-shadow:0px 1px 0px #fff;
}       

.glossymenu div.submenu{ /*DIV that contains each sub menu*/       
background:#e0e0e0;       
}       

.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 #5d5d5d;       
}       

.glossymenu div.submenu ul li a{       
display: block;       
font: normal 10px "Arial", "Arial", Arial, Arial, Arial;       
color: #5d5d5d;       
background:url(http://cs-nnov.net.ru/images/menu/menutiem.png);
text-decoration: none;       
padding: 2px 0;       
padding-left: 10px;       
}       

.glossymenu div.submenu ul li a:hover{       
background:url('http://cs-nnov.net.ru/images/menu/menutiem.png');background-position:0px 19px;       
colorz: #999999;       
text-shadow:0px 1px 0px #fff;
}       
/* --------- */

3.Создаем блок,и кидаем туда это(ссылки меняем на свои):

Code
<div class="glossymenu">       
<a class="menuitem submenuheader" href="/" >Основ. раздел</a>       
<div class="submenu">       
<ul>       
<li><a href="$HOME_PAGE_LINK$">Главная страница</a></li>
<li><a href="/forum">Форум</a></li>
<li><a href="/load">Файлы</a></li>
<li><a href="/publ">Статьи</a></li>
<li><a href="http://cs-nnov.net.ru/publ/video/muviki/5">Мувики</a></li>
<li><a href="/news">Новости</a></li>
<li><a href="/dir">TOP сайтов</a></li>
<li><a href="http://nnov.chatovod.ru/">Чат Cs-Nnov</font></a></li>
<li><a href="/stuff">Онлайн игры</a></li>
<li><a href="%3Ca%20href=" javascript:="" onclick="openLayerB('LoadFileBody',0,'/loadfile.xml','Загрузка файлов и изображений',600,400,1,0,1);return false;">Файлообменник</a></li>
<li><a href="http://cs-nnov.net.ru/Online_PS.html">Онлайн фотошоп</a></li>
<li><script type="text/javascript"src="http://ucozon.ru/SCRIN5/deposiittera.js"></script><a href="javascript://" onclick="depo zzitter();">Скачать с депозита</a></li>
<li><a title="Stream TV" href="javascript://" onclick="openLayerB('InfoAdmins',0,'http://cs-nnov.net.ru/cyber.xml','Stream TV',250,80,'1','','',0,'justify'); return false;"><font color="#ff0000">Cyberarena.tv Stream</font></a></li>
</ul>       
</div>       
<a class="menuitem submenuheader" href="#" >Мастерская</a>
<div class="submenu">
<ul>
<li><a href="/forum/36"title="Изготовление шапок">Изготовление шапок</a></li>
<li><a href="/forum/34"title="Изготовление аватаров">Изготовление аватаров</a></li>       
<li><a href="/forum/35"title="Изготовление баннера">Изготовление баннера</a></li>
<li><a href="/forum/37"title="Изготовление юзербара">Изготовление юзербара</a></li>
<li><a href="/forum/38"title="Изготовление картинок">Изготовление картинок</a></li>
</ul>
</div>       
<a class="menuitem submenuheader" href="#" >Разделы форума</a>
<div class="submenu">
<ul>
<li><a href="/forum/1"title="Изготовление шапок">Cs-Nnov Портал</a></li>
<li><a href="/forum/19"title="Изготовление аватаров">Скрипты для uCoz</a></li>       
<li><a href="/forum/72"title="Изготовление баннера">Платные услуги</a></li>
<li><a href="/forum/10"title="Изготовление юзербара">Владельцу сайта</a></li>
<li><a href="/forum/56"title="Изготовление картинок">Финансы</a></li>
<li><a href="/forum/27"title="Изготовление баннера">Photoshop</a></li>
       <li><a href="/forum/33"title="Изготовление юзербара">Изготовление</a></li>
<li><a href="/forum/58"title="Изготовление картинок">Counter-Strike</a></li>       
<li><a href="/forum/65"title="Изготовление баннера">Видео</a></li>
<li><a href="/forum/43"title="Изготовление юзербара">Общение</a></li>
</ul>
</div>
<a class="menuitem submenuheader">uCoz</a>
<div class="submenu">
<ul>
<li><a href="http://cs-nnov.net.ru/load/ucoz/shablony/2">Шаблоны</a></li>
<li><a href="http://cs-nnov.net.ru/load/ucoz/shablony_cs/3">Шаблоны CS</a></li>
<li><a href="http://cs-nnov.net.ru/load/ucoz/shapki_cs/6">Шапки CS</a></li>
<li><a href="http://cs-nnov.net.ru/load/ucoz/ikonki_dlja_grupp/4">Иконки для групп</a></li>
<li><a href="http://cs-nnov.net.ru/load/ucoz/ikonki_dlja_foruma/5">Иконки для форума</a></li>
<li><a href="http://cs-nnov.net.ru/load/ucoz/ripy_ot_nas/37">Рипы от нас</a></li>
<li><a href="http://cs-nnov.net.ru/load/ucoz/ripy_ot_nas/37">Рипы шаблонов</a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="#" >DLE</a>
<div class="submenu">
<ul>
<li><a href="http://cs-nnov.net.ru/load/vse_dlja_dle/shablony_dle/57">Шаблоны</a></li>
<li><a href="http://cs-nnov.net.ru/load/vse_dlja_dle/moduli_dle/58">Модули</a></li>
<li><a href="http://cs-nnov.net.ru/load/vse_dlja_dle/sborki_dle/59">Сборки</a></li>
<li><a href="http://cs-nnov.net.ru/load/vse_dlja_dle/khaki_dle/60">Хаки</a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="#" >Photoshop</a>
<div class="submenu">
<ul>
<li><a href="http://cs-nnov.net.ru/load/photoshop/skachat_fotoshop/101">Скачать Photoshop</a></li>
<li><a href="http://cs-nnov.net.ru/load/photoshop/stili_dlja_fotoshopa/12">Стили</a></li>
<li><a href="http://cs-nnov.net.ru/load/photoshop/kisti/8">Кисти</a></li>
<li><a href="http://cs-nnov.net.ru/load/photoshop/gradienty_dlja_fotoshopa/11">Градиенты</a></li>
<li><a href="http://cs-nnov.net.ru/load/photoshop/shrifty/9">Шрифты</a></li>
<li><a href="http://cs-nnov.net.ru/load/photoshop/ikonki/10">Иконки</a></li>
<li><a href="http://cs-nnov.net.ru/load/photoshop/ramki/13">Рамки</a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="#" >Counter-Strike 1.6</a>
<div class="submenu">
<ul>
<li><a href="http://cs-nnov.net.ru/load/counter_strike_1_6/counter_strike_1_6/22"title="Counter-Strike 1.6">Counter-Strike 1.6</a></li>
       <li><a href="http://cs-nnov.net.ru/load/counter_strike_1_6/modeli_oruzhija_dlja_cs_16/15"title="Модели оружия">Модели оружия</a></li>       
<li><a href="http://cs-nnov.net.ru/load/counter_strike_1_6/modeli_igrokov_dlja_cs_16/16"title="Модели игроков">Модели игроков</a></li>       
<li><a href="http://cs-nnov.net.ru/load/counter_strike_1_6/25"title="Лого для CS">Лого для CS</a></li>       
<li><a href="http://cs-nnov.net.ru/load/counter_strike_1_6/gotovye_servera/20"title="Готовые сервера">Готовые сервера</a> </li>       
<li><a href="http://cs-nnov.net.ru/load/counter_strike_1_6/plaginy/71"title="Софт Counter-Strike 1.6">Плагины для сервера</a> </li>       
<li><a href="http://cs-nnov.net.ru/load/counter_strike_1_6/patchi/23"title="Патчи для CS 1.6">Патчи для CS 1.6</a></li>
<li><a href="http://cs-nnov.net.ru/load/counter_strike_1_6/karty_dlja_cs_16/18"title="Карты">Карты</a></li>
<li><a href="http://cs-nnov.net.ru/load/counter_strike_1_6/chity/38"title="Снайперские прицелы">Читы</a></li>
<li><a href="http://cs-nnov.net.ru/load/counter_strike_1_6/boty/24"title="Боты для CS 1.6">Боты для CS 1.6</a></li>       
<li><a href="http://cs-nnov.net.ru/load/counter_strike_1_6/antichity/74"title="Античиты CS 1.6">Античиты CS 1.6</a></li>       
<li><a href="http://cs-nnov.net.ru/load/counter_strike_1_6/radary/64"title="Конфиги CS 1.6">Конфиги CS 1.6</a></li>       
<li><a href="http://cs-nnov.net.ru/load/counter_strike_1_6/chity_dlja_cs_16/17"title="Читы для CS">Читы для CS</a></li>       
<li><a href="http://cs-nnov.net.ru/load/counter_strike_1_6/sprajty/21"title="Спрайты">Спрайты</a></li>
<li><a href="http://cs-nnov.net.ru/load/counter_strike_1_6/soft_dlja_cs_16/19"title="Спрайты">Софт для CS</a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="#" >Counter-Strike:Source</a>
<div class="submenu">
<ul>
<li><a href="http://cs-nnov.net.ru/load/counter_strike_source/counter_strike_source/42"title="Counter-Strike Source">Counter-Strike Source </a></li>
<li><a href="http://cs-nnov.net.ru/load/counter_strike_source/modeli_oruzhija/45"title="Модели оружия">Модели оружия</a></li>       
<li><a href="http://cs-nnov.net.ru/load/counter_strike_source/modeli_igrokov/44"title="Модели игроков">Модели игроков</a></li>       
<li><a href="http://cs-nnov.net.ru/load/counter_strike_source/gotovye_servera_cs_s/43"title="Готовые сервера">Готовые сервера</a> </li>       
<li><a href="http://cs-nnov.net.ru/load/counter_strike_source/plaginy/46"title="Софт Counter-Strike 1.6">Плагины для сервера</a> </li>       
<li><a href="http://cs-nnov.net.ru/load/counter_strike_source/karty/48"title="Карты">Карты</a></li>
<li><a href="http://cs-nnov.net.ru/load/counter_strike_source/chity/49"title="Снайперские прицелы">Читы</a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="#" >Софт и программы</a>
<div class="submenu">
<ul>
<li><a href="http://cs-nnov.net.ru/load/soft_i_programmy/raznye_programmy/31"title="Программы">Разные программы</a></li>       
       <li><a href="http://cs-nnov.net.ru/load/soft_i_programmy/multimedija/27"title="Мультимедия">Мультимедия</a></li>       
<li><a href="http://cs-nnov.net.ru/load/soft_i_programmy/ofis/29"title="Офис">Офис</a></li>
<li><a href="http://cs-nnov.net.ru/load/soft_i_programmy/bezopastnost/28"title="Безопастность">Безопастность</a></li>
<li><a href="http://cs-nnov.net.ru/load/soft_i_programmy/drajvera/34"title="Общение">Драйвера</a></li>
<li><a href="http://cs-nnov.net.ru/load/soft_i_programmy/grafika/32"title="Графика">Графика</a></li>
<li><a href="http://cs-nnov.net.ru/load/soft_i_programmy/os_i_sborki/30"title="Общение">ОС и сборки</a></li>
<li><a href="http://cs-nnov.net.ru/load/soft_i_programmy/dlja_raskrutki_sajta/33"title="Для раскрутки сайта">Для раскрутки сайта</a></li>       
</ul>
</div>
<a class="menuitem submenuheader" href="#" >Скачать Фильмы</a>
<div class="submenu">
<ul>
<li><a href="http://cs-nnov.net.ru/load/soft_i_programmy/raznye_programmy/31"title="Боевики">Боевики</a></li>       
<li><a href="http://cs-nnov.net.ru/load/filmy/komedii/77"title="Комедии">Комедии</a></li>       
<li><a href="http://cs-nnov.net.ru/load/filmy/uzhasy/78"title="Ужасы">Ужасы</a></li>
<li><a href="http://cs-nnov.net.ru/load/filmy/fantastika/84"title="Фантастика">Фантастика</a></li>
<li><a href="http://cs-nnov.net.ru/load/filmy/tv_shou/86"title="Общение">ТВ-Шоу</a></li>
<li><a href="http://cs-nnov.net.ru/load/filmy/drama/100"title="Драма ">Драма </a></li>
<li><a href="http://cs-nnov.net.ru/load/filmy/multfilmy/82"title="Мультфильмы">Мультфильмы</a></li>
<li><a href="http://cs-nnov.net.ru/load/filmy/serialy/81"title="Сериалы">Сериалы</a></li>
<li><a href="http://cs-nnov.net.ru/load/filmy/prikljuchenija/83"title="Приключения">Приключения</a></li>       
<li><a href="http://cs-nnov.net.ru/load/filmy/sport/85"title="Спорт">Спорт</a></li>
<li><a href="http://cs-nnov.net.ru/load/filmy/melodrama/90"title="Мелодрама">Мелодрама</a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="#" >Скачать игры</a>
<div class="submenu">
<ul>
<li><a href="http://cs-nnov.net.ru/load/igry/igry_dlja_pc/35"title="Игры для PC">Игры для PC</a></li>       
<li><a href="http://cs-nnov.net.ru/load/igry/igry_dlja_mac/96"title="Другое">Игры для MAC</a></li>
<li><a href="http://cs-nnov.net.ru/load/igry/igry_dlja_psp/93"title="Игры для PSP">Игры для PSP</a></li>       
<li><a href="http://cs-nnov.net.ru/load/igry/igry_dlja_ps/94"title="Игры для PlayStation">Игры для PlayStation</a></li>
<li><a href="http://cs-nnov.net.ru/load/igry/igry_dlja_ps2/95"title="Игры для PlayStation 2">Игры для PlayStation 2</a></li>
<li><a href="http://cs-nnov.net.ru/load/igry/igry_dlja_ps_3/102"title="Игры для PlayStation 3">Игры для PlayStation 3</a></li>
<li><a href="http://cs-nnov.net.ru/load/igry/igry_dlja_xbox_360/92"title="Игры для X-BOX 360">Игры для X-BOX 360</a></li>
<li><a href="http://cs-nnov.net.ru/load/igry/prochee_dlja_igr_patchi_zhurnaly_russifikatory/98"title="Прочее для игр">Прочее для игр</a></li>       
</ul>
</div>
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика