1. Дата
2. Заказчик + форум
3. Код
Стили для скрипта информационного меню
Страница: 1
Сообщений 1 страница 3 из 3
Поделиться126.10.09 21:12
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Поделиться226.10.09 21:13
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
1. 2009-10-13
2. LiSa
3.
в style.css
Свернутый текст
Код:/* E1 infomenu -------------------------------------------------------------*/ #nav {padding:0; margin:0; list-style:none; height:35px; background-image: url(http://i033.radikal.ru/0910/fc/b5a370745a55.jpg); repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;} #nav li.top {display:block; float:left; height:38px;} #nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;} #nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; right top no-repeat;} #nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url() no-repeat right top;} #nav li:hover a.top_link, #nav li.iehover a.top_link {color:#fff; background: url() no-repeat; cursor:pointer;} #nav li:hover a.top_link span, #nav li.iehover a.top_link span {background:url(http://i077.radikal.ru/0910/ed/0842daa465fb.jpg) no-repeat right top; cursor:pointer;} #nav li:hover a.top_link span.down, #nav li.iehover a.top_link span.down {background:url(http://s58.radikal.ru/i162/0910/ce/3a591c12e9f0.jpg) no-repeat right top; cursor:pointer;} /* Default list styling */ #nav li:hover {position:relative; z-index:200; cursor:pointer;} #nav li:hover ul.sub {left:1px; top:38px; background: #000; padding:3px; border:1px solid #fff; white-space:nowrap; width:230px; height:auto; z-index:300; cursor:pointer;} #nav li:hover ul.sub li {display:block; height:20px; position:relative; float:left; width:230px; font-weight:normal; cursor:pointer;} #nav li:hover ul.sub li a {display:block; font-size:11px; height:18px; width:230px; line-height:18px; text-indent:5px; color:#fff; text-decoration:none;border:1px solid #000; cursor:pointer;} #nav li ul.sub li a.fly {background:#000 url(http://s13.radikal.ru/i186/0910/c0/986487ecca9e.jpg) 225px 6px no-repeat; cursor:pointer;} #nav li:hover ul.sub li a:hover {background-image: url(http://s51.radikal.ru/i132/0910/82/595a7dd52aba.jpg); color:#fff; border-color:#fff; cursor:pointer;} #nav li:hover ul.sub li a.fly:hover {background:#656565 url(http://s13.radikal.ru/i186/0910/c0/986487ecca9e.jpg) 225px 6px no-repeat; color:#fff; 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:235px; top:-4px; background: #000; padding:3px; border:1px solid #fff; white-space:nowrap; width:230px; 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 {background:#656565 url(http://s13.radikal.ru/i186/0910/c0/986487ecca9e.jpg) 225px 6px no-repeat; color:#fff; border-color:#ddd;} #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 {background:#656565 url(http://s13.radikal.ru/i186/0910/c0/986487ecca9e.jpg) 2250px 6px no-repeat; color:#fff; border-color:#fff;}
в то место, где ставишь меню:
Свернутый текст
Код:<ul id="nav"> <li class="top"><a href="http://missionhellfiresecrets.rolka.su" class="top_link"><span>Главная</span></a></li> <li class="top"><a href="" class="top_link"><span>Штаб</span></a> <ul class="sub"> <li><a href="" class="fly">Регистрация</a> <ul> <li><a href="http://missionhellfiresecrets.rolka.su/viewtopic.php?id=2">Шаблон Анкеты</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewtopic.php?id=54">Зазеркалье. Заявка</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewtopic.php?id=55">Инферналь. Заявка</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewtopic.php?id=56">Канцелярия. Заявка</a></li> </ul> </li> <li><a href="" class="fly">Правила</a> <ul> <li><a href="http://missionhellfiresecrets.rolka.su/viewtopic.php?id=3">Свободные роли</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewtopic.php?id=22">Кодекс</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewtopic.php?id=51">Грамотный Пост</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewtopic.php?id=52">Правила Отыгрыша</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewtopic.php?id=53">О Персонажах!</a></li> </li> </ul> <li><a href="" class="fly">Сюжет</a> <ul> <li><a href="http://missionhellfiresecrets.rolka.su/viewtopic.php?id=18">Основная Концепция</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewtopic.php?id=57">Квесты</a></li> </ul> </li> </ul> </li> <li class="top"><a href="" class="top_link"><span>Игровой Мир</span></a> <ul class="sub"> <li><a href="" class="fly">Лондон</a> <ul> <li><a href="http://missionhellfiresecrets.rolka.su/viewforum.php?id=6">Площади</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewforum.php?id=8">Улицы</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewforum.php?id=9">Рестораны/ кафе/ клубы</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewforum.php?id=10">Квартиры и дома</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewforum.php?id=11">Отель Athenaeum Hotel and Apartments</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewforum.php?id=12">Парки. Музеи. Достопримечательности</a></li> </ul> </li> <li><a href="" class="fly">Лондон. Особняк Гессингов. Территории</a> <ul> <li><a href="http://missionhellfiresecrets.rolka.su/viewforum.php?id=13">Особняк Гессингов</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewforum.php?id=14">Частная клиника Стигма</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewforum.php?id=15">Квартира Старого Фонда в центре Лондона</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewforum.php?id=16">Психиатрическая лечебница Некрополь</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewforum.php?id=18">Частная военная Гимназия Misericord</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewforum.php?id=19">Военный Полигон</a></li> </li> </ul> <li><a href="" class="fly">Другая сторона</a> <ul> <li><a href="http://missionhellfiresecrets.rolka.su/viewforum.php?id=24">Канцелярия</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewforum.php?id=26">Зазеркалье</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewforum.php?id=25">Инферналь</a></li> </ul> </li> </ul> </li> <li class="top"><a href="" class="top_link"><span>Информбюро</span></a> <ul class="sub"> <li><a href="http://missionhellfiresecrets.rolka.su/viewtopic.php?id=58" class="fly">Вопросы и предложения</a></li> </ul> </li> <li class="top"><a href="" class="top_link"><span>Прочее</span></a> <ul class="sub"> <li><a href="http://missionhellfiresecrets.rolka.su/viewforum.php?id=20" class="fly">Официальный Флуд</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewforum.php?id=22" class="fly">Игровая Зона</a></li> <li><a href="" class="fly">Реклама</a> <ul> <li><a href="http://missionhellfiresecrets.rolka.su/viewtopic.php?id=21">Правила. Наш баннер</a></li> <li><a href="http://missionhellfiresecrets.rolka.su/viewtopic.php?id=20">Ваша Реклама</a></li> </ul> </li> </ul> </li> </ul>
Поделиться313.12.09 18:31
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
1. 13.12.09
2. lonely http://vikky.mybb.ru/
3.
CSS
Свернутый текст
Код:/* E1 infomenu -------------------------------------------------------------*/ #nav {padding:0; margin:0; list-style:none; height:45px; background-image: url(https://forumupload.ru/uploads/0007/e3/f7/16929-1-f.png); repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;} #nav li.top {display:block; float:left; height:38px;} #nav li a.top_link {display:block; float:left; height:45px; line-height:33px; color:#000; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;} #nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:45px; right top no-repeat;} #nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:45px; background: url(http://i069.radikal.ru/0908/92/6c4d85925bb5.gif) no-repeat right top;} #nav li:hover a.top_link, #nav li.iehover a.top_link {color:#000; background: url(https://forumupload.ru/uploads/0007/e3/f7/16857-1.png) no-repeat; cursor:pointer;} #nav li:hover a.top_link span, #nav li.iehover a.top_link span {background:url(https://forumupload.ru/uploads/0007/e3/f7/16857-1.png) no-repeat right top; cursor:pointer;} #nav li:hover a.top_link span.down, #nav li.iehover a.top_link span.down {background:url(https://forumupload.ru/uploads/0007/e3/f7/16910-1.png) no-repeat right top; cursor:pointer;} /* Default list styling */ #nav li:hover {position:relative; z-index:200; cursor:pointer;} #nav li:hover ul.sub {left:1px; top:38px; background: url(https://forumupload.ru/uploads/0007/e3/f7/16911-1.jpg) ; padding:3px; border:1px solid #000; white-space:nowrap; width:160px; height:auto; z-index:300; cursor:pointer;} #nav li:hover ul.sub li {display:block; height:20px; position:relative; float:left; width:150px; font-weight:normal; cursor:pointer;} #nav li:hover ul.sub li a {display:block; font-size:11px; height:18px; width:160px; line-height:18px; text-indent:5px; color:#fff; text-decoration:none;border:1px solid url(https://forumupload.ru/uploads/0007/e3/f7/16911-1.jpg) ; cursor:pointer;} #nav li ul.sub li a.fly {background:# 6600ff url(http://i039.radikal.ru/0908/9e/497f4175123f.gif) 150px 6px no-repeat; cursor:pointer;} #nav li:hover ul.sub li a:hover {background-image: url(https://forumupload.ru/uploads/0007/e3/f7/16860-1.jpg); color:#000; border-color:#000; cursor:pointer;} #nav li:hover ul.sub li a.fly:hover {background:#c2a0c0 url(http://s41.radikal.ru/i092/0908/6a/7ad9801a2454.gif) 150px 6px no-repeat; color:#fff; 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; background: url(https://forumupload.ru/uploads/0007/e3/f7/16911-1.jpg) ; padding:3px; border:1px solid #000; 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 {background:#cfcfcf url(http://s41.radikal.ru/i092/0908/6a/7ad9801a2454.gif) 150px 6px no-repeat; color:#000; border-color:#fff;} #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 {background:#ffffff url(http://i039.radikal.ru/0908/9e/497f4175123f.gif) 150px 6px no-repeat; color:#000; border-color:#fff;}
HTML
Свернутый текст
Код:<ul id="nav"> <li class="top"><a href="http://vikky.mybb.ru/" class="top_link"><span>На главную</span></a></li> <li class="top"><a href="" id="" class="top_link"><span class="down">Форум</span></a> <ul class="sub"> <li><a href="http://vikky.mybb.ru/viewforum.php?id=2">Тех.поддержка</a></li> <li><a href="http://vikky.mybb.ru/viewforum.php?id=10">Новости</a></li> </ul> </li> <li class="top"><a href="" id="" class="top_link"><span class="down">Вика</span></a> <ul class="sub"> <li><a href="http://vikky.mybb.ru/viewtopic.php?id=35#p176"> Ссылки</a></li> <li><a href="" class="fly"> Фото</a> <ul> <li><a href=" http://vikky.mybb.ru/viewtopic.php?id=6">Детские</a></li> <li><a href=" http://vikky.mybb.ru/viewtopic.php?id=8"> Эксклюзивные</a></li> <li><a href=" http://vikky.mybb.ru/viewtopic.php?id=7"> Повседневные</a></li> <li><a href=" http://vikky.mybb.ru/viewtopic.php?id=34#p174"> С концертов</a></li> </ul> </li> <li><a href="" class="fly"> Видео</a> <ul> <li><a href=" http://vikky.mybb.ru/viewtopic.php?id=33#p173"> С концертов</a></li> <li><a href=" http://vikky.mybb.ru/viewtopic.php?id=32"> Простые видео</a></li> </ul> </li> <li><a href="" class="fly"> Личный блог</a> <ul> <li><a href=" http://vikky.mybb.ru/viewtopic.php?id=24">Вопросы</a></li> <li><a href=" http://vikky.mybb.ru/viewtopic.php?id=25"> Пожелания</a></li> </ul> </li> <li><a href="http://vikky.mybb.ru/viewforum.php?id=5"> Концерты</a></li> <li><a href="http://vikky.mybb.ru/viewtopic.php?id=10"> Биография</a></li> <li><a href="http://vikky.mybb.ru/viewtopic.php?id=9"> Новости</a></li> </ul> </li> <li class="top"><a href="" id="" class="top_link"><span class="down">Отдых</span></a> <ul class="sub"> <li><a href="http://vikky.mybb.ru/viewtopic.php?id=4&p=6#p175"> Общалка</a></li> </ul> </li> <li class="top"><a href="" id="" class="top_link"><span class="down">Фан-Арт</span></a> <ul class="sub"> <li><a href="http://vikky.mybb.ru/viewtopic.php?id=11">Аватары,подписи и т.п.</a></li> <li><a href="http://vikky.mybb.ru/viewtopic.php?id=14">Рисунки</a></li> <li><a href="http://vikky.mybb.ru/viewtopic.php?id=13">Стихи</a></li> </ul> </li> <li class="top"><a href="http://vikky.mybb.ru/viewforum.php?id=9" class="top_link"><span>Архив</span></a></li> </ul>
Страница: 1
