Как сделать логотип в шапке ссылкой

[hmaoITN]

Как сделать логотип в шапке ссылкой на главную страницу.

[Аня]

В index.php прописать

Код:

<a href="<?php echo $mosConfig_live_site;?>" title="<?php echo $mosConfig_sitename; ?>"><img alt="<?php echo $mosConfig_sitename; ?>" src="<?php echo $mosConfig_live_site;?>/templates/траливали/images/logo.gif" width="..." height="..." border="0"/></a>

[beliyadm]

Аня, только для 1.5 нужно писать так

Код:

<?php
$config = & JFactory::getConfig();
?>
<a href="<?php echo JURI::base(); ?>" title="<?php echo $config->getValue('sitename'); ?>"><img src="logo.jpg" alt="<?php echo $config->getValue('sitename'); ?>" /></a>

[Аня]

Спасибо, Петя! А я все по-старинке...

[beliyadm]

твое по старинке будет работать только в legacy режиме, потому смысла нет, надо сразу для native писать

[hmaoITN]

Спасибо!

[redvurd]

Простите что вмешиваюсь в разговор, просто у меня та же проблема. Попробывала сделать все как вы советуете, почему то не выходит.
Вот кусок кода индексного файла
<div
        <?
           $config   = & JFactory::getConfig();
?>
<a href="<?php echo JURI::base(); ?>" title="<?php echo $config->getValue('sitename'); ?>">background: url(../images/header_bg.gif)   alt="<?php echo $config->getValue(''); ?>"</a>


            <div class="spacer"></div>
            <div id="title_container">
                <div id="title">
                   
                </div>
Но вместо хедера отображается только фраза в виде ссылки - background: url(../images/header_bg.gif)   alt="", почему? Подскажите новичку
Но вместо

[Аня]

Первый <div не имеет скобочки >
Ссылка должна быть на логотип, а не на бэкграунд, а про логотип в вашем коде речи нет. Сравните с тем, что написал beliyadm и равняйтесь на этот образец - он плохого не посоветует!

[redvurd]

Да все нашла ошибочку все оторбажется, спасибо за помощь

[PashkaRu]

а еще бы хорошо делать ссылку на картинку с лого на всех страницах, кроме первой : )

[beliyadm]

а еще бы хорошо делать ссылку на картинку с лого на всех страницах, кроме первой : )

спорно

[PashkaRu]

ну, может быть.
у самого и так и сяк сделано.
на главной, как там в камментах есть, вместо f5 пользуется : )

[YurikS]

Аня, только для 1.5 нужно писать так

Код:

<?php
$config = & JFactory::getConfig();
?>
<a href="<?php echo JURI::base(); ?>" title="<?php echo $config->getValue('sitename'); ?>"><img src="logo.jpg" alt="<?php echo $config->getValue('sitename'); ?>" /></a>

Так и не понял в какое место index.php вставлять?
Пробовал выше-ниже этого:
               <div id="logo"></div>
                  <jdoc:include type="modules" name="top" />
               </div>
            </div>
         </div>
В результате Появляется только надпись с названием сайта-она-же ссылка на главную, но никак не картинка-логотип.
Подскажите куда вставлять код?

[Аня]

Код:

<div id="logo"></div>

- а где лого-то, где сам имидж?

Код:

<div id="logo"><a href="<?php echo JURI::base(); ?>" title="<?php echo $config->getValue('sitename'); ?>"><img src="logo.jpg" alt="<?php echo $config->getValue('sitename'); ?>" /></a></div>

[sv65]

Код:

<div id="logo"></div>

- а где лого-то, где сам имидж?

Код:

<div id="logo"><a href="<?php echo JURI::base(); ?>" title="<?php echo $config->getValue('sitename'); ?>"><img src="logo.jpg" alt="<?php echo $config->getValue('sitename'); ?>" /></a></div>

нет.
так не получается.
сам логотип прописан в template.css и его файл лежит в имиджевой папке.
а в index.php есть только

Код:

<div id="header_r">
<div id="logo"></div>
<jdoc:include type="modules" name="top" />
</div>

так как сделать в шаблоне милкивеевском активный логотип?

Памажите, люди добрые

Спасибо !

[Аня]

В темплейт.ксс есть код

Код:

div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 298px;
height: 75px;
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
margin-left: 30px;
margin-top: 25px;
}

Как видишь, лого в нем прописан как бэкграунд, а ты впиши его в индекс как картинку и ссылку сделай на него, как написано в этой теме, а бэкграунд этот убери ваще.

[danik.html]

в лого вставляешь <a href="/" title="на главную"></a>
в CSS дописываешь
#logo a{
    display: block;
    width: 100%;
    height: 100%;
}

[sv65]

В темплейт.ксс есть код

Код:

div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 298px;
height: 75px;
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
margin-left: 30px;
margin-top: 25px;
}

Как видишь, лого в нем прописан как бэкграунд, а ты впиши его в индекс как картинку и ссылку сделай на него, как написано в этой теме, а бэкграунд этот убери ваще.

Спасибо Вам большое за участие в моём вопросе!
Правда, что-то у меня так не получилось и я сделал так, как мне посоветовал danik.html

[sv65]

в лого вставляешь <a href="/" title="на главную"></a>
в CSS дописываешь
#logo a{
    display: block;
    width: 100%;
    height: 100%;
}

Всё сделал как Вы посоветовали и получилось.
Спасибо Вам большое!
+1

[qwerty456]

Все перепробовал, не получилось мой сайт: http://tatarinovo.albeon.ru/ . Я новичок, эта моя первая работа. У кого сработал любой из перечисленных методов пожалуйста распишите подробнее подробного, что больше не у кого не возникало вопросов. Надеюсь на вашу помощь, спасибо. Мойт сайт работает на Joomla 1.5.17

[SmokerMan]

Все перепробовал, не получилось мой сайт: http://tatarinovo.albeon.ru/ . Я новичок, эта моя первая работа. У кого сработал любой из перечисленных методов пожалуйста распишите подробнее подробного, что больше не у кого не возникало вопросов. Надеюсь на вашу помощь, спасибо. Мойт сайт работает на Joomla 1.5.17

Более подробно идем учить HTML и CSS, без его знания все равно ничего не сделаете.
В каждом случае делается по разному.

[PashkaRu]

и Joomla тут какбе ваще не при чем : )

[qwerty456]

С HTML и CSS не все плохо   у болшенства работает метод:
 лого вставляешь <a href="/" title="на главную"></a>
в CSS дописываешь
#logo a{
    display: block;
    width: 100%;
    height: 100%;
}
все вроде очень прозрачно с точки зрение простой логики и элементарных знаний HTML и CSS должно работать железно не блин не работает по этому я обратился

[qwerty456]

Также перед написанием сообщения, много что попробовал из приведенного выше, не работает и все помогите очень прошу

[PashkaRu]

а зачем делать
#logo a

?

может лучше присвоить ссылке айди logo? тогда будет a#logo

это раз, и два - height:100% для дивов с трудом работает. высота шапки обычно не меняется и лучше, если хочется сделать ссылкой всю шапку, сделать height:100px (если ее высота 100 пикселей)

[qwerty456]

PashkaRu спасибо тебе, проблема была в высоте при изменинии % на px все заработало ))) не знал: height:100% для дивов с трудом работает, еще паз спасибо за просвещение

[art-m1987]

Почитал, попробовал, как тут написано и не получилось...
Вот класс из индекса:

  <div class="art-header-jpeg"> - он отвечает за шапку

А в CSS прописано:

Код:

div.art-header-jpeg
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 986px;
  height: 175px;
  background-image: url('../images/shapka.gif'); - это я уже менял Хедер
  background-repeat: no-repeat;
  background-position: center center;

Подскажите, нужно сделать, чтобы при нажатии на shapka.gif, перекидывало на главную страницу сайта...

Тестовый адрес сайта: http://ac86969.onparking.ru/

[Reveal]

Самый простой и быстрый способ сделать логотип в шапке ссылкой на стартовую страницу сайта:

Создаем модуль, который будет выводить логотип:
Менеджер модулей --> Создать --> Произвольный HTML-код.

Обзываем модуль, например, Logo; Выбираем позицию модуля - обычно она так и называется logo; назначаем отображение модуля на всех страницах.

Открываем окошко (переключаемся в режим) редактирования HTML кода, и там вставляем это:
<a href="/"><img src="путь_к_вашему_логотипу/logo.png" alt="Название Сайта" /></a>

Живой пример: <a href="/"><img src="images/stories/images/logo.png" alt="Мой сайт" width="197" height="70" /></a>

Примечание!
1. Указывайте правильно путь к логотипу относительно корня сайта!
2. Указывайте правильное название файла вашего логотипа!
3. Не будет лишним указать значения width и height, как в моем примере.

Ответ на вопрос "почему в ссылке ставится просто слэш?":
потому что в редакторе указываются относительные ссылки, и при генерации страницы система сама подставит домен вашего сайта, следовательно, при выводе страницы в браузере ссылка будет выглядеть так: http://ваш-домен/

[PashkaRu]

можно сделать, чтобы на главной странице лого был неактивным.

надо сделать два модуля на одно место, одн показывается везде, кроме первой страницы (тут лого со ссылкой), второй - его копия, только ссылку надо убрать. Он будет показываться только на первой странице.

[Аня]

Надо же, такой простой вопрос, а сколько сообщений!