Как изменить дизайн сайта. Изменение блоковой схемы шаблона. Урок 6

На этом уроке мы разберемся, как можно поменять дизайн шаблона. Likom – универсальный шаблон,  Его CSS - код достаточно прост и позволяет изменить дизайн до неузнаваемости, в очень короткие сроки. Не буду кривить душой, для подобной работы вам нужно хотя бы начальные знания каскадных таблиц стилей CSS. Рекомендую изучить таблицы стилей  более подробно, т.к. это не только полезно, но и очень интересно. Хорошим помощником для вас будет справочник «HTML, CSS, PHP».

Вы уже знаете, что блоки user2, left, right, user3, bottom, bottommenu, footer сворачиваются, если в них не выведен ни один модуль. Таким образом, из административной панели Joomla, не внося изменений в код страницы и таблицы стилей CSS шаблона, вы можете легко изменить дизайн сайта.

Следующий способ – внести изменения в файл index.php. Вы можете поменять местами код, отвечающий за вывод того или иного блока. Для примера рассмотрим три варианта.

Первый вариант – выводим обе колонки сайта слева от колонки контента. Для этого:

Открываем файл index.php в программе Dreamweaver;

  • Находим часть кода отвечающего за вывод правой колонки ;
  • Вырезаем код;
  • Ставим вырезанный код после вывода кода левой колонки и получаем следующий результат.

Измененный шаблон вариант 1

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

Измененный шаблон вариант 2

Третий вариант – можно поменять местами горизонтальное меню и блок вывода верней навигации и поиска. Для этого меняем местами  в файле index.php код вывода блока pathway  и код блока user2. Получаем следующий результат.

Измененный шаблон вариант 3

Как видите, за несколько минут вы смогли внести изменения в дизайн шаблона. Однако самые существенные изменения в дизайне можно сделать при помощи таблиц стилей CSS.

Следующий урок посвящен изменению цветового решения шаблона.

 

Комментарии 

 
# vzhar 20.03.2012 23:44
Очень хороший урок, раньше работал с вордпрессом, к джумле боялся подступиться. Все очень доступно и просто. Один момент непонятен. Могу ли я в настройках привязать к разным страницам сайта разные шаблоны? Или их модификации, стили? Скажем, главную страницу хочу сделать в три колонки, а остальные в две.
Ответить | Ответить с цитатой | Цитировать
 
 
# Administrator 04.04.2012 16:43
Вы можете сделать свой отдельный шаблон хоть для каждой страницы. Заходите в менеджер шаблонов, выбираете нужный шаблон жмете, увидите блок "привязка к пунктам меню" и указываете к какому пункту или странице вы будете применять этот шаблон.
Ответить | Ответить с цитатой | Цитировать
 
 
# САНЯ 11.12.2013 21:29
ОЧЕНЬ ПЛОХО!!!!!!!УЖА С!!!!!!!!!!!!!! !!!!!!!!!!!!!!! !!!!!!!!!!!!!!! !!!!!!!!!!
Ответить | Ответить с цитатой | Цитировать
 
 
# орпавы 07.10.2014 20:02
:o что с тобой
Ответить | Ответить с цитатой | Цитировать
 
Главная Разработка шаблона сайта для joomla 1.5 Как изменить дизайн сайта. Изменение блоковой схемы шаблона. Урок 6