Герда
окей, попробуем.
- Подпись автора
Когда я погибну, ветер порвет паруса,
И потеряет в тумане путник следы,
И кто-то в страхе проклянет небеса.
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Устаревшие скрипты и коды » Выпадающее главное меню. v3 (MyBB)
Герда
окей, попробуем.
Когда я погибну, ветер порвет паруса,
И потеряет в тумане путник следы,
И кто-то в страхе проклянет небеса.
После того как я поставила эти коды, главное меню навигации вылезло за пределы форума.
скрин:
Подскажите пожалуйста как сделать так, чтобы меню навигации (форум, участники и т.д.), и нижнее меню (новые сообщения, мои сообщения и т.д.) стояли по центру форума?
ссылка, если нужно: http://ourhate.spybb.ru/
На моём форуме поставлены 2 дизайна разной ширины. На том дизайне что пошире меню стоит чётко (подстроила с помощью процентов), но стоит переключится на тот, который поуже - та же история - съезжает влево.
Думаю, что это подкорректировать никак нельзя (или всё таки можно? )
А нет. можно.... удалить узкий дизайн
Очень классная вещь.Спасибо)
Выпадающее главное меню. v5
(на ajax запросах)
после того как починили кодировку и криллица стала отображаться, захотелось побаловаться с меню, пункты которого формируются через ajax запросы, чем такое меню интереснее предыдущих вариантов, тем что не надо вручную добавлять новые пункты, которые периодически появляются с добавлением нового функционала на форуме (Файлы, Резервные копии и т.д.)
выпадающими кроме Админменю, являются пункты Профиль, Сообщения и список Участников
в html-верх:
/*выпадающее меню*/ <style type="text/css"> #pun-navlinks{display: block;position: relative;z-index: 9999;opacity: 0.9;filter: alpha(opacity=90);} #pun-navlinks ul li {margin: 0px 20px 0px 0px;float: left;display: inline;list-style: none;position: relative;height: 24px;} #pun-navlinks ul ul {padding: 0px 0px 12px 0px;width: 175px;list-style: none;display: none;position: absolute;top: 24px;left: -5px;border: 1px solid #222; background-color: #111; background-image: -moz-linear-gradient(#444, #111); background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111)); background-image: -webkit-linear-gradient(#444, #111); background-image: -o-linear-gradient(#444, #111);background-image: -ms-linear-gradient(#444, #111);background-image: linear-gradient(#444, #111); -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;} #pun-navlinks ul ul li {width: 164px;float: left;display: block !important;text-align:center;} /* 2nd Menu */ #pun-navlinks ul li:hover li a, #pun-navlinks ul li.iehover li a {float: none;color: #fff;} #pun-navlinks ul ul ul li:first-child a:after {content: '';position: absolute;left: -6px;top: 50%;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #444;} /* 2nd Menu Hover Persistence */ #pun-navlinks ul li:hover li a:hover, #pun-navlinks ul li:hover li:hover a, #pun-navlinks ul li.iehover li a:hover, #pun-navlinks ul li.iehover li.iehover a {color: #ffcc33;text-decoration:none;font-weight:bold;text-transform: uppercase;text-shadow: 0 1px 0 #000;} #pun-navlinks ul ul li:hover {background-color: #0186ba; background-image: -moz-linear-gradient(#04acec, #0186ba);background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));background-image: -webkit-linear-gradient(#04acec, #0186ba);background-image: -o-linear-gradient(#04acec, #0186ba);background-image: -ms-linear-gradient(#04acec, #0186ba);background-image: linear-gradient(#04acec, #0186ba); -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;} /* Do Not Move - Must Come Before display:block for Gecko */ #pun-navlinks ul li:hover ul ul, #pun-navlinks ul li:hover ul ul ul, #pun-navlinks ul li.iehover ul ul, #pun-navlinks ul li.iehover ul ul ul {display: none;position: absolute;top: 0;left: 160px;} #pun-navlinks ul li:hover ul, #pun-navlinks ul ul li:hover ul, #pun-navlinks ul ul ul li:hover ul, #pun-navlinks ul li.iehover ul, #pun-navlinks ul ul li.iehover ul, #pun-navlinks ul ul ul li.iehover ul {display: block;} </style>
в html-низ:
<!--Меню--> <script type="text/javascript"> $('#navuserlist').append('<ul id="userpol"></ul>');$('#navprofile').append('<ul id="UserUL"></ul>'); $('#navpm').append('<ul id="UsMess"></ul>'); $('#navadmin').append('<ul id="adminUL"></ul>'); $.get('admin_index.php','',AdminMenu); function AdminMenu(data){ $(data).find('#adnav-standard ul:not(.adsubnav)').each(function(){ var sub1=$(this).find('li.item6 a').attr('href'); $(this).find('li.item6 ul a').each(function(){ aa=$(this).attr('href');bb=(sub1+aa);$(this).attr('href', bb);}); var sub2=$(this).find('li.item7 a').attr('href'); $(this).find('li.item7 ul a').each(function(){ vv=$(this).attr('href');zz=(sub2+vv);$(this).attr('href', zz);}); var Punkt=$(this).html();$('#adminUL').append(Punkt); });} $.get('userlist.php','',processContacts); function processContacts(data){ $(data).find('td.tcl').each(function(){ var JUser=$(this).find('span.usersname').text();var ULink=$(this).find('span.usersname a').attr('href'); $('#userpol').append('<li><a href="'+ULink+'">'+JUser+'</a></li>'); });} $.get('profile.php?id='+UserID,'',UserMenu); function UserMenu(data){ $(data).find('#profilenav ul').each(function(){ var UsM=$(this).html();$('#UserUL').append(UsM); });} $.get('messages.php','',UserMess); function UserMess(data){ $(data).find('#profilenav ul').each(function(){ var UMess=$(this).html();$('#UsMess').append(UMess); });} </script>
- У меня на форуме все съехало ниже и левее, нежели надо. Как можно исправить эту ошибку? (если что, то я использовал код, который дал Romych).
http://rolegame.7bb.ru/
А куда jQuery 1.4 вставлять?
- У меня на форуме все съехало ниже и левее, нежели надо. Как можно исправить эту ошибку? (если что, то я использовал код, который дал Romych).
http://rolegame.7bb.ru/
У меня тоже(
Romych
Здравствуйте.
2 вопроса.
1. - Куда вставлять jQuery 1.4? Я так и не поняла.
2. - Во втором коде, который Вы указали все отлично. Но все съезжает намного ниже. Как это исправить?
После установки скрипта из сообщения №15 в списке активных пользователей, оказывается что многие пользователи "читают личные сообщения"
Можно ли исправить эту ситуацию?
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Устаревшие скрипты и коды » Выпадающее главное меню. v3 (MyBB)