Powered by Invision Power Board
Здравствуйте Гость ( Вход | Регистрация ) Выслать повторно письмо для активации

Forum Rules Правила раздела

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

  Reply to this topicStart new topicStart Poll

> Страница входа как на форумах IPB 2.3
asm-a
Отправлено: Июл 10 2021, 10:53
Quote Post


<? echo"Кодер" ?>
Group Icon

Группа: Пользователи
Сообщений: 964
Пользователь №: 2 333
Регистрация: 29-Май 10
Member Offline

Репутация: 58




Демонстрацию вы можете увидеть на на ЭТОМ форуме.

Как было изначально на данных форумах:
Присоединённое изображение

Как получилось:
Присоединённое изображение


Инструкция:
1. АЦ - Скины и Шаблоны - Настройка скинов - Выбираем нужный скин - Вход на форум (Log In Sections) - Log In Form

Удаляем все и вставляем:
Код
<script language='JavaScript' type="text/javascript">
<!--
function ValidateForm() {
var Check = 0;
if (document.LOGIN.UserName.value == '') { Check = 1; }
if (document.LOGIN.PassWord.value == '') { Check = 1; }
if (Check == 1) {
 alert("{ibf.lang.blank_fields}");
 return false;
} else {
 document.LOGIN.submit.disabled = true;
 return true;
}
}
//-->
</script>
<form action="{ibf.script_url}act=Login&amp;CODE=01" method="post" name='LOGIN' onsubmit='return ValidateForm()'>
<input type='hidden' name='referer' value="$referer" />
<div class="borderwrap">
 <div class="maintitle"><img src='style_images/1/nav_m.gif' border='0'  alt='&gt;' width='8' height='8' />&nbsp;Вход</div>
 <div class='row2'>
  <div class="formsubtitle">Введите ниже ваши данные для авторизации</div>
  <div class="errorwrap" style='margin-bottom:0px;padding-bottom:0px'>
   <h4>Внимание!</h4>
   <p>{ibf.lang.login_text}</p>
   <p><b>{ibf.lang.forgot_pass} <a href='{ibf.vars.board_url}/index.{ibf.vars.php_ext}?act=Reg&amp;CODE=10'>{ibf.lang.pass_link}</a></b></p>
  </div>
 </div>
 <table class='ipbtable' cellspacing="0">
  <tr>
   <td width="60%" valign="top" class='row2'>
    <fieldset>
     <legend><b>Вход</b></legend>
     <table class='ipbtable' cellspacing="1">
      <tr>

<td width="50%"><b>Имя пользователя (login)</b></td>
       <td width="50%"><input type="text" size="25" maxlength="64" name="UserName" /></td>

      </tr>
      <tr>
       <td width="50%"><b>Пароль</b></td>
       <td width="50%"><input type="password" size="25" name="PassWord" /></td>
      </tr>
     </table>
    </fieldset>
   </td>
   <td width="40%" valign="top" class='row2'>
    <fieldset>
     <legend><b>Опции</b></legend>
     <table class='ipbtable' cellspacing="1">
      <tr>
       <td width="10%"><input class='checkbox' type="checkbox" name="CookieDate" value="1" checked="checked" /></td>
       <td width="90%"><b>Запомнить вас на этом компьютере?</b><br /><span class="desc">Если поставить галочку, вы будете входить в форум автоматически, без ввода пароля. Это может быть небезопасно, если этим компьютером пользуетесь не только вы.</span></td>
      </tr>

<tr>
       <td width="10%"><input class='checkbox' type="checkbox" name="Privacy" value="1" /></td>
       <td width="90%"><b>Скрытность</b><br /><span class="desc">Не отображать вас в списке активных пользователей?</span></td>
      </tr>

     </table>
    </fieldset>
   </td>
  </tr>
  <tr>
   <td class="formbuttonrow" colspan="2"><input class="button" type="submit" name="submit" value="Войти!" /></td>
  </tr>
  <tr>
   <td class="catend" colspan="2"><!-- no content --></td>
  </tr>
 </table>
</div>
</form><!--TASK-->


2. АЦ - Скины и Шаблоны - Настройка скинов - Выбираем нужный скин - CSS

В самый низ ставляем:
Код
.errorwrap {
background: #F2DDDD;
border: 1px solid #992A2A;
border-top: 0;
margin: 5px;
padding: 0;
}


.errorwrap h4 {
background: #E3C0C0;
border: 1px solid #992A2A;
border-left: 0;
border-right: 0;
color: #992A2A;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 5px;
}

.errorwrap p {
background: transparent;
border: 0;
color: #992A2A;
margin: 0;
padding: 8px;
}
.formsubtitle{
background: #D1DCEB;
border: 1px solid #9FB9D4;
border-bottom: 0;
border-left: 0;
border-right: 0;
font-weight: normal;
}

.formsubtitle{
border: 0;
color: #3A4F6C;
font-weight: bold;
padding: 5px;
}
td.formbuttonrow,
.borderwrap p.formbuttonrow,
.borderwrap p.formbuttonrow1{
background: #D1DCEB !important;
border: 1px solid #FFF;
border-top: 1px solid #5176B5;
margin: 0px !important;
padding: 5px !important;
text-align: center;
}

td.formbuttonrow{
border-bottom: 0;
border-left: 0;
border-right: 0;
}

.borderwrap p.formbuttonrow1{
background: #F9F9F9 !important;
border: 0;
border-top: 1px solid #CCC;
}
.ipbtable { width:100% }

table.ipbtable,
tr.ipbtable,
td.ipbtable
{ /* required for text in tables, because tables do not inherit from body */
background: transparent;
color: #222;
font-size: 11px;
line-height: 135%;
}

.ipbtable td,
.divpad{ /* gives all tables faux cellpadding of 5px */
padding: 5px;
}


--------------------
Уважаемые посетители, используйте ПОИСК прежде чем что-то спросить.
--------------
За пределами форума технической поддержки помогаю только на ПЛАТНОЙ основе, независимо, есть ли у вас форум на нашем сервисе. Если есть вопросы или предложения, можете смело обратиться ко мне в ЛС
--------------
Мой сайт
--------------
xxx: Сегодня был у нашего админа, увидел на столе в горах хлама листок, весь исписанный фразой «Hello world». Оказалось, он так ручку расписывает.
Top
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Topic Options Reply to this topicStart new topicStart Poll