АВЕСТА
Лук Равновесия |
Волшебная лампа |
Ковер-самолет |
Тестовый |
Привет, Гость! Войдите или зарегистрируйтесь.
АВЕСТА
Лук Равновесия |
Волшебная лампа |
Ковер-самолет |
/* E1 infomenu -------------------------------------------------------------*/ } #nav { padding: 0; margin: 0; list-style: none; height: 35px; position: relative; z-index: 500; font-family: arial, verdana, sans-serif; color: transparent; } #nav li.top { float: left; height: 38px; width: 145px; } #nav li a.top_link { float: left; height: 35px; line-height: 33px; text-decoration: none; font-size: 11px; font-weight: bold; color: transparent; padding: 0 0 0 12px; cursor: pointer; } #nav li a.top_link span { float: left; padding: 0 24px 0 12px; height: 35px; } #nav li a.top_link span.down { float: left; padding: 0 24px 0 12px; height: 35px; } #nav li:hover a.top_link, #nav li.iehover a.top_link { cursor: pointer; } #nav li:hover a.top_link span, #nav li.iehover a.top_link span { cursor: pointer; } #nav li:hover a.top_link span.down, #nav li.iehover a.top_link span.down { cursor: pointer; } /* Default list styling */ #nav li:hover { position: relative; z-index: 200; cursor: pointer; } #nav li:hover ul.sub { left: 1px; top: 37px; background-image: url(http://imgs.su/tmp/1325742649-773.jpg); padding: 3px; width: 155px; height: auto; z-index: 300; cursor: pointer; border: 1px #000; } #nav li:hover ul.sub li { background-image: url(http://imgs.su/tmp/1325742649-773.jpg); height: 20px; position: relative; float: left; width: 155px; font-weight: normal; cursor: pointer; border: 1px #000; } #nav li:hover ul.sub li a { background-image: url(http://imgs.su/tmp/1325742649-773.jpg); font-size: 11px; height: 18px; width: 155px; line-height: 18px; text-indent: 5px; text-decoration: none; cursor: pointer; border: 1px #000; } #nav li ul.sub li a.fly { background: #цвет url(http://imgs.su/tmp/1325742649-773.jpg) 200px 0px no-repeat; cursor: pointer; } #nav li:hover ul.sub li a:hover { background-image: url(картинка); cursor: pointer; } #nav li:hover ul.sub li a.fly:hover { cursor: pointer; } #nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul { left: 155px; top: -4px; padding: 3px; width: 155px; z-index: 400; height: auto; } #nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul { position: absolute; left: -9999px; top: -9999px; width: 0; height: 0; margin: 0; padding: 0; list-style: none; }
<ul id="nav"> <li class="top"><a href="" id="" class="top_link"><span class="down">FAQ</span></a> <ul class="sub"> <li><a href="ссылка">Вопрос-ответ</a></li> <li><a href="" class="fly">Где заказывать?</a> <ul> <li><a href="ссылка">Стили</a></li> <li><a href="ссылка" class="fly">Элементы стиля</a> <ul> <li><a href="ссылка">Шапки</a></li> <li><a href="ссылка">Картинки для меп-карт</a></li> <li><a href="ссылка">Картинки</a></li> <li><a href="ссылка">Фоны</a></li> <li><a href="ссылка">Иконки</a></li> <li><a href="ссылка">Смайлы</a></li> <li><a href="ссылка">Награды</a></li> <li><a href="ссылка">Кнопки</a></li> <li><a href="ссылка">Заголовки</a></li> <li><a href="ссылка">Курсоры</a></li> </ul> </li> <li><a href="ссылка" class="fly">Рекламные элементы</a> <ul> <li><a href="ссылка">Картинки</a></li> <li><a href="ссылка">Логотипы</a></li> <li><a href="ссылка">Баннеры</a></li> </ul> </li> <li><a href="ссылка" class="fly">Элементы профиля</a> <ul> <li><a href="ссылка">Аватарки</a></li> <li><a href="ссылка">Юзербары</a></li> <li><a href="ссылка">Подписи</a></li> <li><a href="ссылка">Комплекты</a></li> </ul> </li> <li><a href="ссылка" class="fly">HTML-заказы</a> <ul> <li><a href="ссылка">Таблицы</a></li> <li><a href="ссылка">Мэп-карты</a></li> </ul> </li> </ul> </li> <li class="mid"><a href="ссылка">Навигация</a> </li> </ul> </li> <li class="top"><a href="" id="" class="top_link"><span class="down">О НАС</span></a> <ul class="sub"> <li><a href="ссылкаi">Наши принципы</a></li> <li><a href="ссылка"> Администрация проекта</a></li> <li><a href="ссылка" class="fly">Правила форума</a> <ul> <li><a href="ссылка">Этика</a></li> <li><a href="ссылка">Общение</a></li> <li><a href="ссылка">Заказы</a></li> <li><a href="ссылка">Реклама</a></li> </ul> </li> <li><a href="ссылка" class="fly">Галерея</a> <ul> <li><a href="ссылка">Стили</a></li> <li><a href="ссылка">Шапки</a></li> <li><a href="ссылка">Картинки</a></li> <li><a href="ссылка">Баннеры</a></li> <li><a href="ссылка">Аватарки</a></li> </ul> </li> </ul> </li> <li class="top"><a href="" id="" class="top_link"><span class="down">ПАРТНЕРСТВО</span></a> <ul class="sub"> <li><a href="" class="fly">О рекламе</a> <ul> <li><a href="ссылка">Правила</a></li> <li><a href="ссылка">Обмен рекламой</a></li> <li><a href="ссылка">Баннерообмен</a></li> <li><a href="ссылка">Элит-реклама</a></li> <li><a href="ссылка">НАШ БАННЕР</a></li> <li><a href="ссылка">НАША РЕКЛАМА</a></li> </ul> </li> <li><a href="ссылка">ПАРТНЕРСКАЯ ПРОГРАММА</a></li> </ul> </li>
нуриэля
/* E2.1 Menu */ #nav {padding:0; margin:0; list-style:none; height:35px; repeat-x; position:relative; z-index:500;} #nav li.top {display:inline-block; float: left; height:38px;} #nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#f0ede8!important; text-decoration:none; width: 157px; font-size:11px; font-weight:bold; padding:0 0 0 0; } #nav li a.top_link span {float:left; display:block; height:35px; background:url(http://mafia-power.ucoz.ru/ginny/li_active.png) no-repeat top left; width: 157px; padding: 2px 24px 0 32px; } #nav li a.top_link span.down {float:left; display:block; height: 34px; line-height: 34px; padding: 2px 24px 0 32px; width: 157px; background: url(http://mafia-power.ucoz.ru/ginny/main-mav-bg.png) no-repeat top left;} #nav li:hover a.top_link, #nav li.iehover a.top_link {color:#цвет; } #nav li:hover a.top_link span, #nav li.iehover a.top_link span { } #nav li:hover a.top_link span.down, #nav li.iehover a.top_link span.down {background:url(http://mafia-power.ucoz.ru/ginny/li_active.png) no-repeat top left;} /* Default list styling */ #nav li:hover {position:relative; z-index:200; } #nav li:hover ul.sub {left:8px; top:27px; padding:3px; white-space:nowrap; width:134px; height:auto; z-index:300; } #nav li:hover ul.sub li {display:block; height: 32px; position:relative; float:left; width:134px; font-weight:normal; background: url(http://mafia-power.ucoz.ru/ginny/li.png) no-repeat } #nav li:hover ul.sub li a {display:block; font-size:12px; height: 32px; width:134px; line-height:26px; text-align: center; color:#f0ede8!important; text-decoration:none; } #nav li ul.sub li a.fly {background:#цвет url(http://mafia-power.ucoz.ru/ginny/li.png) no-repeat; } #nav li:hover ul.sub li a:hover {background-image: url(http://mafia-power.ucoz.ru/ginny/li.png); color:#f0ede8!important; border-color:#цвет; } #nav li:hover ul.sub li a.fly:hover {background:#цвет url(http://mafia-power.ucoz.ru/ginny/li.png) 150px 6px no-repeat; color:#f0ede8!important; } #nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {left:155px; top:-4px; background: #цвет; padding:3px; border:1px solid #цвет; white-space:nowrap; width:160px; z-index:400; height:auto;} #nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav li:hover li:hover a.fly, #nav li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover li:hover a.fly {color:#f0ede8!important; } #nav li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li:hover li a.fly {color:#f0ede8!important;}