Как поменять логотип в стандартном шаблоне 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 , если сайт выл открыт) и вы увидите сделанные вами изменения.
Если у Вас есть вопросы по этому уроку или у Вас есть пожелания по поводу материалов на сайт – пишите!
Подпишитесь на
Ещё б понять как изменить размер поля случайной новости, той что с права от логотипа, а то когда увеличиваешь размер логотипа, он закрывает новость и всё остальное, странная настройка слоя по умолчанию.
(Цитировать)
Подскажите, пожалуйста – у меня логотип нарисован в корал дроу, при вставлении (извините) в шаблон он сильно теряет в качестве изображения-появляется гребёнка, нет чёткости. Как поправить эту ситуацию?
p.s. изначально лого в шаблоне было в .gif – я соответственно экспортирую в .gif
Спасибо зарание.
(Цитировать)
Что бы не терять качество лучше успользовать формарты JPG или PNG
Экспортируйте в подходящем по качеству формате (но не забудьте , что чем лучше качество увеличивается размер изображения) и измените в шаблоне название и расширение файла. Если не знаете как это делать – пишите и я помогу.
(Цитировать)
а как быть, если захожу в редактор шаблона, но div#logo отсутствует
(Цитировать)
fred, это был пример для стандартного шаблона rhuk_milkyway. Если у тебя есть проблемы с каким то другим шаблоном, пришли мне ссылку на сайт или название шаблона, и я помогу
(Цитировать)
Здравствуйте!Хочу изменить логотип шаблона RT Nexus захожу в редактор,но div#logo там нет
(Цитировать)
Алекс:2 шаблон уже удалили, не понравился руководству, когда будет новый, обращусь.
заранее благодарен!!!
(Цитировать)
Сергей, в этом шаблоне лого указано в строке :
#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
(Цитировать)
Привет
Какие названия ты хочешь изменить?
(Цитировать)
Как сделать этот самый логотип как ссылку, допустим на главную страницу, никак не могу понять??
(Цитировать)
Здравствуйте!Хочу изменить логотип шаблона ,всё сделал как Вы описали а когда нажал применить выдало следующее:Сбой операции: Сбой при открытии файла на запись.И ещё 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’); ?>» />
(Цитировать)
Код не вставляется в комментарий
[code]
<a href="" title="getValue('sitename'); ?>"><img src="logo.jpg" alt="getValue('sitename'); ?>" />[/code]
(Цитировать)
П
после того как почистил кеш на главной странице ероглифы а на всех остальных нормаль и когда заходиш на сайт под своим профилем ероглифы пропадают(
(Цитировать)
Комментарии не поддерживают [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
Помогите пожалуйста!!
(Цитировать)
Слушай Алекс!
А давай ты мне поможешь с сайтом а я тебе с дизайном если надо ???=)
У меня еще тут маленькие- премаленькие вопросы просто есть
(Цитировать)
Какое лого тебе надо вставить? Ты хочешь заменить текст на картинку?
(Цитировать)
Давай все в письме (я пришлю тебе адрес)
(Цитировать)
ага =) адрес картинки в пых файле – это я его пыталась там приспособить =)
(Цитировать)
Изменяю что либо в админке, делаю сохранить пишет-Сбой операции: Сбой при открытии файла на запись. Что это значит, права стоят.
(Цитировать)
После долгих манипуляций (templates.css был недоступен на запись) я всё-таки снёс стандартную картинку, но теперь там моего логотипа тоже нету и старый логотип уже не ставится, хотя прописан и лежит в папке. Где подвох?
(Цитировать)
Найди файл на который указывает и поставь права 777
(Цитировать)
по ходу с лого на сайт мне тут никто не поможет =(
(Цитировать)
Я тебе написал на меил
(Цитировать)
Здравствуйте! Нахожусь в самом начале разработки сайта. Скачал шаблон и начал с ним работать. В верхней шапки сайта 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 какую строчку вставить? вместо чего то, или рядом с чем то?
(Цитировать)
Шапка имеет определенный размер и разделена на части, для которых тоже определены размеры. Поэтому, если размер логотипа больше чем выделенное место – все сдвигается…
(Цитировать)
Я установил Joomla_1.5.15_RE-Stable-Full-Package.tar.gz вроде все в норме но не могу белый фон изменить. Шаблон rhuk_milkyway Подскажите…
(Цитировать)
Max, ещё бы понять куда этот код вставить. Тоже хочу Лого сделать ссылкой.
(Цитировать)
действительно! куда вставлять то?!
(Цитировать)
Во-первых данный код вставился неправильно в моем комментарии, потому что в данном блоге не поддерживается отображение php кодов.
Во вторых вставлять код нужно в index.php вашего шаблона, куда именно зависит от того в какой строке расположен ваш логотип, то есть между тегами td b /td таблицы в которой прописан логотип.
(Цитировать)
Тогда у меня, наверно, между DIV
А как правильно на PHP написать?
(Цитировать)
смотря какой шаблон, нужно html-код своего логотипа (не трудно найти в index.php) заменить на php-код, какой именно могу скинуть на почту, в комментарии он не отобразится
(Цитировать)
получилось
Не до конца, правда, осознала.
/* «»
<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=Вернуться на главную страницу
(Цитировать)