Читайте также:
|
|
Прежде, чем что-то добавлять на сайт нужно посмотреть наличие модулей и в каких позициях они остались. Мы с вами уже это проделывали – добавляли к адресу нашего сайта ?tp=1. Если мы это проделаем то увидим, что у нас осталась позиция модуля top. В эту позицию модуля можно вставить все, что угодно. В нашем случае будем вставлять подписку.
1. Заходим в администраторскую зону, пункт Расширение – Менеджер модулей – Создать, выбираем Произвольный HTML – код. Заголовок у нас будет Рассылка и в Произвольный код вставляем код формы подписки из дополнительных материалов. Сохраняем и обновляем нашу страницу. У меня получилось следующее:
2. Заголовок растянут, отсутствуют поля ввода и кнопка. Будем исправлять ошибки непосредственно в шаблоне нашего сайта.
3. Для этого надо найти в файле index.php шаблона (Z:\home\localhost\www\project\templates\siteground-j15-24) наш модуль в позиции top.
4. Далее удаляем блок <div> (на рисунке он выделен синим цветом) и вместо него вставляем исходный код формы подписки. Для того, чтобы код сработал корректно его необходимо правильно сохранить. Сохраняем, но при этом меняем кодировку на UTF-8. Просмотрим, что у нас получилось:
5. Текст выровнен на всем сайте по ширине, за такое выравнивание отвечает правило в CSS с определением justify. Находим в CSS это правило.
6. Удаляем правило text-align:justify; Сохраняем и смотрим что у нас получилось.
7. Теперь наш блок надо немного опустить, т.е. добавить отступ. Сначала надо в файле index.php посмотреть куда мы добавили наш исходный код.
8. Видим, что за наш блок рассылки отвечает class="rightside" (на рисунке выделен синим цветом).
9. Заходим в CSS нашего шаблона и в Поиске прописываем rightside.
10. Для данного модуля прописываем еще одно правило отвечающее за отступ - padding-top:40px; Сохраняем и проверяем.
11. Далее, чтобы все было идеально нам необходимо удалить из реестра модуль в позиции top, так как он нам не понадобился. За все модули отвечает файл templateDetails.xml. Открываем этот файли ищем тег <positions> и удаляем <position>top</position> (на рисунке строка выделена синим цветом). Сохраняем и проверяем.
Дата добавления: 2015-07-16; просмотров: 68 | Нарушение авторских прав
<== предыдущая страница | | | следующая страница ==> |
Доработка хедера (графической шапки) | | | Улучшаем внешний вид меню |