Главная
Форум
Файлы
Статьи
Галерея
Создать сайт
Купить ссылку
Заказать рекламу
Вход
Регистрация
Рекламa:
Участники форума
Правила сайта
Поиск
Новые темы
Вакансии
Страница
1
из
1
1
Форум
»
Скрипты для uCoz
»
Меню для сайта
»
Раздвижное меню Под черный диз
Раздвижное меню Под черный диз
Мэт
Дата: Четверг, 14.06.2012, 22:01 | Сообщение #
1
Offline
Пользователь: №1
Сообщений: 217
4
Создаем папку images в корне сайта и заливаем туда картинки.
Создаем папку js и заливаем туда файлы js.
Скачать:
Menu
Это в 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: url() #c5c5c5;
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() #c5c5c5;
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background-image: url() #c5c5c5;
}
.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() #c5c5c5;
colorz: #999999;
}
.glossymenu{margin: 5px 0; padding: 0; width: 180px; /*width of menu*/ border: 1px solid #5d5d5d; border-bottom-width: 0; }
.glossymenu a.menuitem{background:url(/images/m2.png) #c5c5c5 ;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: url(/images/m3.png) #c5c5c5;
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background:#d5d5d5;
}
.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;
background:url(/images/m1.png)#c5c5c5;background-position:1px -20px;
text-decoration: none;
padding: 2px 0;
padding-left: 15px;
}
.glossymenu div.submenu ul li a:hover{
background:url(/images/m1.png);
colorz: #999999;
}
/* -------- */
В страницы сайта после (или в ниж.часть сайта в самый низ,так лучше)
Code
<script type="text/javascript" src="/js/ddaccordion.js"></script>
<script type="text/javascript" src="/js/sdmenu.js"></script>
Сам код меню, ставим в блок
Code
<div class="glossymenu">
<a class="menuitem submenuheader" href="/" >Основ. раздел</a>
<div class="submenu">
<ul>
<li><a href="/"><FONT color=#ff0000><B>Рип </B></FONT></a></li>
<li><a href="/"><FONT color=#ff0000><B>Рип </B></FONT></a></li>
<li><a href="/">Главная страница</a></li>
<li><a href="/gb/">Гостевая</a></li>
<li><a href="/publ/">Статьи</a></li>
<li><a href="/forum/">Форум</a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="/" >Чета ваше</a>
<div class="submenu">
<ul>
<li><a href="/">Чета ваше</a></li>
<li><a href="/">Чета ваше</a></li>
<li><a href="/">Чета ваше</a></li>
<li><a href="/">Чета ваше</a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="/" >Чета ваше</a>
<div class="submenu">
<ul>
<li><a href="/">Чета ваше</a></li>
<li><a href="/">Чета ваше</a></li>
<li><a href="/">Чета ваше</a></li>
<li><a href="/">Чета ваше</a></li>
</ul>
</div>
----------------------------------
• WMID - 355982631318
• WMR - R249840205088
----------------------------------
Форум
»
Скрипты для uCoz
»
Меню для сайта
»
Раздвижное меню Под черный диз
Страница
1
из
1
1
Главная страница форума
Info-craft
I-F Portal
Обновления сайта
Конкурсы
Правила сайта
Набор персонала
Баннерообмен
Графика для IC
Заказ графики у дизайнеров
Изготовление другой графики
Изготовление Аватарки
Изготовление Баннера
Изготовление Шапки
Photoshop / After Effects
Оригинальные шаблоны
Вопросы по фотошопу
Полезные статьи
Дуэли
Оценивание работ фотошоперов
Уроки / Видеоуроки
Готовые PSD работы
Общение
Опросы
Общение на разные темы
Обсуждение компьютерных игр
Обсуждение фильмов
Приколы
Форумные игры
Музыка
Пользовательские конкурсы
Скрипты для uCoz
Вопросы по uCoz
Новости сайта
Меню для сайта
Мини-чат
Часы
Плееры\Радио
Мини-профиль и Форма входа
Форум
Другие скрипты для uCoz
Информеры\Статистика
Каталог файлов
Каталог сайтов
Поиск скриптов
Админы сервера
Мусорка
Корзина
Поиск:
Интересное для тебя
Чат
Для добавления сообщения
войдите
или
зарегистрируйтесь
.
Сервер Counter-Strike 1.6
Топ пользователей форума
Последние обновленные темы
Ответов:
Тема:
Интересные статьи