Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Выпадающее меню для форума
У меня все равно под форум открывается вот ссылка
Cделайте скриншот, укажите стрелками на недочёт(И укажите используемый браузер), мну кнешн понимает, что вы главный пользователь mybb ( cколько сообщений моих мы тому назад общались ?, - помните что я вам говорил про экскаатор ?
Отредактировано Deff (Вт, 22 Фев 2011 01:03:41)
здравствуйте...а я никак не пойму, как сделать, что бы окна всплывали. У меня ничего нет, может, какого кода не хватает? (пробую коды здесь: http://romeoanddjulit.rolevaya.ru/#divtab5)
здравствуйте...а я никак не пойму, как сделать, что бы окна всплывали. У меня ничего нет, может, какого кода не хватает?
Я бы советовал для начала не Выпендривацо, а взять коды из самого первого сообщения темы(у Вас же выдран кусок кода оч сложной таблицы, вдобавок без обрамления и скриптов)
Отредактировано Deff (Чт, 24 Фев 2011 08:07:41)
Внимание!!!
Всем, кто в данный момент использует это выпадающее меню, рекомендовано заменить ту часть кода, что расположена в ХТМЛ-низ на это:
<!--Спойлер - контейнер-->
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>Это необходимо сделать во избежании конфликтов кода меню с установленными библиотеками jquery от сервиса.
Здравствуйте, а можно перенести это меню в меню форума. Там где ссылки (форум, Участники и.т.д.)
Alex_T Неудобно по клику то - если по наведению
ну и потом есть тема > Создаем выплывающее меню
Ясно.
Тогда другой вопрос: вроде в коде для выпадающих блоков есть обводка (border насколько я понимаю), но на форуме не отображается.
.spll div .splCont {height: auto; width: 300px; background: #FFFFFF); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #115B9A; font-size: 12px; font-family: Tahoma; text-align: center;}
Alex_T, здравствуйте!
Вы для начала попробуйте стиль меню в HTML-верх исправить.
У Вас:
<style>
div .splLink {width: 175px; height: 40px; background: #FFFFFF; }
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background: #FFFFFF); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #115b9a; font-size:
12px; font-family: Tahoma; text-align: center;}
</style>Сравните с тем, что у Вас написано в посте и уберите лишнюю строку.
Спасибо
У меня не отображает картинку, вставленную вместо текста. С чем это может быть связано и как это решить?
Haneko, у Deff'а вон с адронным коллайдером проблема, а у меня лыжи перестали ездить.. С весной наверное связано.
Ссылку на форум и конкретнее, какая картинка и куда вставлена.
Отредактировано Кофеман (Чт, 31 Мар 2011 21:35:52)
Кофеман
Хо-хо. Вот форум, а картинок несколько. Все они стоят в контейнерах, но не отображаются. Кидать ссылки картинок?
Haneko, а что у Вас там за адреса хитрые?
Уберите в адресах то, что красным выделено -
http://64.19.142.11/redlily.mybb.ru/uploads/000f/29/be/76-5.png
Кофеман
Ого. Воистину хитрые. О__о спасибо Вам большое!
И снова проблема. При нажатии на контейнер, менюшка не выпадает. Может, что-то со скриптами напортачила?
Форум.
И снова проблема. При нажатии на контейнер, менюшка не выпадает. Может, что-то со скриптами напортачила?Форум.
Вот эту табличку вместе со скриптом(внутри) - ставите в Объявление
<center><table style="width: 90%">
<tr>
<td><div class="spll">
<div class=splLink><img src="http://forumupload.ru/uploads/000f/29/be/76-4.png" ></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<b>Администраторы:</b>
<br><a href="http://redlily.mybb.ru/profile.php?id=2">Jeannette</a>
<br><b>Модераторы:</b>
<br><a href="http://redlily.mybb.ru/viewtopic.php?id=35#p78">Идёт набор</a>
</DIV>
</div></td>
<td><div class="spll">
<div class=splLink><img src="http://forumupload.ru/uploads/000f/29/be/76-5.png" ></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<a href="http://redlily.mybb.ru/viewtopic.php?id=2#p2">Правила</a>
<br><a href="http://redlily.mybb.ru/viewtopic.php?id=36">Сюжет</a>
<br><a href="http://redlily.mybb.ru/viewtopic.php?id=22#p37">Расы</a>
<br><a href="http://redlily.mybb.ru/viewtopic.php?id=23#p38">Способности</a>
<br><a href="http://redlily.mybb.ru/viewtopic.php?id=32#p58">Объявления</a>
<br><a href="http://redlily.mybb.ru/viewtopic.php?id=37">Требуемые персонажи</a>
<br><a href="http://redlily.mybb.ru/viewtopic.php?id=3">Шаблон анкеты</a>
</DIV></div></td>
<td><div class="spll">
<div class=splLink><img src="http://forumupload.ru/uploads/000f/29/be/77-4.png" ></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
Ролевая создана и можно приступать к игре. Не забываем пиарить форум. :3
</DIV></div></td>
<td><div class="spll">
<div class=splLink><img src="http://forumupload.ru/uploads/000f/29/be/76-3.png" ></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<a href="http://redlily.mybb.ru/viewtopic.php?id=38#p81">Время в ролевой</a>
<br><a href="http://redlily.mybb.ru/viewtopic.php?id=39">Погода</a>
</DIV></div></td>
<td><div class="spll">
<div class=splLink><img src="http://forumupload.ru/uploads/000f/29/be/77-3.png" ></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Помним, что реклама взаимная.
<br><b>Ник:</b> PR
<br><b>Пароль:</b> 1111
<br><a href="http://redlily.mybb.ru/viewtopic.php?id=13#p13">Правила рекламы</a>
<br><a href="http://redlily.mybb.ru/viewtopic.php?id=17">Наша реклама</a>
<br><a href="http://redlily.mybb.ru/viewtopic.php?id=34#p61"><size=8>Марки, юзербары, значки, подписи Красной Лилии</size></a></b>
</DIV></div></td>
</tr>
</table></center>
</tr>
</table></center>
<center><img src="http://forumupload.ru/uploads/000f/29/be/77-2-f.png" ></center>
<!--Спойлер - контейнер-->
<script type="text/javascript">
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
$(document).ready(function(){});
</script>и выньте всё из HTML низ -сохраните у себя в топике (удалите сразу два скрипта <!--Спойлер - контейнер--> (*Они не нужны - он уже в табличке)
Затем ставите по одному скрипту и наблюдаете когда сворачивание -развертывание кончицо - зачит скрипт кривой - откладываете -ставите следущий - если норма - добавляете еще
затем ставите по одному
Deff
Спасибо, вроде всё "выпадает", но в выпадающем меню нет ни рамок, ни фона. А мне они нужны. Как их сделать? Раньше-то были.
Haneko Хм - вы Поставьте на форум и вещайте о проблеме - я поправлюю стиль для выпадушек - или идите в заказы таблиц и заказывайте целиком - Мне проще работать с Вашим траблом на Вашем форуме, нежели восстанавливать Ваши траблы на своём форуме и править их там
Отредактировано Deff (Пт, 1 Апр 2011 16:11:39)
Deff
Извините. Посмотрите вот тут.
DeffИзв
Поменяйте стиль таблички в HTML верх с этого кода
<style>
div .splLink {width: 130px; height: 40px; border: 2px solid #CC9999; background: #CCCCCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background: url(http://forumupload.ru/uploads/000f/29/be/66-1-f.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #999999; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>
На этот
<style>
.splLink {width: 130px; height: 40px; border: 2px solid #CC9999; background: #CCCCCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll .splCont {height: auto; width: 300px; background: url(http://redlily.mybb.ru/uploads/000f/29/be/66-1-f.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #999999; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>
Отредактировано Deff (Пт, 1 Апр 2011 16:35:54)
| Выпадающее меню для форума не работает! | Корзина | Вт, 27 Апр 2010 |
| выпадающее меню | Корзина | Ср, 2 Сен 2015 |
| Выпадающее меню | Корзина | Пт, 10 Сен 2010 |
| Уменьшить размеры выпадающего меню и размеры панели навигации. | Архив | Ср, 15 Янв 2014 |
| Выпадающее меню | Корзина | Пт, 26 Авг 2011 |
Вы здесь » Единый форум поддержки » Архив » Выпадающее меню для форума