Главная
›
Новости
Как вставить баннер в Joomla! 2.5
Опубликовано: 14.11.2016
Как сделать ссылку ВКонтакте на человека в виде словаОдин из первых вопросов возникающих у новичков , в 1-ые установивших
Joomla! , это вопрос «Как поменять логотип в шаблоне на собственный?» В этом уроке я
расскажу как это сделать на примере шаблона
rhuk_milkyway, входящего в стандартный пакет
Joomla! 1.5.x.
Как вставить баннер в Joomla! 2.5За базу нового логотипа возьмем уникальный логотип шаблона. В качестве
графического редактора в этом примере я буду использовать программку Paint , так
как она есть каждом компьютере , где установленыWindows. Вы сможете использовать
хоть какой другой , удачный вам, графический редактор.
Запустите Paint и
откройте файл
mw_joomla_logo.png
, который находится в папке \images в папке шаблона (
папка_где_установлена_Joomla\templates\rhuk_milkyway\images\mw_joomla_logo.png)
Когда
файл загрузится , вы увидите последующее:
Изменение фона в шаблоне Joomla
Для начала очистим предшествующее изображение. Для этого в
меню избираем Edit->Select All (Ctrl+A) , а потом жмем на кнопку Delete.
Сейчас пред нами незапятнанная картина подходящего размера. Сейчас сможете сделать собственный
логотип.
В этом примере я сделаю обычный логотип – белоснежные буковкы на
голубом фоне. Для этого я избрал подходящий цвет в цветовой палитре; потом выбрав
инструмент «заливки» цветом кликнул на изображении получил безобидного Потом я
добавил белоснежный текст, за ранее отключив опцию Image->Draw Opaque что бы
текст не стирал фон. Используя опцию текстового редактора добавил текст
Joomla! Тренинг и изменил тип и размер
шрифта.
Естественно получившийся логотип не является верхом
совершенства, но для примера довольно неплох J Сохраняем изображение,
выбрав File->Save As (я его именовал mw_joomla_training.png), в папке \images
шаблона. Если вы делаете конфигурации не на локальном компьютере, загрузите
изображение на сервер при помощи клиента FTP (я использую FileZilla) либо через
панель управления вашего хостинга.
После сотворения и загрузки нового
логотипа внесем конфигурации в файл template.css что бы подгружалось новое
изображение (если вы сохранили изображение под необычным заглавием , нет
необходимости делать эти конфигурации).
В панели администрации Joomla!
Заходим в Расширения->Менеджер Шаблонов , избираем шаблон и
жмем на кнопку Поменять.
Жмем на кнопку Редактировать
CSS:
В открывшемся Редакторе
CSS файла шаблона избираем
template.css и жмем ба кнопку Поменять.
Файл
template.css будет открыт в редакторе текста. Найдите элемент div#logo. Вы
увидите что элемент задает фоном оригинальный логотип
шаблона.
Измените имя файла на заглавие вашего логотипа.
Направьте внимание что имя файла в CSS чувствительно к регистру. Потому,
если заглавие вашего логотипа содержит огромные и мелкие буковкы – сохраните это
написание (мой совет, задавайте имя файла , включая расширение, строчными
литерами – lower case ). Потому что за базу мы взяли уникальный логотип, размер
изображения не поменялся. Если вы изменили размер , занесите конфигурации в
характеристики height и width, в согласовании с размером
изображения.
Нажмите на кнопку Сохранить. Вы
окончили конфигурации! Откройте ваш веб-сайт (либо нажмите кнопку
Refresh , если веб-сайт вопил открыт) и вы увидите изготовленные вами
конфигурации. зменения.
Если у Вас есть вопросы по этому уроку либо
у Вас есть пожелания по поводу материалов на веб-сайт – пишите!
П