29 subscribers

Адаптация html-шаблона под MyEngine. Часть 8.

Здравствуйте, дорогие читатели канала Сам Себе Веб-Мастер.

Источник: Яндекс Картинки. Фото адаптировано автором.
Источник: Яндекс Картинки. Фото адаптировано автором.

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

Форма обратной связи.
Форма обратной связи.
Форма регистрации пользователя.
Форма регистрации пользователя.
Форма авторизации.
Форма авторизации.
Форма восстановления доступа.
Форма восстановления доступа.

Нам нужно вид этих форм привести как можно ближе к виду формы в блоке комментариев новостей.

Форма в блоке комментариев.
Форма в блоке комментариев.

В шаблоне ZeroFour есть собственные стили css для форм.

Стили css в исходном шаблоне ZeroFour для форм.
Стили css в исходном шаблоне ZeroFour для форм.

Чтобы привести формы к нужному нам виду, к этим стилям необходимо добавить следующие правила

Дополнительные стили css для форм.
Дополнительные стили css для форм.

С этими стилями формы получили вот такой вид.

Форма обратной связи.
Форма обратной связи.
Форма регистрации пользователя.
Форма регистрации пользователя.
Форма авторизации.
Форма авторизации.
Форма восстановления доступа.
Форма восстановления доступа.

Если у вас есть какие-либо идеи по оформлению этих форм, то пишите в комментариях. Что с могу, сделаю.

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

На создание админпанели нужно время. Это дня два-три, как минимум. Поэтому следующая статья выйдет через несколько дней. А пока, вы можете скачать с Яндекс Диск последний вариант шаблона ZeroFour. Посмотреть, как и что там сделано. Освежить в памяти предыдущие статьи, зайдите прочтите еще раз. Если что- то не понятно или есть какие-то вопросы, то пишите в комментариях. Я обязательно отвечу.

До свидания.

Другие публикации на эту тему:

Адаптация html-шаблона под MyEngine. Часть 1

Адаптация html-шаблона под MyEngine. Часть 2

Адаптация html-шаблона под MyEngine. Часть 3

Адаптация шаблона под MyEngine. Часть 4

Адаптация html-шаблона под MyEngine. Часть 5

Адаптация html-шаблона под MyEngine. Часть 6

Адаптация html-шаблона под MyEngine. Часть 7

Адаптация html-шаблона под MyEngine. Административная часть