Меню как на ucozon.ru модернизированое(красное)

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1
1

DoodleZ

Четверг, 14.10.2010, 15:49 | Сообщение # 1

HTML редактор VP

Сообщений:

573

Награды:

[T able]Вставляем в <./head.> или верхнюю часть сайта[/T able]

Code

[T able]Это в ксс[/T able]

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

[T able]Это в блок:[/T able]

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>

[T able]Скачать файлы http://narod.ru/disk/25851161000/menu_img.rar.html [/T able]
[ok]Не забудь про + wink

[/ok]

Меню как на ucozon.ru модернизированое(красное)

Страница 1 из 1
1

Меню как на ucozon.ru модернизированое(красное) - Форум