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

[перевод статьи с сайта http://www.christianbullock.com]

Небольшие моды и хаки для форума phpBB3
Правила форума
При размещении мода/статьи взятой с другого форума/сайта обязательно необходимо указывать первоисточник сообщения.
 • Просмотры: 917
gu
guru3000
Откуда: Ни.Но
Благодарил (а): 32 раза
Поблагодарили: 40 раз
Сообщения: 139
Зарегистрирован: 01 мар 2010, 13:42
Сообщение

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

21 апр 2011, 13:08

ОПИСАНИЕ: Изначально в 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
Благодарил (а): 12 раз
Поблагодарили: 10 раз
Сообщения: 427
Зарегистрирован: 20 окт 2009, 14:15
Сообщение

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

21 апр 2011, 13:16

Пока оригинал не прочитал, не понял ничерта сути мода. А она в следующем: в результате выше описанных действий, при клике на ссылку "вход", она исчезает и на ее месте появляется форма входа. Из коробки же, пользователя при таких маневрах кидает на страницу входа.
Удобная фишечка, да.
gu
guru3000
Откуда: Ни.Но
Благодарил (а): 32 раза
Поблагодарили: 40 раз
Сообщения: 139
Зарегистрирован: 01 мар 2010, 13:42
Сообщение

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

21 апр 2011, 13:22

zzipper писал(а):сути мода. А она в следующем
Спасибо за правильный перевод. Просто с английским туговато, а хаком поделиться хотелось.... Там кстати ещё много полезностей есть, может переведешь и выложишь?
Аватара пользователя
zzipper
Благодарил (а): 12 раз
Поблагодарили: 10 раз
Сообщения: 427
Зарегистрирован: 20 окт 2009, 14:15
Сообщение

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

21 апр 2011, 14:33

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

Вернуться в «Минимоды и хаки для phpBB3»