Форма входа с изображением

В этой статье я расскажу, как своими руками сделать такую же форму входа в аккаунт, как на скрине.В этой статье я расскажу, как своими руками сделать такую же форму входа в аккаунт, как на скрине.

Следуем инструкции и у нас всё получится.

1. Открываем menuright.php и находим код:

<?
}else{
  echo "<center><a href="register.php?r=".$elref."">Регистрация</a><br>";
  echo "<a href="login.php?r=".$elref."">Вход</a><br></center>";
}
?>


Заменяем его на:

<?
}else{
  include('vhod.php');
}
?>


2. Создаём файл vhod.php следующего содержания:

<font-size: 16px><left><b>
<form action='login.php' method='POST'>
<table width="100%" border="0" align="center"><td><img src="login.png"></td>
  <td>
  <label>Логин</label>

  <input type='text' size='15' maxlength='25' name='username' autocomplete="off" value="" tabindex="1" />

  <label>Пароль</label>

  <input type='password' size='15' maxlength='25' name='password' autocomplete="off" value="" tabindex="2" />

  <input type="submit" value="Войти" class="submit" tabindex="4" /></td>
  </tr>
</table>
</form>
<center><a href="register.php?r=">Регистрация</a><br><a href="restorepass.php">Забыли пароль?</a><br></center></b></left></font>


Форму входа получили. Теперь выбираем картинку формата *.png. Называем её login.png и льём в корень. Размеры рекомендую выбирать 64х64 или 56х56.

А вот картинка, которую использовал для примера я:

Форма входа с изображением

Автор публикации

не в сети 13 лет

Alex

Комментарии: 0Публикации: 166Регистрация: 19-02-2011

Понравилась статья? Поделись в соц. сетях:

Похожие новости

Отправить комментарий

wpDiscuz
Авторизация
*
*
Регистрация
*
*
*
Генерация пароля