Лучшие игры недели
Группа: Гость
Сегодня: 04.05.2024
Лента последних сообщений форума
Участники Правила Поиск

  • Страница 1 из 1
  • 1
Архив - только для чтения
Игровой форум » Корзина » Корзина » меню новое
меню новое
Snec
Дата: Четверг, 23.09.2010, 08:19 | Сообщение # 1
3 LVL
Сообщений: 269
Награды: 3
Репутация: 4
Замечания: 0%
Скрин - http://s005.radikal.ru/i209/1009/fe/31bc2424b67a.gif
Скачать нужные файлы - http://depositfiles.com/files/x7j3qz2ld
-=Установка=-:
1. Создаем папку images в корне сайта и пихаем туда картинки
2. Создаем папку js и пихаем туда файлы js
3. Пихаем в 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(/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(/images/4.11.png);    
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/    
background-image: url(/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(u/images/4.11.png);    
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: black url(/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(/images/menu/4.111.png);    
}

.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;    
color: #5d5d5d;    
text-decoration: none;    
padding: 2px 0;    
padding-left: 10px;    
}

.glossymenu div.submenu ul li a:hover{    
background:#e0e0e0;    
colorz: #999999;    
}    
/* --------- */

4. В страницы сайта после :
Code
<script type="text/javascript" src="/js/ddaccordion.js"></script>    
<script type="text/javascript" src="/js/sdmenu.js"></script>

5. Сам код меню,пихаем в блок:
Code
<div class="glossymenu">    
<a class="menuitem submenuheader" href="/" >Основ. раздел</a>    
<div class="submenu">    
<ul>    
<li><a href="http://rip-city.at.ua/"><FONT color=#ff0000><B>Рип by rip-city.at.ua</B></FONT></a></li>    
<li><a href="http://rip-city.at.ua/"><FONT color=#ff0000><B>Рип by rip-city.at.ua</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>

Кому пригодилось ставим


[Table] [/Table]
 
w0sp1k
Дата: Четверг, 23.09.2010, 16:50 | Сообщение # 2
BF3
Сообщений: 2545
Награды: 98
Репутация: 11226
Замечания: 0%
было angry

Мой новый проект - http://playbaze.ru/
 
Игровой форум » Корзина » Корзина » меню новое
  • Страница 1 из 1
  • 1
Поиск: