Замена ссылки входа и выхода

[guru3000]

ОПИСАНИЕ: Изначально в phpBB на странице отображения форумов вверху выведена ссылка на вход или выход с форума, при нажатии на которую незарегистрированный или неавторизированный пользователь переходил на новую страницу с полями для ввода логина и пароля. Дпнный хак меняет ссылку на форму, куда пользователь сразу вводит свои данные и автоматически авторизируется на форуме.
Навеено движком форума MyBB.
ТОЛЬКО ДЛЯ СТИЛЯ proSilver и стилей на его основе
УСТАНОВКА:
1) HTML правка
Открыть: /styles/prosilver/template/overall_header.html
Найти:

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

<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>

Заменить на:

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

<li class="icon-logout"><a <!-- IF not S_USER_LOGGED_IN -->href="#" class="loginbox"<!-- ELSE -->href="{U_LOGIN_LOGOUT}"<!-- ENDIF --> title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a>
<form method="post" action="{S_LOGIN_ACTION}" class="quicklogin">
<input type="text" name="username" id="username" size="10" class="inputbox quickinput" title="{L_USERNAME}" value="Username" />
<input type="password" name="password" id="password" size="10" class="inputbox quickinput" title="{L_PASSWORD}" value="password" />
<!-- IF S_AUTOLOGIN_ENABLED -->&nbsp;<label for="autologin">Запомнить?&nbsp;<input type="checkbox" name="autologin" id="autologin" /></label><!-- ENDIF -->
<input type="submit" name="login" value="{L_LOGIN}" class="button2" />{S_LOGIN_REDIRECT}
- <a href="ucp.php?mode=sendpassword">Забыл?</a>
</form>
</li>

2) CSS правка
Открыть: /styles/prosilver/theme/common.css
Добавить в конец файла:

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

form.quicklogin {
	display: none;
}
form.quicklogin input.quickinput {
	width: 100px;
}

3) Подключаем jQuery
Открыть: /styles/prosilver/template/overall_header.html
Найти:

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

<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

Ниже добавить:

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

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$("a.loginbox").click(function() {
		// Remove the login icon
		$("li.icon-logout").removeClass("icon-logout");
		// Fade out the login link (
		$(this).fadeOut(200);
		// Fade in the form
		$("form.quicklogin").delay(500).fadeIn(100);
		return false; // stop browser from jumping when # link is clicked
	});
});
</script>

На этом все.

[zzipper]

Пока оригинал не прочитал, не понял ничерта сути мода. А она в следующем: в результате выше описанных действий, при клике на ссылку "вход", она исчезает и на ее месте появляется форма входа. Из коробки же, пользователя при таких маневрах кидает на страницу входа.
Удобная фишечка, да.

[guru3000]

сути мода. А она в следующем

Спасибо за правильный перевод. Просто с английским туговато, а хаком поделиться хотелось.... Там кстати ещё много полезностей есть, может переведешь и выложишь?

[zzipper]

У меня, к сожалению, со временем туго.