LYCEUM-OTRADNOE ru
» » Поменять картинку в шаблоне joomla

Поменять картинку в шаблоне joomla

Рубрика : Новости

Обновите страницу сайта в браузере и любуйтесь новым логотипом. Создайте новое изображение необходимого размера например в редакторе Adobe Photoshop , 2. Сохраните изображение под именем logo.

Если логотип шаблона не использует CSS стили оформления, то размеры можно указать непосредственно в дескрипторе, например — height: В итоге код вывода логотипа шаблона должен выглядет примерно так: Используя опцию редактора текста добавил текст Joomla!



шаблоне поменять joomla в картинку


Тренинг и изменил тип и размер шрифта. Если вы делаете изменения не на локальном компьютере, загрузите изображение на сервер с помощью клиента FTP я использую FileZilla или через панель управления вашего хостинга. После создания и загрузки нового логотипа внесем изменения в файл template. В панели администрации Joomla! Нажимаем на кнопку Редактировать CSS: Для изменения шаблона нас интересует только html-разметка, программный код трогать не надо, иначе ваш сайт перестанет работать так, как должен.

Изучив html-разметку, мы будем точно знать, из каких элементов состоят наши страницы, а соответственно можем изменить их внешний вид.

Но наверно, вы уже обратили внимание, что представить по коду внешний вид страницы крайне сложно хотя и возможно. Конечно, есть способ облегчить эту задачу, и имя ему - плагин Firebug для браузера FireFox. Скачать его можно, например, здесь , далее открыть браузер FireFox, выбрать в меню Инструменты - Дополнения и в открывшемся окне включить расширение Firebug.


Похожие статьи:

После перезагрузки браузера, в его нижнем правом углу появится значок плагина жук: Щелкаем по нему, внизу окна браузера откроется панель: Нам нужна вкладка HTML этой панели. На ней отображается html-код страницы, открытой в браузере. При наведении курсора мыши на элемент кода, он подсвечивается на странице. Сейчас мы видим только два тега страницы - head и body.

Если мы щелкнем по плюсику рядом с тегом body, то откроется его содержимое вложенные теги.



в joomla шаблоне картинку поменять


Так открываем до того момента, пока не начнут подсвечиваться интересующие нас теги. Теперь ищем этот идентификатор на странице template. Идем на наш сайт, обновляем страницу и видим, что коричневая полоска появилась: Ищем эти идентификаторы на странице template.



Поменять картинку в шаблоне joomla видео




Открываем их в программе photoshop, увеличиваем в 3 раза чтобы было лучше видно , выделяем синий цвет, заливаем его коричневым, как на сайте-образце и сохраняем. Вспоминаем классный плагин Firebug для Firefox и начинаем его использовать. С помощью этого расширения исследуем позицию headerbar и видим что за его позиционирование отвечает файл layout.

Кстати вы можете изменить ширину до нужных вам размеров в этом файле CSS. Теперь необходимо определиться с длиной нашей шапки. В большинстве шаблонов ширина его задается в настройках. Заходим в наш шаблон и в настойках видим что длина нашего шаблона составляет пикселов. Вот теперь мы можем подготовить нашу шапку с необходимыми параметрами с помощью программы для редактирования графики допустим Adobe Photoshop.



картинку joomla поменять в шаблоне


Я не буду рассказывать как это делается. Этому посвящены целые сайты.


Как можно изменить картинки в стандартном шаблоне?

Выбираем позицию headerbar и сохраняемся. Кстати так можно сделать, что бы на разных страницах сайта отображался различный header.

Зная позицию модуля, а именно logo проверяем ее.


Прямые ссылки

Дата : 2005
Совместимость: Win Vista, 8.1,10,
Языки: Ru
Размер : 1.84 Mb




Комментарии пользователей

Имя:


E-mail:




  • © 2008-2018
    lyceum-otradnoe.ru
    Написать нам | RSS записи | Карта