Хостинг от uCoz
Место свободно
Баннерообмен
Заказать рекламу
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: BLaZe  
Супер выдвижное меню NEW
Сообщение

[Table]Скачать
1. Создаем папку images в корне сайта и пихаем туда картинки.
2. Создаем папку js и пихаем туда файлы js.
3. Пихаем в css:[/Table]

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;             
}             
/* -------- */

[Table]
4. В страницы сайта после </head>:[/Table]

Code
<script type="text/javascript" src="/js/ddaccordion.js"></script>             
<script type="text/javascript" src="/js/sdmenu.js"></script>

[Table]5. Сам код меню, ставим в блок: [/Table]

Code
<div class="glossymenu">             
<a class="menuitem submenuheader" href="/" >Основ. раздел</a>             
<div class="submenu">             
<ul>             
<li><a href="http://www.vik-games.net.ru/"><FONT color=#ff0000><B>Все скрипты только у нас http://www.vik-games.net.ru//</B></FONT></a></li>             
<li><a href="http://www.vik-games.net.ru//"><FONT color=#ff0000><B>http://www.vik-games.net.ru/</B></FONT></a></li>             
<li><a href="http://www.vik-games.net.ru/">Главная страница</a></li>             
<li><a href="http://www.vik-games.net.ru/">Гостевая</a></li>             
<li><a href="http://www.vik-games.net.ru/">Статьи</a></li>             
<li><a href="http://www.vik-games.net.ru/">Форум</a></li>             
</ul>             
</div>             

<a class="menuitem submenuheader" href="/" >Чета ваше</a>             
<div class="submenu">             
<ul>             
<li><a href="http://www.vik-games.net.ru/">Чета ваше</a></li>             
<li><a href="http://www.vik-games.net.ru/">Чета ваше</a></li>             
<li><a href="http://www.vik-games.net.ru/">Чета ваше</a></li>             
<li><a href="http://www.vik-games.net.ru/">Чета ваше</a></li>             
</ul>             
</div>             

<a class="menuitem submenuheader" href="/" >Чета ваше</a>             
<div class="submenu">             
<ul>             
<li><a href="http://www.vik-games.net.ru/">Чета ваше</a></li>             
<li><a href="http://www.vik-games.net.ru/">Чета ваше</a></li>             
<li><a href="http://www.vik-games.net.ru/">Чета ваше</a></li>             
<li><a href="http://www.vik-games.net.ru/">Чета ваше</a></li>             
</ul>             
</div>

Автор - Max
Дата добавления - 10.11.11 в 19:38:59
Max Дата: Четверг, 10.11.11, 19:38:59 | Сообщение # 1
Player
Рейтинг: 21
Сообщений: 11
Ранг 1
Награды: 1
[Гости не могут видеть сообщения, пожалуйста войдите в аккаунт или зарегестрируйтесь]

[Table][/Table]
[Table][/Table]
Российская Федерация
  • Страница 1 из 1
  • 1
Поиск:


GameR-bY.net.ru тут есть все Сайт оптимизирован под браузер Opera. Sitemap | Sitemap-forum | Tags |
Дизайн данного сайта полностью принадлежит пользователям ucoz.


Вся информация предоставленная на сайте является собственностью авторов. Любую информацию размещенную на сайте разрешенО копировать без размещения ссылки на источник. Дизайн данного сайта принадлежит полностью администратору сайта. Категорически разрешенО копировать и использовать без соглашения главного администратора. За использование дизайна без согласия главного администратора, полагается Подарок от администрацией хостера (в данном случае системы uCoz).
Yandex | Google | Rambler | Yahoo | Mail