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

wiedii

Захожу иногда

Репутация: +0/-0
Offline

Offline

Сообщений: 21

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

« Ответ #60 : 08.12.2011, 19:22:45 »

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

в templates/rhuk_milkyway/index.php

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

?


	Записан

alfawebstudio

Новичок

Репутация: +0/-0
Offline

Offline

Пол: Мужской

Сообщений: 3

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

« Ответ #61 : 27.01.2012, 19:31:36 »

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

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

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


	Записан

spsystems

Новичок

Репутация: +0/-0
Offline

Offline

Сообщений: 3

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

« Ответ #62 : 20.02.2012, 09:39:12 »

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

В 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>

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

Код:

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


	Записан

HiopsNerevar

Давно я тут

Репутация: +23/-0
Offline

Offline

Пол: Мужской

Сообщений: 304

Я удобный.

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

« Ответ #63 : 20.02.2012, 09:41:59 »

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


	Записан

spsystems

Новичок

Репутация: +0/-0
Offline

Offline

Сообщений: 3

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

« Ответ #64 : 22.02.2012, 02:13:53 »

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

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

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


	Записан

danik.html

Практически профи

Репутация: +306/-3
Offline

Offline

Пол: Мужской

Сообщений: 2985

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

« Ответ #65 : 22.02.2012, 06:40:53 »

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


	Записан

office39

Новичок

Репутация: +0/-0
Offline

Offline

Сообщений: 2

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

« Ответ #66 : 23.02.2012, 14:47:44 »

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

Если кто знает вот мой адрес почты London..21@bk.ru


	Записан

danik.html

Практически профи

Репутация: +306/-3
Offline

Offline

Пол: Мужской

Сообщений: 2985

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

« Ответ #67 : 23.02.2012, 14:54:58 »

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


	Записан

office39

Новичок

Репутация: +0/-0
Offline

Offline

Сообщений: 2

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

« Ответ #68 : 23.02.2012, 15:28:56 »

Цитата: danik.html от 23.02.2012, 14:54:58

Вот он код сам

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

<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" />


<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&alpha1=.50&framerate1=12&loop=true&wmode=transparent&clip=<?php echo $document->baseurl . '/templates/' . $document->template; ?>/images/flash.swf&radius=5&clipx=0&clipy=0&initalclipw=1024&initalcliph=250&clipw=1024&cliph=250&width=1024&height=250&textblock_width=0&textblock_align=no" />
   <param name="swfliveconnect" value="true" />

<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&alpha1=.50&framerate1=12&loop=true&wmode=transparent&clip=<?php echo $document->baseurl . '/templates/' . $document->template; ?>/images/flash.swf&radius=5&clipx=0&clipy=0&initalclipw=1024&initalcliph=250&clipw=1024&cliph=250&width=1024&height=250&textblock_width=0&textblock_align=no" />
   <param name="swfliveconnect" value="true" />

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

</object>

</object>


	Записан

olegbelij

Захожу иногда

Репутация: +0/-0
Offline

Offline

Сообщений: 5

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

« Ответ #69 : 29.02.2012, 15:25:37 »

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

Html код:
</div>


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

</div>


	Записан

Equilibrium07

Осваиваюсь на форуме

Репутация: +8/-0
Offline

Offline

Пол: Мужской

Сообщений: 183

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

« Ответ #70 : 03.03.2012, 10:05:39 »

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

Код:

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

Код:

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


	Записан

danik.html

Практически профи

Репутация: +306/-3
Offline

Offline

Пол: Мужской

Сообщений: 2985

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

« Ответ #71 : 03.03.2012, 10:41:24 »

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


	Записан

Equilibrium07

Осваиваюсь на форуме

Репутация: +8/-0
Offline

Offline

Пол: Мужской

Сообщений: 183

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

« Ответ #72 : 03.03.2012, 12:03:16 »

фейспалм... надо гемороится и выводить его через непонятно что? 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>


« Последнее редактирование: 03.03.2012, 12:08:06 от Equilibrium07 »	Записан

olegbelij

Захожу иногда

Репутация: +0/-0
Offline

Offline

Сообщений: 5

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

« Ответ #73 : 03.03.2012, 22:06:07 »

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


	Записан

Страниц: 1 2 [3] Все Вверх

Добавить закладку | Печать

Форум русской поддержки Joomla! CMS > Шаблоны и дизайн > Joomla 1.5: Шаблоны (Модераторы: PaLyCH, Forget-me-not) > Тема: Как сделать логотип в шапке ссылкой

« предыдущая тема следующая тема »

	Автор	Тема: Как сделать логотип в шапке ссылкой (Прочитано 19297 раз)
0 Пользователей и 3 Гостей смотрят эту тему.