[РЕШЕНО] Вставка кликабельной картинки в шапку сайта

Главные вкладки

Аватар пользователя X-3-M X-3-M 21 января 2012 в 22:38

Уже битый час ищу ответ на мой вопрос- всё безуспешно.

Друпал6. Тема сделана через Артистер. Тема не поддерживает логотип, но мне кровь из носу нужно его вставить в шапку. Причем этот логотип должен быть кликабельным и перемещать на главную страницу сайта.

Нашел кое-какое решение в интернете, но оно оказалось неправильным:
В теме на страницах:

page-blog.tpl.php
page-front.tpl.php
page-node-add.tpl.php
page-node-edit.tpl.php
page-node.tpl.php
page.tpl.php

Вставил код:

<div class="art-Header-logo">
<a href="http://drupal6.ru"><img src="sites/all/themes/Valeok/images/Header2.png" width="479" height="121" border="0"></a>
</div>

В CSS прописал:

.art-Header-logo
{
        position: absolute;
        z-index:100;
        top: 0;
        left: 0;
        width: 944px;
        height: 288px;
        background-image: url('images/Header2.png');
        background-repeat: no-repeat;
        left:260px;
        top:18px;
}

И в итоге на некоторых страницах нормально, на других же страницах- изображение не найдено ((

Пожалуйста, помогите, уже голова болит от этой проблемы.

Комментарии

Аватар пользователя X-3-M X-3-M 21 января 2012 в 23:01

Да-да-да, сам не рад что с ним связался(с Артистером), но дороги назад уже нет.

Можно по-подробнее о том, как добавить переменную $logo в шаблоны, нужно ли ее описывать где-то и как в итоге добиться желаемого?

Аватар пользователя X-3-M X-3-M 21 января 2012 в 23:34

Сам решил эту задачу.

На всех перечисленных страницах вставлен блок изображения хедера
<div class="art-Header-png"></div>
Дублировал его, и вставил новое изображение- сам логотип, прописал свойства CSS

div.art-Header-png
{
        position: absolute;
        z-index:-2;
        top: 0;
        left: 0;
        width: 944px;
        height: 288px;
        background-image: url('images/Header.png');
        background-repeat: no-repeat;
        background-position: left top;
}

div.art-Header-jpeg
{
        position: absolute;
        z-index:-1;
        top: 0;
        left: 0;
        width: 486px;
        height: 116px;
        background-image: url('images/Header.jpg');
        background-repeat: no-repeat;
        left:253px;
        top:33px;

и в НТМL сделал див линком:
<a href="http://drupal6.ru"><div class="art-Header-jpeg"></div></a>

Проделал всё это на вышеперечисленных страницах и всё заработало. Может кому и поможет, но это скорее не правильное решение- а лишь попытки сделать что-то похожее. Зато все работает.

Аватар пользователя 6RUN0 6RUN0 21 января 2012 в 23:40

Открываем и внимательно читаем modules/system/page.tpl.php

        <?php if (!empty($logo)): ?>
          <a href="<?php print $front_page?>" title="<?php print t('Home'); ?>" rel="home" id="logo">
            <img src="<?php print $logo?>" alt="<?php print t('Home'); ?>" />
          </a>
        <?php endif; ?>
Аватар пользователя givchik givchik 1 мая 2012 в 8:27

X-3-M и 6RUN0 спасибо вам огромное.

<div class="art-Header-logo">
<a href="<?php print $front_page; ?>" title="Лозунг сайта | Название сайта"><img src="путь к изображению/картинка.png"></a>
</div>

-------------------------
А вот так получилось лучше:

<div class="art-logo">
                    <?php if (!empty($logo)): ?>
          <a href="<?php print $front_page; ?>" title="Слоган сайта | <?php print $site_name; ?>">
            <img src="<?php print $logo; ?>" />
          </a>
        <?php endif; ?>
              </div>

Вот только слоган не работает: <?php print $site_slogan; ?> - выводит пустое место.(