пособие для чайников
Как изменить дизайн сайта. Изменение блоковой схемы шаблона. Урок 6 |
На этом уроке мы разберемся, как можно поменять дизайн шаблона. Likom – универсальный шаблон, Его CSS - код достаточно прост и позволяет изменить дизайн до неузнаваемости, в очень короткие сроки. Не буду кривить душой, для подобной работы вам нужно хотя бы начальные знания каскадных таблиц стилей CSS. Рекомендую изучить таблицы стилей более подробно, т.к. это не только полезно, но и очень интересно. Хорошим помощником для вас будет справочник «HTML, CSS, PHP». Вы уже знаете, что блоки user2, left, right, user3, bottom, bottommenu, footer сворачиваются, если в них не выведен ни один модуль. Таким образом, из административной панели Joomla, не внося изменений в код страницы и таблицы стилей CSS шаблона, вы можете легко изменить дизайн сайта.Следующий способ – внести изменения в файл index.php. Вы можете поменять местами код, отвечающий за вывод того или иного блока. Для примера рассмотрим три варианта. Первый вариант – выводим обе колонки сайта слева от колонки контента. Для этого: Открываем файл index.php в программе Dreamweaver;
Второй вариант - выводим обе колонки сайта справа от колонки контента. Для этого проводим те же самые приемы, только вырезанный код левой колонки ставим до или после кода правой колонки, на ваше усмотрение. Получаем следующий результат. Третий вариант – можно поменять местами горизонтальное меню и блок вывода верней навигации и поиска. Для этого меняем местами в файле index.php код вывода блока pathway и код блока user2. Получаем следующий результат. Как видите, за несколько минут вы смогли внести изменения в дизайн шаблона. Однако самые существенные изменения в дизайне можно сделать при помощи таблиц стилей CSS. Следующий урок посвящен изменению цветового решения шаблона.
|
Комментарии