Как вставить баннер в Joomla! 2.5

Опубликовано: 14.11.2016

видео Как вставить баннер в Joomla! 2.5

Как сделать ссылку ВКонтакте на человека в виде слова

Один из первых вопросов возникающих у новичков , в 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 , если веб-сайт вопил открыт) и вы увидите изготовленные вами конфигурации. зменения.






Если у Вас есть вопросы по этому уроку либо у Вас есть пожелания по поводу материалов на веб-сайт – пишите!

П

Добро пожаловать , Гость!

Мы настоятельно рекомендуем Вам зарегистрироваться, если вы ещё этого не сделали. регистрация откроет Вам новые функции.

Войти или Зарегистрироваться

www.silvio-berluskoni.ru © Все права защищены © 2016.
rss