Доброго времени суток всем!

Требуется сделать следующее: вместо дефалтного ввода логина/пароля на форуме, оставить просто ссылку "Вход", при нажатии на которую рядышком будет "выпадать" форма ввода логина/пароля.

Подскажите пожалуйста каким конкретно образом сделать это выпадающее окно.

Всем заранее огромное спасибо!

KolobOKs добавил 12.08.2010 в 12:28
Нечто похожее есть на данной странице _http://eu.battle.net/ru/
Важно, чтобы это окошко открывалось прямо поверх форума, без перехода на новую страницу

KolobOKs, Я делал так. (Пример http://forum.club-mobile.info/)
Можно сделать чтоб всплывало в любом месте

Просто шикарно, подскажи пожалуйста, как ты это реализовал?

В нужное место, где хотим видеть "Выйти" или "Войти", вставялем код

<if condition="$show['member']">
<a id="header_menu" href="#" accesskey="4" rel="nofollow">$bbuserinfo[username]</a><script type="text/javascript"> vbmenu_register("header_menu"); </script> | <a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a>
<else />
<a href="#" onclick="document.getElementById('wind').style.display='block'; return false;" title="Всплывающее окно">Войти</a> | <if condition="$show['registerbutton']"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></if></div>
</if>

Затем, ниже вставляем код из навбара, окруженный дивом с ИД

<div id="wind">
<center>
<!-- breadcrumb, login, pm info -->
<table cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center" style="margin-top: 20px;">
<tr>
<if condition="$show['member']">

<else />
	<td nowrap="nowrap" style="padding:0px">
		<!-- login form -->
		<form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
		<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
		<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
		<tr>
			<td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">$vbphrase[username]</label></td>
			<td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
			<td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
		</tr>
		<tr>
			<td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
			<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
</tr>
<tr>
			<td><input type="submit" type="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
<td><button type="button" value="Закрыть" onclick="document.getElementById('wind').style.display='none'; return false;">
Закрыть</button></td>
		</tr>
		</table>
		<input type="hidden" name="s" value="$session[sessionhash]" />
		<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
		<input type="hidden" name="do" value="login" />
		<input type="hidden" name="vb_login_md5password" />
		<input type="hidden" name="vb_login_md5password_utf" />
		</form>
		<!-- / login form -->
	</td>
</if>
</tr>
</table>
</center>
<!-- / breadcrumb, login, pm info -->
</div>

CSS

#wind {
    position: fixed;
    overflow: hidden;
    display: none;
    left: 40%;
    top: 350px;
    z-index: 10;
    text-align:center;
    padding:10px;
    width: 356px;
    height: 148px;
    background: url('путь_к_своей_картинке') no-repeat;
}

Небольшое обновление!!!
Забыл код вывода менюшки после логина. В том же шаблоне добавляем

	<!-- header quick search form -->
	<div class="vbmenu_popup" id="header_menu_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
		<table cellpadding="4" cellspacing="1" border="0">
		<tr>
			<td class="thead">Меню пользователя</td>
		</tr>
		<tr>
			<td class="vbmenu_option" title="nohilite">
	<div class="smallfont">

		<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>

		<if condition="$show['notifications']">
			<div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div>
			<if condition="$show['popups']">
				<script type="text/javascript"> vBmenu.register("notifications"); </script>
			<else />
				<script type="text/javascript" src="clientscript/vbulletin_notifications_nopopups.js?v=$vboptions[simpleversion]"></script>
				<script type="text/javascript"> vBulletin.register_control("vB_Notifications_NoPopups", "notifications");  </script>
			</if>
		<else /><if condition="$show['pmstats']">
			<div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
		</if></if>

		<if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if>
	</div>
			</td>
		</tr>
		</table>
	</div>
	<!-- / header quick search form -->

Оффтоп

Sven, мои кнопочки

Оффтоп

WaXa, твиттер и контакт?) Да, нагло стырил)))
Хотя и на других видел)

Оффтоп

Sven, на здоровье
Кстати, объясни, как сделать такой эффект для титлов?) видел на форуме у альфы раньше, теперь вот у тебя