Правка шаблона CMS Joomla Данный модуль посвящён правке общедоступных шаблонов непосредственно самой CMS Joomla. В этот раздел курса вошло 8 уроков, из которых Вы узнаете, как за несколько кликов мышкой. Надо отметить, что offline страница в Joomla весьма убога. Скопируйте файл Offline.php в папку вашего шаблона имя сайта\templates\имя шаблона; . Следующий урок будет посвящен оформлению страницы "error 404". Уроки Правка Шаблона На Joomla 3Как изменить шаблон joomla. Сразу оговорюсь, этот урок рассчитан на тех, кто знаком с photoshop. Итак, нам осталось изменить шаблон сайта, чтобы он стал похож. Для того чтобы изменить шаблон, нам необходимо знать. Файлы нашего сайта, как вы помните. C: \Program Files\Apache Software Foundation\Apache. Интересующие нас файлы находятся в папке. В этой папке мы видим несколько. В нем html- разметка отвечает за расположение элементов на странице. В этом уроке показано, как изменить шаблон в CMS Joomla (Джумла). Сразу оговорюсь, этот урок рассчитан на тех, кто знаком с photoshop, html и css. Чтобы подробно рассказать о том, как изменить шаблон Joomla и. Следующий урок будет посвящен тому, как находить и удалять. Видеокурс "Правка шаблонов для Joomla", позволяет. Все, что заключено в. Например, тексты наших статей, название сайта.. Для изменения шаблона нас интересует только html- разметка, программный код. Изучив html- разметку, мы будем точно знать, из каких элементов состоят наши страницы, а соответственно можем изменить их внешний. Но наверно, вы уже обратили внимание, что представить по коду внешний вид страницы крайне сложно (хотя и возможно). Конечно. есть способ облегчить эту задачу, и имя ему - плагин Firebug для браузера Fire. Fox. Скачать его можно, например. Fire. Fox. выбрать в меню Инструменты - Дополнения и в открывшемся окне включить расширение Firebug. После перезагрузки браузера, в его. Щелкаем по нему, внизу окна браузера откроется панель: Нам нужна вкладка HTML этой панели. На ней отображается html- код страницы, открытой в браузере. При наведении курсора мыши на. Сейчас мы видим только два тега страницы - head и body. Если мы щелкнем по плюсику. Так открываем до того момента, пока не начнут подсвечиваться. Первый такой тег - < div id=. Теперь ищем этот идентификатор на странице template. Видим, что этот div имеет фоном картинку header. Идем на наш сайт, обновляем страницу и видим, что коричневая полоска появилась: Теперь надо также заменить картинки слева и справа этого div- а, возвращаемся в Fire. Fox, щелкаем по плюсику рядом с < div id=. Открываем их в программе photoshop. Итак шапка сайта - это < div id=. Ищем первые два идентификатора на странице template. Видим, что по сути наша шапка залита синим цветом (#0. Для начала давайте. Для этого идем на сайт- образец, щелкаем по картинке правой кнопкой мыши и выбираем пункт - Открыть фоновое изображение: Это изображение мы и сохраняем, как header. Сохранить изображение как). Теперь идем на страницу стилей и. Действительно наше изображение имеет высоту 1. Значит наши теги < div id=. К тому же сама картинка должна быть прижата к верху (top). Давайте добавим эти изменения: Теперь будем разбираться с < div id=. У нас это одна надпись. Русобои (название фирмы), а нам необходимо сделать две надписи: одну слева - название и слоган, а другую справа - . Итак, ищем идентификатор logo на странице стилей: На странице index. Давайте ее уберем, как вы помните за ее вывод отвечает. Идем на страницу index. Все, с шапкой сайта разобрались. Теперь аналогичным образом разбираемся с главным меню и меню каталога товаров. Далее видим, что в меню есть разделитель. За ссылки в главном меню. Синяя верхняя полоса - это. Вообще- то на сайте- образце цвет фона у меню белый, но мне кажется, что. А вот внутри серый фон можно убрать, для этого надо поудалять свойства backgroud. Теперь нам надо убрать текст, который находится ниже меню каталога товаров. Эта надпись находится на странице. Как видите, это php- код, сделаем единственное исключение для этого случая и удалим его: Теперь такая же ситуация у нас в < div id=! Если вам не мешают данные ссылки, то можете их просто оставить. Наш сайт сейчас выглядит вот так: Очень похож на оригинал. Нам осталось только пройтись по таблице стилей и изменить стили заголовков (h. Меняем дизайн сайта. Урок 5. Расширения - устанавливаем редактор. Урок 6. Дорабатываем главную страницу и изучаем глобальные настройки. Урок 1. 0. Делаем главное меню сайта. Урок 1. 1. Создаем разделы и категории. Урок 1. 2. Устанавливаем Phoca Gallery. Урок 1. 5. Делаем меню каталога товаров. Предыдущий урок. Вернуться в раздел.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
January 2017
Categories |