Один из первых вопросов возникающих у новичков , в первые установивших Joomla! , это вопрос «Как изменить логотип в шаблоне на свой?», как это сделать на примере шаблона rhuk_milkyway, входящего в стандартный пакет Joomla! 1.5.x.

За основу нового логотипа возьмем оригинальный логотип шаблона. В качестве графического редактора в этом примере я буду использовать программу Paint , так как она есть каждом компьютере , где установленыWindows. Вы можете использовать любой другой , удобный вам, графический редактор.


Запустите Paint и откройте файл mw_joomla_logo.png , который находится в папке \images в папке шаблона ( папка_где_установлена_Joomla\templates\rhuk_milkyway\images\mw_joomla_logo.png)


Когда файл загрузится , вы увидите следующее:

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