Темизация формы авторизации в Drupal 7

Опубликовано: 08.08.2017

Темизация формы авторизации в Drupal 7 мне была необходима для расположения формы авторизации в шапке сайта. Искал очень долго решение, оно оказалось простым. Для этого нужно создать файл в папке с вашей темой c названием

block--user--login.tpl.php

Далее нужно разместить следующий код:

<form accept-charset="UTF-8" id="user-login-form" method="post" action="/node?destination=node"> <div > <div > <div style="width:163px;float:left;"> <div style="float:left;">Логин</div> <div style="float:left;"> <input type="text" name="name" id="edit-name"> <div class="txt-field"> <a href="/user/register">Регистрация</a> </div> </div> </div> <div style="width:163px;float:left;margin-left:30px;"> <div style="float:left;">Пароль</div><br/> <div style="float:left;"> <input type="password" name="pass" id="edit-pass"> <input type="hidden" value="" name="form_build_id"> <input type="hidden" value="user_login_block" name="form_id"> <div class="txt-field"> <a href="/user/password">Забыли пароль?</a> <input type="submit" class="form-submit" value="Войти" name="op" id="edit-submit"> </div> </div> </div> <div style="clear:both;"></div> </div> </div> </form>

Прописываем стили для формы.

Form API в Drupal 7 урок 1 (вступление)

input[type="text"],.autoriz input[type="password"]{ height:21px; width:145px; /* Фоновая картинка для полей, если не нужна можно удалить */ background:url(../img/input-text.png) no-repeat; border:none; padding-left:10px; padding-right:10px; } input[type="submit"]{ /* Фоновая картинка для кнопки */ background:url(../img/button_enter.png) no-repeat; width:49px; height:21px; border:none; float:right; }

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

У меня получилась такая форма.