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

[Shans]

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

Другими словами:
в результате ниже описанных действий, при клике на ссылку "ВХОД", она исчезает
и на ее месте появляется форма входа.
Из коробки же, пользователя при таких маневрах кидает на страницу входа.



И так, к сути:
Только для стиля PROSILVER и стилей на его основе!

1) HTML правка
Открываем шаблон 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) Тут же подключаем jQuery:
ИЩЕМ

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

<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>

3) Редактируем CSS:
ДОБАВИТЬ В КОНЕЦ

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

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

Скрытый текст. Необходимо зарегистрироваться.

[kvant-07]

Shans, а где можно посмотреть на "живую" реализацию предлагаемого скрипта?
...ткнул указанную ссылку

Скрытый текст. Необходимо зарегистрироваться.

- никакой конкретики, просто список тем