Выпадающее меню

[Simple]

по поводу выпадающего меню вопрос снимаю, т.к. всеравно другой скин поставил Спасибо всем за советы )))

[Alecto]

как добавить эффект открытия к css меню?
задержку открытия наверно реализовать нельзя?
чего-то я с меню разобрался, но с эффектими - ничего толкового не нагуглил.

[TyMaH]

задержку открытия наверно реализовать нельзя?

почему нельзя? в теме - выпадающая форма входа, nekstati отписывала задержку всплывания, может и к этому прикрутить получится..посмотрите

[Alecto]

похоже что вот это:

Код: Выделить всё

onmouseover="delay1 = setTimeout('document.getElementById(\'quick-login\').style.zIndex=\'2\'', 500);" onmouseout="clearTimeout(delay1)"

вот только вставка его в ссылку <li><a href="/viewforum.php?f=9" >Фотоотчеты</a> ничего не дала.

други, помогите!

[Alecto]

Вот такая конструкция...

Код: Выделить всё

				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e" onmouseover="delay1 = setTimeout('document.getElementById('menu-1').style.display='block'', 500);" onmouseout="clearTimeout(delay1)">{L_PROFILE}</a>
    					<div id="menu-1">
						<a href="ucp.php?i=main&mode=bookmarks">Закладки</a>
						<a href="ucp.php?i=main&mode=drafts")">Черновики</a>
						<a href="ucp.php?i=pm&folder=outbox">Исходящие</a>
						<a href="ucp.php?i=pm&folder=sentbox">Отправленные</a>
						<a href="ucp.php?i=prefs&mode=personal">Личные настройки</a>
						<a href="ucp.php?i=groups&mode=membership">Группы</a>
					</div>
				</li>

задержка вначале не срабатывает, потом начинает работать непонятно как: меню то висит, то пропадает при наведении мыши.
что я делаю не так?

Добавлено спустя 19 минут 46 секунд:
так есть задержка появления, но потом не убирается менюшка, только тень пропадает, все остальное остается

Код: Выделить всё

onmouseover="delay1 = setTimeout('document.getElementById(\'menu-1\').style.zIndex=\'2\'', 500);" onmouseout="document.getElementById(\'menu-1\').style.zIndex=\'-2\'"

[Custodian]

Всем привет!
Нужен совет по правильному написанию меню из списка форумов
Само меню совсем не нужно,
только правильное прописывание форумов в меню.


То есть,например вид меню такой :

Код: Выделить всё

<div class="Menu">
<ul>
<li><a href="{U_INDEX}" accesskey="h">{L_INDEX} <!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="?">Форум 1</a></li>
<li><a href="?">Форум 2</a></li>
<li><a href="?">Форум 3<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="?">Форум 4</a><a href="?">Переход</a></li>
<li><a href="?">Форум 5</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul>

Отсюда загвоздка :
как прописать следующий форум после Списка меню ( {L_INDEX} )

Ведь у каждого созданного форума свой порядковый номер типа : /forum/viewforum.php?f=52

Совет же нужен как прописать последующий форум с порядковым номером,

а не ссылку в виде http://сайт/forum/viewforum.php?f=16

P.S

Нужен правильный переход на следующий форум,дабы не выкидывало пользователей в начало регистрации на форуме.


Спасибо.

[Custodian]

Извиняюсь : нет ответов знающих людей на мой выше пост?

Или же нет решения этой проблемы?

Ведь вроде нужна лишь одна небольшая подсказка:
как правильно прописывать в порядковом исчислении ссылки на форумы в меню,
не прибегая вставки полного URL адреса?

Поиск ответа на форуме ни чего не дал кроме как вставки в меню Новых и Непрочитанных сообщений с Активными темами.

А вот как с форумами обстоит дело ответов сам не нашел.

Спасибо тем кто поможет или даст пост где об этом сказано.

[bear9]

Добрый день.

Сделал выпадающее меню. На всех страницах форума работает, есть несколько "самописных" страниц - на них работает в мозиле, опере и хроме, а вот в ие не работает.

Добавление своего кода делается в стиле phpbb

Код: Выделить всё

$template->assign_vars(array(
	'ORG_NAME'		=> $name_org[username],
	'TEST_TEXT'		=> $body_table));

page_header('Список текущих закупок');
 
$template->set_filenames(array(
    'body' => 'report_purchase_body.html',
));
 
make_jumpbox(append_sid("{$phpbb_root_path}viewforum.$phpEx"));
page_footer();

гдe $body_table - наполнение страницы.

Код: Выделить всё

include($phpbb_root_path . 'includes/functions.' . $phpEx);

тоже сделано.
report_purchase_body.html:

Код: Выделить всё

<!-- INCLUDE overall_header.html -->
 
<h4>Список закупок у организатора <u>{ORG_NAME}</u></h4>
 
<div class="panel">
    <div class="inner"><span class="corners-top"><span></span></span>
 
    <div class="page-body">
			{TEST_TEXT}
    </div>
 
    <span class="corners-bottom"><span></span></span></div>
</div>
 
<!-- INCLUDE jumpbox.html -->
<!-- INCLUDE overall_footer.html -->

Помогите найти ошибку.

[cossack]

Здравствуйте. Подскажите, как добавить в выпадающее меню "Отметить все форумы как прочитанные"

mark_read.jpg

И, заодно, убрать эту надпись со своего родного места

[Strigops]

Ребята, дайте пожалуйста ссылку на статью, как выпадающее меню сделать для стиля субсильвер2. Вроде ищу тут у вас, а найти не могу.

[Nekstati]

У нас такого не было.
http://www.google.ru/search?q=dropdown+menu

[Alecto]

как анимировать появление меню, описанного в статье http://www.phpbbguru.net/kb/styling/dropdown-menu/

Код: Выделить всё

<li class="icon-ucp">
    <a href="http://site.ru/0" style="display: block">Новое меню</a>
    <div>
        <a href="http://site.ru/1">Первый пункт меню</a>
        <a href="http://site.ru/2">Второй пункт меню</a>
        <a href="http://site.ru/3">Третий пункт меню</a>
    </div>
</li>

?

пробовал так

Код: Выделить всё

				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e" style="display: block" onmouseout="jQuery('#menu-1').slideToggle('fast');" onmouseover="jQuery('#menu-1').slideToggle('fast');">{L_PROFILE}</a>
    					<div id="menu-1">
.......

Код: Выделить всё

#menu-1 {  width: 140px; }

действие почему-то получается обратное: по умолчанию меню открыто, при наведении оно закрывается, убираю мышь - меню открывается.
дальше ничего проверить не удалось.

[Nekstati]

HTML:

Код: Выделить всё

	<li class="icon-ucp">
		<a href="http://site.ru/0" style="display: block">Новое меню</a>
		<div>
			<a href="http://site.ru/1">Первый пункт меню</a>
			<a href="http://site.ru/2">Второй пункт меню</a>
			<a href="http://site.ru/3">Третий пункт меню</a>
		</div>
	</li>

JS (общий для всех меню, располагается где-нибудь внизу страницы, требует jQuery):

Код: Выделить всё

<script type="text/javascript">
	$(function() {
		$('.linklist li').hover(
			function() {$('div', this).stop(true, true).delay(200).slideDown(200);},
			function() {$('div', this).stop(true, true).slideUp(200);}
		);
	});
</script>

Из CSS-кода, описанного в статье, убрать это:

Код: Выделить всё

.linklist li:hover div {
	display: block;
}

[Alecto]

оно самое! спасибище тебе огромное!

Добавлено спустя 59 секунд:
а да, забыл.
пришлось как всегда $ менять на jQuery :)

[Alecto]

если я правильно понимаю, многоуровневое меню создается аналогично первому уровню, т.е. например

Код: Выделить всё

				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e" style="display: block" >{L_PROFILE}</a>
    					<div id="menu-1">
						<a href="ucp.php?i=main&mode=subscribed">Подписки</a>
						<a href="ucp.php?i=pm&folder=outbox" style="display: block" >Исходящие</a>
		    					<div id="menu-1-1">
								<a href="ucp.php?i=pm&folder=sentbox">Отправленные</a>
								<a href="ucp.php?i=prefs&mode=personal">Личные настройки</a>
							</div>
						<a href="ucp.php?i=groups&mode=membership">Группы</a>
					</div>
				</li>

а как быть с CSS?

Код: Выделить всё

.linklist li div {
    position: absolute;
    display: none;
    background-color: #ECF3F7;
    border: 2px solid #00608f;
    z-index: 2;
    margin-left: 0px;
    padding: 5px 0 5px 0;
    width: 187px;
	border-radius: 0 10px;
	box-shadow: 0px 2px 12px;
	-moz-border-radius: 0 10px; -khtml-border-radius: 0 10px;
	-webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px;
	-moz-box-shadow: 0px 2px 12px; -khtml-box-shadow: 0px 2px 12px; -webkit-box-shadow: 0px 2px 12px #555;
}

.linklist li:hover div {
    display: block;
}
 
.linklist li div a {
    display: block;
    text-align: left;
    padding: 0 0 0 15px;
    background-position: 3px 50%;
    background-repeat: no-repeat;
}

что к нему добавлять для второго уровня?