Как поменять логотип в стандартном шаблоне Joomla!
Один из первых вопросов возникающих у новичков , в первые установивших 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 , если сайт выл открыт) и вы увидите сделанные вами изменения.
Если у Вас есть вопросы по этому уроку или у Вас есть пожелания по поводу материалов на сайт – пишите!
Подпишитесь на
Ещё б понять как изменить размер поля случайной новости, той что с права от логотипа, а то когда увеличиваешь размер логотипа, он закрывает новость и всё остальное, странная настройка слоя по умолчанию. Sergey(Цитировать)
Подскажите, пожалуйста – у меня логотип нарисован в корал дроу, при вставлении (извините) в шаблон он сильно теряет в качестве изображения-появляется гребёнка, нет чёткости. Как поправить эту ситуацию?
p.s. изначально лого в шаблоне было в .gif – я соответственно экспортирую в .gif
Спасибо зарание. марк(Цитировать)
Что бы не терять качество лучше успользовать формарты JPG или PNG
Экспортируйте в подходящем по качеству формате (но не забудьте , что чем лучше качество увеличивается размер изображения) и измените в шаблоне название и расширение файла. Если не знаете как это делать – пишите и я помогу. Алекс(Цитировать)
а как быть, если захожу в редактор шаблона, но div#logo отсутствует fred(Цитировать)
fred, это был пример для стандартного шаблона rhuk_milkyway. Если у тебя есть проблемы с каким то другим шаблоном, пришли мне ссылку на сайт или название шаблона, и я помогу Алекс(Цитировать)
Здравствуйте!Хочу изменить логотип шаблона RT Nexus захожу в редактор,но div#logo там нет Сергей(Цитировать)
Алекс:2 шаблон уже удалили, не понравился руководству, когда будет новый, обращусь.
заранее благодарен!!! fred(Цитировать)
Сергей, в этом шаблоне лого указано в строке :
#logo {background: url(../images/logo.png) 0 0 no-repeat;float: left;width: 377px;height: 90px;margin-left: 13px;border: 0;}
файла : /templates/rt_rockettheme2/css/template.css
Алекс(Цитировать)
privet vsem, ya ustanavila joomla, no teper’ ho4u izmenit’ nazvaniya, no jneznayu kak ne podskajete, please assem(Цитировать)
Привет
Какие названия ты хочешь изменить?
Алекс(Цитировать)
Как сделать этот самый логотип как ссылку, допустим на главную страницу, никак не могу понять?? Max(Цитировать)
Здравствуйте!Хочу изменить логотип шаблона ,всё сделал как Вы описали а когда нажал применить выдало следующее:Сбой операции: Сбой при открытии файла на запись.И ещё template.css и всё остальное выводиться не доступно для записи это правильно или нет .Заранее благодарен. Армен(Цитировать)
Алекс, спасибо за столь подробную статью! Очень хорошая полезняшка
У меня вопрос, а вернее просьба! у меня нестандартный шаблон и там вот такое чудо написано:
div#h_area{
margin:0px auto;
width: 964px;
height:280px;
text-align:left;
padding-left:14px;
padding-top:10px;
}
.logo{
display: block;
float:left;
padding-top:5px;
margin-bottom:10px;
margin-left:10px;
width:600px;
}
a.logo,a.logo:link,a.logo:hover, a.logo:visited{
font-size:56px;
line-height: 58px;
color:#FFF;
text-decoration:none;
font-weight:bold;
font-family:»Trebuchet MS»,Arial;
в фотошопе, я сделала картинку с названием сайта. Вот куда ее тут вставить? какого расширешия должна быть картинка?
!
Заранее благодарна за ответ 
сейчас у меня там название, которое прописывается в сайт-настройки-сайт-название сайта. Но это меня не очень устраивет
Помогите пожалуйста! ОООчень хочется доказать мужу(и удивить), что я все-таки это осилю, и напишу когда-нибудь свой сайт сама
у меня джумла 1,5. установила на денвер …. просто Лена(Цитировать)
Вот
#openLogin, #openReg{background:#730d15 url(../images/yougames/login_but.gif) no-repeat center center; color:#000}
#openReg{background:#730d15 url(../images/yougames/reg_but.gif) no-repeat center center}
а ставяца button.gif:( Юрий(Цитировать)
Если ты исползуешь шаблон rhuk_milkyway
В шаблоне найди :
и поменяй на :
baseurl ?>»>
Если у тебя другой шаблон , напиши какой и/или пришли ссылку на сайт, и я помогу
Алекс(Цитировать)
Возможно проблема в установленных правах доступа на файл.
Попробуй скачать файл template.css по FTP , сделать нужные изменения и закачать его обратно.
Или попробуй просто сохранит новый файл лого в формате PNG под названием mw_joomla_logo.png и запиши по верх оригинала
Алекс(Цитировать)
Формат может быть любой PNG, JPG , GIF
Скорей всего изменение надо сделать в файле index.php , который нашодится в директории Вашего шаблона.
Дать более конкретный ответ смогу , если пришлете ссылку на Ваш сайт или шаблон
Алекс(Цитировать)
Попробуйте очистить кэш. Возможно картинка или CSS подгружается оттуда.
Алекс(Цитировать)
Кеш почистил, непомогло кеш чистил вот отсюда Z:\home\localhost\www\cs\cache\page Юрий(Цитировать)
Спасибо уже разобрался, вставил в шаблон код:
<a href="» title=»getValue(’sitename’); ?>»><img src="logo.jpg" alt="getValue(’sitename’); ?>» /> Max(Цитировать)
Код не вставляется в комментарий
[code]
<a href="" title="getValue('sitename'); ?>"><img src="logo.jpg" alt="getValue('sitename'); ?>" />[/code] Max(Цитировать)
П
после того как почистил кеш на главной странице ероглифы а на всех остальных нормаль и когда заходиш на сайт под своим профилем ероглифы пропадают( Юрий(Цитировать)
Комментарии не поддерживают [code]
Алекс(Цитировать)
С етим я розобралса а вот с кнопка ми попрежнему… Юрий(Цитировать)
Можешь прислать ссылку на сайт?
Алекс(Цитировать)
Нет, сайт еще на локалке( Юрий(Цитировать)
А ../images/yougames/login_but.gif и ../images/yougames/reg_but.gif существуют?
Обрати внимание , что в оригинале (во всяком случае на демо сайте):
../images/hulk/login_but.gif
../images/hulk/reg_but.gif
Алекс(Цитировать)
не подскажите как убрать английскую надпись на гл странице…Вроде отключила все не используемые модули в шаблоне…
заранее спасибо Юлия(Цитировать)
Что бы убрать надпись (или поменять), зайди в панель администрации. В пункте меню «Все меню» перейди на «Главное меню» (Main menu)
Нажми на название пункта меню помеченного звездочкой (по умолчанию).
С правой стороны найди надпись «Параметры – Система» и разверни опции (кликни на надпись)
Поменяй или убери текст : «Welcome to the Frontpage»
Если не очень понятно, могу сделать статейку с картинками Алекс(Цитировать)
Хочу поменять logo на своём сайте.Мой сайт yougames.Менял просто рисунок в папке с сайтом, ничего не получилось так же написанно YouGames, чуть ниже Premium joomla template by youjoomla.com. Помогите пожалуйста.Сайт пока еще на локалке. Дмитрий(Цитировать)
Ты поменял этот файл? :
templates/yougames/images/hulk/logo.png
Оба текста на этой картинке. Алекс(Цитировать)
методом проб и ошибок, тупо поменяла картинку в файле logo.png, папке template соответсвующего шаблона и все получилось. Главное оставить название и расширение logo.png просто Лена(Цитировать)
Помогите вставить лого в шапку сайта
В пхп индекс файла он не прописан , я прописала- не помогло , попыталась в css – все сбила =( пришлось перезалить файл. В шаблоне его изначально нет =(
вот css upwap.ru/702073
индекс пхп upwap.ru/702074
Помогите пожалуйста!! Tatyana(Цитировать)
Слушай Алекс!
А давай ты мне поможешь с сайтом а я тебе с дизайном если надо ???=)
У меня еще тут маленькие- премаленькие вопросы просто есть
Tatyana(Цитировать)
Какое лого тебе надо вставить? Ты хочешь заменить текст на картинку? Алекс(Цитировать)
Давай все в письме (я пришлю тебе адрес) Алекс(Цитировать)
ага =) адрес картинки в пых файле – это я его пыталась там приспособить =) Tatyana(Цитировать)
Изменяю что либо в админке, делаю сохранить пишет-Сбой операции: Сбой при открытии файла на запись. Что это значит, права стоят. Алекс (гость)(Цитировать)
После долгих манипуляций (templates.css был недоступен на запись) я всё-таки снёс стандартную картинку, но теперь там моего логотипа тоже нету и старый логотип уже не ставится, хотя прописан и лежит в папке. Где подвох? Вова(Цитировать)
Найди файл на который указывает и поставь права 777 Tatyana(Цитировать)
по ходу с лого на сайт мне тут никто не поможет =( Tatyana(Цитировать)
Я тебе написал на меил Алекс(Цитировать)
Здравствуйте! Нахожусь в самом начале разработки сайта. Скачал шаблон и начал с ним работать. В верхней шапки сайта http://www.stereo-cafe.ru размещена ссылка на сам сайт… я хочу ее убрать, но не могу найти, в каком файле она находится… если есть такая возможность мне в этом помочь – буду оч признателен! Илья(Цитировать)
спасибо, вопрос решился, методом тыка в файле index.php нашел инфо, отвечающее за эту ссылку)) Илья(Цитировать)
Подвох был в кеше. Я всё правильно делал, просто не видел этого результата. В опере вроде надо руками кэш обновлять. Вова(Цитировать)
Я установил Joomla_1.5.15_RE-Stable-Full-Package.tar.gz вроде все в норме но не могу белый фон изменить. Подскажите… Улан(Цитировать)
Какой шаблон ты используешь? Алекс(Цитировать)
Шаблон rhuk_milkyway Улан(Цитировать)
увеличиваю размер логотипа, и почему-то всё сдвигается, подскажите как сделать…
http://fotki.yandex.ru/users/denisy-ngtu/view/257226/?page=0 Оксана(Цитировать)
вот wcc%
div#header_l {
height: 170px;
position: relative;
}
div#header_r {
height: 170px;
padding-left: 370px;
padding-right: 30px;
padding-top: 25px;
overflow: hidden;
text-align: left;
}
div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 153px;
height: 153px;
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
margin-left: 50px;
margin-top: 25px;
} Оксана(Цитировать)
объясните пожалуйста для полного дятла в php. Шаблон стандартный rhuk_milkyway. файл логотипа (mw_joomla_logo.png) тоже не переименовывал, просто сделал свой того же типа и засунул обратно где взял. как сделать его ссылкой? в какое место в index.php какую строчку вставить? вместо чего то, или рядом с чем то? Denis(Цитировать)
Шапка имеет определенный размер и разделена на части, для которых тоже определены размеры. Поэтому, если размер логотипа больше чем выделенное место – все сдвигается…
Алекс(Цитировать)
Я установил Joomla_1.5.15_RE-Stable-Full-Package.tar.gz вроде все в норме но не могу белый фон изменить. Шаблон rhuk_milkyway Подскажите… Улан(Цитировать)
Max, ещё бы понять куда этот код вставить. Тоже хочу Лого сделать ссылкой. Ирина(Цитировать)
действительно! куда вставлять то?! dodiez(Цитировать)
Во-первых данный код вставился неправильно в моем комментарии, потому что в данном блоге не поддерживается отображение php кодов.
Во вторых вставлять код нужно в index.php вашего шаблона, куда именно зависит от того в какой строке расположен ваш логотип, то есть между тегами td b /td таблицы в которой прописан логотип. Max(Цитировать)
Тогда у меня, наверно, между DIV
А как правильно на PHP написать? Ирина(Цитировать)
смотря какой шаблон, нужно html-код своего логотипа (не трудно найти в index.php) заменить на php-код, какой именно могу скинуть на почту, в комментарии он не отобразится Max(Цитировать)
получилось
Не до конца, правда, осознала.
/* «»
<a href='index.php' alt="baseurl ?>/templates/template;?>/images/mw_razvitie_logo.png»>
<img src="baseurl ?>/templates/template;?>/images/mw_razvitie_logo.png»
border=»0″ alt=»" width=»258″ height=»114″ />
«» */ Ирина(Цитировать)
из *.css не забудьте убрать строчку с Logo Ирина(Цитировать)
почему время в комментарии стоит 18, когда сейчас 23:45? Ирина(Цитировать)
Спасибо за ответ! Может предложите какие-нибудь пути решения проблемы? Оксана(Цитировать)
Можно увидеть эту страницу или она на локалке? Алекс(Цитировать)
Алекс , спасибо , статья супер , но я надеюсь ты меня поймешь , хотя бы ради людей , ведь все гораздо проще и интересней , а главное качественней , я полный новичёк в joomla , только сегодня первый раз увидел , и в нете я тоже совсем не давно , и именно по этому хочу помочь ребятам и девчатам …
Этак , как я уже сказал , все гораздо проще .
Я буду краток и понятен..
1.Скачиваем программу «AAA logo 2008″ её много и везде бесплатно
2.Разбираемся с ней ( хотя она простая как пять копеек ), создаем красивый лого , с тенями красками и всеми причиндалами , о которых можно только мечтать и ( если есть вопросы по программе , обращайтесь , помогу в знак доброй воли , mnogotonik@rambler.ru )
3.Затем сохраняем ( с помощью того же aaa logo ) нашу картинку , и прописываем ей название – mw_joomla_logo.png ( file – export logo for the web – выбираем PNG 24 bits file – ставим две галочки – continue и все , вуаля , пишем название , прописанное выше …
4.Дальше еще проще , врубаем любой ftp клиент , заходим в корневой каталог\templates\rhuk_milkyway\images\mw_joomla_logo.png)и в совершенно грубой форме удаляем файл – mw_joomla_logo.png а в место него закачиваем свой с таким же названием , и…. ВСЕ!!! А вы ждали еще чего то , нет , правда все , осталось только зайти на сайт , пару раз обновить страницу и снова ВУАЛЯ , все стоит , без фона , без шума , красиво , и со вкусом… Самый самый новичек(Цитировать)
Привет «Самый самый новичек»!
Спасибо за комментарий. Извени, но я убрал ссылку на скачивание программы – кто захочит , сможет ее купить или поискать где ее можно скачать. Алекс(Цитировать)
Да ради бога Алечко , слава богу я зарабатываю и так нормально , а депозитик платит ерунду , главное , что бы люди не мучились , а программку , можно бесплатно найти , почти везде , если в голове , что то есть …. Благодарен , за то что оценил , желаю успехов – АЛЕКС…Уважуха по любому… Самый самый новичек(Цитировать)
В заголовке стандартной поставки Joomla 1.5.6. в правой части показывается текст на английском, примерно: «The one thing about a Web site, …. your site. Как его заменить на свой текст? Вова(Цитировать)
Здравствуйте.
Алекс, подскажите, пожалуйста, как в стандартном шаблоне rhuk_milkyway вставить второй лого (либо текст, без разницы) центр справа от первого лого, которое слева?
Пробовал сделать так:
Но второй лого оказывается снизу первого, а нужно по центру.
Пример:
http://www.sendspace.com/file/kqv2v3 Семён(Цитировать)
Странно, почему css код не отобразился…
Семён(Цитировать)
Самый простой способ, создать модуль (HTML) отображающий второе лого и поставить его на место top
Если хочешь, задай этот вопрос на форуме (http://forum.idea2site.com) и я отвечу там по подробнее – там удобнее
Алекс(Цитировать)
Привет Семен.
Я ответил тебе на форуме : http://forum.idea2site.com/viewtopic.php?f=9&t=3&p=6#p6 Алекс(Цитировать)
Вова привет
Просто отключи дефолтный модуль , который нахотится в позиции «top»
Я ответил Семену на похожий вопрос на форуме : http://forum.idea2site.com/viewtopic.php?f=9&t=3&p=6#p6 Алекс(Цитировать)
На форуме нужно снова регистрироваться? А отсюда нельзя?
Очень уж достают эти регистрации.
Я не пойму куда мне вставить счетчик LiveInternet. Ирина(Цитировать)
Если вопрос по теме статьи , можно и сюда. Просто на форуме будет проще и другим -итателям найти ответ на вопросы которые задавали до них
В шаблон Алекс(Цитировать)
А хотелось бы через модуль. Ирина(Цитировать)
Можно создать модуль типа «Произвольный HTML-код» и добавить в него HTML код счетчик LiveInternet Алекс(Цитировать)
Я так и сделала. Переключала даже редактор на html.
Но сам счетчик почему-то так и не появился. Заглавие появилось, а значок нет. Может я не дождалась? Ирина(Цитировать)
Там проблема с javascript …
Немного освобожусь и сделаю модуль для Joomla Алекс(Цитировать)
Ирина, я сделал модуль для Joomla! для установки счетчика LiveInternet. Задесь можно почитать о нем по подробнее и скачать его первую версию: http://forum.idea2site.com/viewtopic.php?f=9&t=4 Алекс(Цитировать)
Всем привет! Я только начал изучать joomla! Потому многово еще не понимаю! Мой вопрос:
У меня шаблон redevo_aphelion мне нужно вставить за место логотипа другую картинку (это я умею), но мне нужно поменять ссылку (стандартно стоит на главную страницу сайта). Сделать ссылку на другой сайт. Это возможно? Если да, то как? Пожалуйста, пишите ответ подробно. Кирилл(Цитировать)
Привет Кирилл
Изменения надо сделать в файле index.php , который находится в templates/redevo_aphelion
Замени index.php в ссылке (href=»index.php») , нужный на адрес . Алекс(Цитировать)
Большое спасибо Алекс! Кирилл(Цитировать)
У меня есть еще вопрос:
А как поменять всплывающее сообщение «Back to homepage», при наведении мыши на логотип? Кирилл(Цитировать)
Кирилл,
Открой файл index.php (в templates/redevo_aphelion) и посмотри что написано после title= в ссылке, которая нахотиться после следующего кода:
‘< 'div id="wrapper" class="width_fluid"'>‘
‘< 'div id="heading"'>‘
‘< 'h1'>‘
Напиши что там написано и я смогу тебе помочь Алекс(Цитировать)
`title=»" id=»sitenameparams->get(«logoStyle»,»1″); ?>»>getCfg(’sitename’);?>`
«homepage» я убрал, а «Back to» осталось. Кирилл(Цитировать)
Кирилл
Я поищу этот шаблон и скажу тебе точно что сделать Алекс(Цитировать)
Кирилл,
В директории /language/en-GB/ есть файл en-GB.tpl_aphelion.ini Скопируй его в директорию /language/ru-RU/ и измени название на ru-RU.tpl_aphelion.ini
В новом файле поменяй :
HOMEPAGE=Back to homepage
На :
HOMEPAGE=Вернуться на главную страницу Алекс(Цитировать)
Большое спасибо Алекс. Очень выручил. ) Кирилл(Цитировать)
Всегда рад помочь
Кирилл, у меня одна просьба, если у тебя будут еще вопросы , задавай их пожалуйста на форуме : http://forum.idea2site.com Там и задавать вопросы удобнее и другим легче находить ответы на похожие вопросы Алекс(Цитировать)