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

[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]

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

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

[Аня]

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

[rkorkin]

Всем здравствуйте! Ребят, может не совсем по теме, но у меня такой вопрос:
Работаю с шаблоном, потребовалось перерисовать шапку. Изменения в дизайне сделал, поместил изображение в нужную папку - все заработало. Встал мой дизайн. В дизайне шапки предполагается участок-картинка (карта сайта), при нажатие на которую пользователь мог бы перейти в нужный раздел (картинка-ссылка). В шаблоне такие функции не предполагались. Может кто подскажет каким образом реализовать это? В какие файлы вносить изменения? С помощью image map?
Подскажите кто сталкивался с подобной задачей. Заранее спасибо!
В этой же шапке с левой стороны расположен логотип, этот участок тоже было бы здорово сделать кликабельным.

[Reveal]

Всем здравствуйте! Ребят, может не совсем по теме, но у меня такой вопрос:
Работаю с шаблоном, потребовалось перерисовать шапку. Изменения в дизайне сделал, поместил изображение в нужную папку - все заработало. Встал мой дизайн. В дизайне шапки предполагается участок-картинка (карта сайта), при нажатие на которую пользователь мог бы перейти в нужный раздел (картинка-ссылка). В шаблоне такие функции не предполагались. Может кто подскажет каким образом реализовать это? В какие файлы вносить изменения? С помощью image map?
Подскажите кто сталкивался с подобной задачей. Заранее спасибо!
В этой же шапке с левой стороны расположен логотип, этот участок тоже было бы здорово сделать кликабельным.

Я так понимаю, переделываете готовый шаблон под свои нужды (или запросы заказчика)...
Думаю, никто вам не даст с ходу готовых решений.
Вам стоит копать в сторону верстки index.php - добавить туда нужные позиции модулей, чтобы можно было вывести картинку с помощью модуля.

А логотип не модулем выводите? Если модулем, то смотрите выше - там написано, как логотип сделать ссылкой.

[SmokerMan]

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

а там, случайно, дерева со стороны Юпитера не стояло?

[rkorkin]

Только знакомлюсь с жумлой, так что сильно не бейте если что, и направляйте в нужную сторону )))
В шаблоне шапка прописана как

Код:

.page-body-2 { background: url(../images/page_bg_img.jpg) 50% 0 no-repeat; }

Тоесть является бэкграундом. Я взял эту картинку и заменил на свою. В приложенном файле - отметил участки, которые хочется сделать линками на шапке. В статичном Html'e реализовалось бы как-то так я предполагаю:

Код:

<p>
   <img src="mypic.jpg" width="300" height="200"
        usemap="#mymap">
</p>
<map name="mymap">
   <area shape="rect" coords="0,0,99,99" href="index1.html">
   <area shape="rect" coords="99,0,100,70" href="index2.html">
</map>

А как же быть в моем примере?

[Alex_iPod]

Выбираем позицию модуля - обычно она так и называется logo;

К сожалению не у всех шаблонов есть позиция logo.

[PashkaRu]

а кто мешает ее сделать самому?

[Alex_iPod]

а кто мешает ее сделать самому?

Признаться я с Joomla недавно, в двух словах расскажите пожалуйста, как это сделать?

[PashkaRu]

в двух словах:
копи-паст

[Alex_iPod]

в двух словах:
копи-паст

Уважаемый PashkaRu, я все уже перепробовал, но результата нет.

Часть кода index.php

Код:

<div id="headerinner">
<div class="logo">
<img src="images/<?php echo $this->params->get('tmlogo'); ?>" />
                        <div class="tagtext"><?php echo $this->params->get('tagLine'); ?></div>
</div>
<?php if($this->countModules('top')) :?>
<div id="topmod">
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
<?php endif;?>
</div>

часть кода template.css

Код:

/* Logo */
.logo {background-color:transparent;float:left;height:66px;position:relative;width:228px;margin-left: 32px; margin-top:13px;}
#login {float:left;width:69%;}
#search{float:right;width:30%; padding-top:10px; margin-right:10px; align:right; }
/* TopMod */
#topmod {float:right;height:70px;width:315px;padding-top: 34px; margin-right:20px;}
/* Mainbody */
#mainbody {margin-bottom:10px;float:left;}
#mainbody .maincontent{float:left;padding:0px 10px 0px 10px;float:left;background-color:#fff;}
#mainbody .modulecontenttop{float:left;width:100%;height:10px;}
/* Top User Modules */
#topusermods {float:left;width:588px;}
/* Duo Modules */
#duomods {float:left;width:984px;}

Я конечно понимаю что надо углубиться в HTML и CSS, но у меня щас просто нету времени, поэтому слезно прошу: уважаемые форумчане, помогите, пожалуйста, закончить проект! В противном случае приглашаю на мои похороны :-(

[PashkaRu]

вставка модуля "лого" в шаблон:

<jdoc:include type="modules" name="logo" />

в том месте, где нужен лого.

дальше сделать модуль (как он называется-то, не помню?) html-ный, туда вставить картинку, позицию модуля указать как logo

прямо там в поле, где указывается позиция, прямо там в нем и вписать.

ВСЕ.

[edzzie]

как по мне я решил проблему автора проще.

было  <div id="logo"></div> 
стало   <a href="<?php echo JURI::base(); ?>"> <div id="logo"></div> </a>

тоесть поставил div выводящий логотип во внутрь ссылки.

[danik.html]

как по мне я решил проблему автора проще.

было  <div id="logo"></div> 
стало   <a href="<?php echo JURI::base(); ?>"> <div id="logo"></div> </a>

тоесть поставил div выводящий логотип во внутрь ссылки.

Эх, и как же тебе не стыдно в маленький худенький anchor совать толстый жирный division. Делать надо наоборот.(a - inline элемент, и не может содержать в себе блочные элементы, такие как div)

[PashkaRu]

на худой конец можно сделать a  блоковым элементом (если в свойствах задать ему display:block). Но вставлять див в ссылку - это... конечно...

можно сделать еще примерно так же, но тока не див, а спан, спан в ссылку можно. при том, что он будет иметь свойства того же дива (если в свойствах задать ему display:block)

[angel174]

Спасибо, хоть и немного другое надо было, но суть ответов на мысль натолкнула....

[daco77]

Скажите, пож-та, а если сделать так, то чем это грозит? Если честно, мне было так проще, точнее понятнее. Это будет плохо сказываться на оптимизацию?

как по мне я решил проблему автора проще.

было  <div id="logo"></div> 
стало   <a href="<?php echo JURI::base(); ?>"> <div id="logo"></div> </a>

тоесть поставил div выводящий логотип во внутрь ссылки.

[Аня]

А реально это не всегда работает! Когда делаешь ссылку внутри дива. Вот со вставленной картинкой - другое дело.

[witas05]

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

Код:

<div class="art-header">
      <div class="art-header-jpeg"></div>
<script type="text/javascript" src="<?php echo $templateUrl; ?>/swfobject.js"></script>
<div id="art-flash-area">
<div id="art-flash-container">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="940" height="235" id="art-flash-object">
    <param name="movie" value="<?php echo $templateUrl; ?>/images/flash.swf" />
    <param name="quality" value="high" />
<param name="scale" value="exactfit" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.70&amp;framerate1=24&amp;loop=true" />
    <param name="swfliveconnect" value="true" />
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="<?php echo $templateUrl; ?>/images/flash.swf" width="940" height="235">
        <param name="quality" value="high" />
    <param name="scale" value="exactfit" />
    <param name="wmode" value="transparent" />
    <param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.70&amp;framerate1=24&amp;loop=true" />
        <param name="swfliveconnect" value="true" />
    <!--<![endif]-->
      <div class="art-flash-alt"><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></div>

[Аня]

Ну, может, действительно лучше всего модулем вставить? Флэш в модуль и там сделать ссылку на него?

[witas05]

Ну, может, действительно лучше всего модулем вставить? Флэш в модуль и там сделать ссылку на него?

Как вариант можно, Но если не будет установлен флешь плеер посетитель вообще не увидит шапку... а так у меня на случай заглушка стоит jpg, я слышал что можно как то на ява скрипте сделать прозрачную кнопку и в нее ссылку, но как я не знаю... не сильно силен в этом, но и не навичек вроде по подобным форумам сам все делаю разбираюсь а тут аж застрял ничего не выходит

[witas05]

Нашел решение, поскольку была проблема переделать сам flash вшить ссылку туда, сделал флешь с кнопкой ссылки и наложил его поверх просто и вуаля все работает, вот как это у меня выглядет:

Код:

<div id="art-flash-container">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="940" height="235" id="art-flash-object">
    <param name="movie" value="<?php echo $templateUrl; ?>/images/flash.swf" />
    <param name="quality" value="high" />
<param name="scale" value="exactfit" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.70&amp;framerate1=24&amp;loop=true" />
    <param name="swfliveconnect" value="true" />
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="<?php echo $templateUrl; ?>/images/flash.swf" width="940" height="235">
        <param name="quality" value="high" />
    <param name="scale" value="exactfit" />
    <param name="wmode" value="transparent" />
    <param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.70&amp;framerate1=24&amp;loop=true" />
        <param name="swfliveconnect" value="true" />
    <!--<![endif]-->
      <div class="art-flash-alt"><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></div>
    <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
</object>
</div>
<div id="art-flash-container">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="940" height="235" id="art-flash-object">
    <param name="movie" value="<?php echo $templateUrl; ?>/images/link.swf" />
    <param name="quality" value="high" />
<param name="scale" value="exactfit" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.70&amp;framerate1=24&amp;loop=true" />
    <param name="swfliveconnect" value="true" />
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="<?php echo $templateUrl; ?>/images/link.swf" width="940" height="235">
        <param name="quality" value="high" />
    <param name="scale" value="exactfit" />
    <param name="wmode" value="transparent" />
    <param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.70&amp;framerate1=24&amp;loop=true" />
        <param name="swfliveconnect" value="true" />
    <!--<![endif]-->
      <div class="art-flash-alt"><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></div>

[vidoo]

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

Самый лучший совет! Спасибо огромное за четкий совет!  Респект!

[Аня]

А я теперь модулем вставляю - и менять легко.

[marozz1k]

блин все ответы прочитал, у всех div`ами сделано. А у меня в шаблоне

Код:

<table width="100%"  border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
                 <td  align="center" class="logoheader">&nbsp;</td>
               
        </tr>
  </table>

Код:

td.logoheader {
  margin: 0;
  padding:  0;
  background     : url(../images/header.jpg)  #fff no-repeat bottom left;
  height         : 65px;
  width          : 100%;
 
 }

[Аня]

Ну, на этот  <td  align="center" class="logoheader">&nbsp;</td> сделай ссылку.

[marozz1k]

не, по другому немножко.

Код:

<td  align="center" class="logoheader"><a class="HeadLink"></a></td>

и ксс

Код:

<td  align="center" class="logoheader"><a href="ссылочка" class="HeadLink"> </a></td>

[phuntonik]

Господа, я немного не в тему, но лучше всего работает способ, предложенный danik.html

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

только немного модифицированный. Он работает и под Denwer'ом и на хостинге и вообще, мне кажется, идеален и прост:

В лого надо вставить <a href="<?php echo $this->baseurl ?>/" title="на главную"></a>
в CSS дописываешь
#[имя_дива_с_логотипом] a{
    display: block;
    width: 100%;
    height: [высота_картинки_с_лого_в_пикселях]px;
}

[Doc]

Может кто подскажет, все перепробовал и не фига не выходит
Дело в том, что у меня в шапке стоит как бы фото и там домик, при его нажатии попадаешь на главную и второе поиск
И если вставляю коды приведенные здесь, в теме, то эта фотка уходит с шапки вниз и я вот не пому, что бы вставлять этот код, то свой нужно удалить ?
Типа так, вот мой код

Код:

<div id="logo">
<div  id="top_bar"><img border="0" src="<?php echo $this->baseurl ?>/templates/bizcity_ii/images/trans.gif" alt="" width="196" height="50" usemap="#Map" />   
</div></div>

Что бы сделать лого кликобальным, то меняем так

Код:

<div id="logo">
<a href="/" title="на главную"></a>
</div></div>

Или как ?
Подскажите, а то уж очень хочется сделать, что бы при нажатии на лого, то переходил на главную

[WOOF]

Тут мне подсказали очень интересный код, для организации перехода. Шаблон самопальный, все сделано div'ами. Правки вносятся в index.php.

Было:

<div id="wrapper">
  
<div id="header">
<div class="runsting"><jdoc:include type="modules" name="top" /></div>
</div><!-- #header-->

Стало:

<div id="wrapper">
  
<div id="header" style="position:relative;">
<a href="/"><div style="position:absolute; width:300px; height:300px;left:0px; top:0px;"></div></a>

<div class="runsting" ><jdoc:include type="modules" name="top" />

</div>
</div><!-- #header-->

Работает следующим образом: Логотип картинки на сайте http://www.уютныевещи.рф теперь кликабелен и не перегружено кодом

[Doc]

У меня не какой вариант не выходит и лого так и не становиться кликобальным
Думаю разработчику написать, может он поможет

[Doc]

Во, что то получилось...
Кто знает, правильно так будет или нет
Был такой код

Код:

<div id="logo">
<div  id="top_bar"><img border="0" src="<?php echo $this->baseurl ?>/templates/bizcity_ii/images/trans.gif" alt="" width="196" height="50" usemap="#Map" />
</div></div>

А сделал такой

Код:

<a href="<?php echo JURI::base(); ?>"><div id="logo">
<div  id="top_bar"><img border="0" src="<?php echo $this->baseurl ?>/templates/bizcity_ii/images/trans.gif" alt="" width="196" height="50" usemap="#Map" />
</div></div>

закрывающий тег </a> не куда не ставил и больше не чего не куда не прописывал и вроде все нормально работает
Можно так оставить ? или нужно, все таки еще куда то, что то прописать ?

[wiedii]

а можно сунуть <a href="http://сайт.ру">

в templates/rhuk_milkyway/index.php

между
<div id="header_r">
и
<div id="logo"></div>

?

[alfawebstudio]

Вот вы заморачиваетесь.

Если нужно сделать шапку ссылкой, просто поместите DIV-контейнер шапки в ссылку. Что-то вроде:

<a href="/"><div id="header"></div></a>

[spsystems]

У меня в шаблоне логотип находится в блоке вместе с корзиной. Проверил все предложенные варианты, пока ничего не получается..

В CSS логотип прописан как бекграунд:

Код:

#s5_header_inner2 {

background:url(../images/s5_logo.png) repeat-x;

height:95px;

}

В index данный блок находится в другом блоке, вместе с корзиной:

Код:

<div id="s5_header_wrap" style="width:<?php echo $s5_body_width - 16 ?>px">







<div id="s5_header_inner" style="width:<?php echo $s5_body_width - 16 ?>px">







<div id="s5_header_inner2" style="width:<?php echo $s5_body_width - 16 ?>px">







<?php if($this->countModules('cart')) { ?>







<div id="s5_cart">







<jdoc:include type="modules" name="cart" style="notitle" />







</div>

Пробовал делать активным данный блок, ставил начало кода

Код:

<a href="/">

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

[HiopsNerevar]

Попробуйте блоку с шапкой в CSS задать z-index: -1 (или меньше) либо блоку с корзиной z-index: 1(и больше).

[spsystems]

А что это даст, насколько мне известно индекс создает визуальное приближение\отдаление блока, или я не прав?

Я попробую, но просто не могу въехать где прописать ссылку на главную страницу.

Может кто-то решал эту проблему в шаблоне - Shopper Frenzy

[danik.html]

z-index тут не поможет, так как корзина оказывается внутри ссылки, и по сути становится частью ссылки. Это даже по логике не верно.
Нужно не оборачивать корзину в ссылку. Возможно нужно абсолютно спозиционировать либо ссылку, либо корзину. В любом случае зависит от конкретного вида шапки

[office39]

Хочу Попросить помощи у вас не могу не как сделать на самой шапке кнопку все испробывал в не какую . Может кто посоветует ? Какой то Код или заног о сделать шапку ?,,
Вот сама шапка  
Если кто знает  вот мой адрес почты London..21@bk.ru

[danik.html]

1) красным не пиши.
2) как ты пробовал? на каком этапе трудности?
3) приведи часть кода из index.php отвечающую за вывод шапки (весь index.php не нужен)

[office39]

1) красным не пиши.
2) как ты пробовал? на каком этапе трудности?
3) приведи часть кода из index.php отвечающую за вывод шапки (весь index.php не нужен)

Вот он код сам

Показать текстовый блок

<head>
 <jdoc:include type="head" />
 <link rel="stylesheet" href="<?php echo $document->baseurl; ?>/templates/system/css/system.css" type="text/css" />
 <link rel="stylesheet" href="<?php echo $document->baseurl; ?>/templates/system/css/general.css" type="text/css" />
 <link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" media="screen" />
 <!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
 <!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
 <script type="text/javascript" src="<?php echo $templateUrl; ?>/jquery.js"></script>
 <script type="text/javascript">jQuery.noConflict();</script>
 <script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
</head>
<body>
<div id="art-main">
<div class="art-sheet">
    <div class="art-sheet-body">
<div class="art-header">
    <div class="art-header-center">
        <div class="art-header-png"></div>
        <div class="art-header-jpeg"></div>
    </div>
<script type="text/javascript" src="<?php echo $document->baseurl . '/templates/' . $document->template; ?>/swfobject.js"></script>
<div id="art-flash-area">
<div id="art-flash-container">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1024" height="250" id="art-flash-object">
 <param name="movie" value="<?php echo $document->baseurl . '/templates/' . $document->template; ?>/container.swf" />
 <param name="quality" value="high" />
 <param name="scale" value="default" />
 <param name="wmode" value="transparent" />
 <param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.50&amp;framerate1=12&amp;loop=true&amp;wmode=transparent&amp;clip=<?php echo $document->baseurl . '/templates/' . $document->template; ?>/images/flash.swf&amp;radius=5&amp;clipx=0&amp;clipy=0&amp;initalclipw=1024&amp;initalcliph=250&amp;clipw=1024&amp;cliph=250&amp;width=1024&amp;height=250&amp;textblock_width=0&amp;textblock_align=no" />
    <param name="swfliveconnect" value="true" />
 <!--[if !IE]>-->
 <object type="application/x-shockwave-flash" data="<?php echo $document->baseurl . '/templates/' . $document->template; ?>/container.swf" width="1024" height="250">
     <param name="quality" value="high" />
     <param name="scale" value="default" />
     <param name="wmode" value="transparent" />
     <param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.50&amp;framerate1=12&amp;loop=true&amp;wmode=transparent&amp;clip=<?php echo $document->baseurl . '/templates/' . $document->template; ?>/images/flash.swf&amp;radius=5&amp;clipx=0&amp;clipy=0&amp;initalclipw=1024&amp;initalcliph=250&amp;clipw=1024&amp;cliph=250&amp;width=1024&amp;height=250&amp;textblock_width=0&amp;textblock_align=no" />
        <param name="swfliveconnect" value="true" />
 <!--<![endif]-->
  <div class="art-flash-alt"><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></div>
 <!--[if !IE]>-->
 </object>
 <!--<![endif]-->
</object>

[olegbelij]

Добрый день! Нужна помощь или совет т.к. у самого не получается справиться. В шапку на сайте нужно добавить номер телефона. Телефон планирую расположить прямо под поиском. Желательно чтобы телефон был кликабельным с переадресацией на страницу с контактами.
Шаблон it-union. Сайт - http://procarving.ru/

Html код:
</div><!-- Header Top -->                 
                   
                <!-- Header Inside -->
                <div id="header_inside">
               
                    <div class="wrapper">               
                       
                        <?php if ($this->countModules('logo')) { ?>
                        <div id="logo" style="width:<?php echo $logo_width ?>px;">         
                              <jdoc:include type="modules" name="logo" />   
                        </div>
                        <?php } ?>   
                       
                  
                  <?php if ($this->countModules('search')) { ?>
                        <div id="searcharea" class="floatright">
                            <jdoc:include type="modules" name="search" />   
                        </div>   
                        <?php } ?>
                       
                    </div>
       
                </div><!-- Header Inside -->
           
           
        </div><!-- Header -->                            

[Equilibrium07]

фейспалм... надо гемороится и выводить его через непонятно что?
не проще просто сделать так:

Код:

<a id='logo' href='logo.png'>логотип</a>

Код:

#logo{
text-indent: 200%;
background:url(../)left top;
width:   ;
height:  ;
display: block;
}

[danik.html]

1) Лого должно задаваться тегом img, ибо это не элемент оформления, а "контент"
2) overflow: hidden не забыл, раз текст сдвигаешь ?
3) чем плохо управление логотипом из админки? Хотя сам отвечу - почти наверняка лого задан через custom HTML модуль, а это при дефолтных условиях лишний div (это недоразумение правится оверрайдом лэйаута) + лишний p (параметр force_root_block tinyMCE), которые мало того что лишние, так еще и могут мешаться.

[Equilibrium07]

фейспалм... надо гемороится и выводить его через непонятно что? ps просто ссылка будет вокруг
не проще просто сделать так:

Код:

<a id='logo' href='/'>логотип</a> <div id='cashpay'></div>

Код:

#cashpay{
position: absolut;
z-index: 9999;
top: ;
left: ;
}
#logo{
text-indent: 200%;
background:url(../)left top;
width:   ;
height:  ;
display: block;
overflow: hidden;
}

olegbelij

Код:

               <div id="header_inside">
              
                    <div class="wrapper">              
                      
                        <?php if ($this->countModules('logo')) { ?>
                        <div id="logo" style="width:<?php echo $logo_width ?>px;">        
                              <jdoc:include type="modules" name="logo" />  
                        </div>
                        <?php } ?>  
                      
                  
                  <?php if ($this->countModules('search')) { ?>
                        <div id="searcharea" class="floatright">
                            <jdoc:include type="modules" name="search" />  
                        </div>  
                        <?php } ?>
                       <div id='phone'><a href='/contacts'>8(000)65-123-23-23</a></div>
                    </div>
      
                </div>

[olegbelij]

Спасибо! Буду пробовать...