0 Пользователей и 1 Гость просматривают эту тему.
  • 16 Ответов
  • 2974 Просмотров
*

arsent

  • Новичок
  • 7
  • 0 / 0
Лого как ссылка
« : 20.03.2020, 20:47:19 »
Здравствуйте,
Подскажите, как сделать лого как ссылка
шаблон: bizblue
в index.php
<td  align="center" class="logoheader">
в css:

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


 ! ! !
*

gartes

  • Завсегдатай
  • 1850
  • 141 / 6
  • Е = mс²
Re: Лого как ссылка
« Ответ #1 : 20.03.2020, 20:49:43 »
Код
 background     : url(../images/fish25.jpg)  #fff no-repeat bottom left;
Без точек наверное !
И ссылку дайте - то это не с легка полная картина )))
*

arsent

  • Новичок
  • 7
  • 0 / 0
Re: Лого как ссылка
« Ответ #2 : 20.03.2020, 21:01:47 »
Код
 background     : url(../images/fish25.jpg)  #fff no-repeat bottom left;
Без точек наверное !
И ссылку дайте - то это не с легка полная картина )))
Лого отображается, надо сделать чтобы оно было кликабельно
*

gartes

  • Завсегдатай
  • 1850
  • 141 / 6
  • Е = mс²
Re: Лого как ссылка
« Ответ #3 : 20.03.2020, 21:07:26 »
Тут два варианта либо
1. Javascript
2. либо Вам нужно в <td  align="center" class="logoheader"> вставить ссылку
Какой Вы хотите использовать вариант ?
*

gartes

  • Завсегдатай
  • 1850
  • 141 / 6
  • Е = mс²
*

gartes

  • Завсегдатай
  • 1850
  • 141 / 6
  • Е = mс²
Re: Лого как ссылка
« Ответ #5 : 20.03.2020, 21:18:16 »
как то так для JS
Код
document.addEventListener("DOMContentLoaded", function () {
    var td = document.getElementsByClassName("logoheader");
    td.addEventListener("click", locationHome, false);
    function locationHome() {
        window.location.href = 'https://google.com'
    }
});
*

AlexB

  • Завсегдатай
  • 1973
  • 54 / 2
Re: Лого как ссылка
« Ответ #6 : 20.03.2020, 21:25:43 »
Зачем морочить js
Просто в <a></a>Обернуть #
*

gartes

  • Завсегдатай
  • 1850
  • 141 / 6
  • Е = mс²
Re: Лого как ссылка
« Ответ #7 : 20.03.2020, 21:28:02 »
Цитировать
Зачем морочить js
Та я вот тоже так думаю - но Люди хотя - то пусть крутят как хотят ! ))) yes!
*

AlexB

  • Завсегдатай
  • 1973
  • 54 / 2
Re: Лого как ссылка
« Ответ #8 : 20.03.2020, 21:31:24 »
Н хз хз
Два тега или скрипт
*

arsent

  • Новичок
  • 7
  • 0 / 0
Re: Лого как ссылка
« Ответ #9 : 20.03.2020, 23:05:59 »
в <td  align="center" class="logoheader"> вставить ссылку почему то не получается, как только не пробовал.
*

gartes

  • Завсегдатай
  • 1850
  • 141 / 6
  • Е = mс²
Re: Лого как ссылка
« Ответ #10 : 20.03.2020, 23:08:06 »
Ну значит или не туда вставляете !   :dry:
Или не сохраняете ! )))  :laugh:
А хоть как то получается изменить что то ???
*

AlexB

  • Завсегдатай
  • 1973
  • 54 / 2
Re: Лого как ссылка
« Ответ #11 : 20.03.2020, 23:11:26 »
Код дайте
*

gartes

  • Завсегдатай
  • 1850
  • 141 / 6
  • Е = mс²
Re: Лого как ссылка
« Ответ #12 : 20.03.2020, 23:14:29 »
Цитировать
Код дайте
Та я думаю что там модуль и он переопределен в шаблоне - в директории html(arsent - это для Вас ! )
а править пытаются в самом модуле !! )))
*

arsent

  • Новичок
  • 7
  • 0 / 0
Re: Лого как ссылка
« Ответ #13 : 20.03.2020, 23:15:03 »
т.е. не получается ссылку вставить чтобы логотип не сместился с того места где сейчас висит.
*

gartes

  • Завсегдатай
  • 1850
  • 141 / 6
  • Е = mс²
Re: Лого как ссылка
« Ответ #14 : 20.03.2020, 23:16:28 »
т.е. не получается ссылку вставить чтобы логотип не сместился с того места где сейчас висит.
Так просто переназначьте CSS ctyle for this element !  8)
Давайте ссылку !!! - на то ку да Вы там вставляете !!!! )))
*

arsent

  • Новичок
  • 7
  • 0 / 0
Re: Лого как ссылка
« Ответ #15 : 20.03.2020, 23:24:36 »
Спасибо разобрался, на компе глючил браузер, почему то не весь кеш сбрасывался, потом вообще хостер мой IP заблокировал за 140 одновременных подключений к сайту.
« Последнее редактирование: 21.03.2020, 15:47:29 от arsent »
*

gartes

  • Завсегдатай
  • 1850
  • 141 / 6
  • Е = mс²
Re: Лого как ссылка
« Ответ #16 : 21.03.2020, 15:39:27 »
Вот Вам :  :D
Код
td.logoheader{

}
td.logoheader #logo-h {
  float: left;
  margin: 10px 40px 5px 40px;
  padding:  0;
  background: url(../images/fish25.jpg)  #fff no-repeat;
  height: 80px;
  width: 130px;
  background-size: 130px 80px;
 }
td.logoheader #logo-h a {
    display: block;
    height: 100%;
}
td.logoheader .custom {
    float: left;
}

Код
<td align="center" class="logoheader">
<div id="logo-h">
<a href="http://fish25.ru/"></a>
</div>
&nbsp;&nbsp;&nbsp;&nbsp;
<div class="custom">
<p style="text-align: center;">
<a href="http://СЪЕЗД-ВОДОПОЛЬЗОВАТЕЛЕЙ.РФ" target="_blank" rel="nofollow">
<img title="Всероссийский съезд водопользователей" src="/images/banners/22banner-468x60_ver_1.gif"
     alt="28 апреля 2020 г. в Москве состоится Всероссийский съезд водопользователей" width="468"
     height="60">
</a>&nbsp; &nbsp;
<a href="http://aquaproexpo.ru" target="_blank" rel="nofollow"> <img title="AquaPro Expo"
                                                                     src="/images/468x60.gif"
                                                                     alt="AquaPro Expo" width="468"
                                                                     height="60"></a>
</p>&nbsp;
</div>
</td>
« Последнее редактирование: 21.03.2020, 15:44:48 от gartes »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

FAQ: [Решено] Мультиязычное лого картинкой

Автор Taatshi

Ответов: 6
Просмотров: 16534
Последний ответ 16.05.2015, 17:52:52
от Valerko_O
Как убрать лого-ссылку с главной страницы сайта?

Автор naktyona

Ответов: 4
Просмотров: 1976
Последний ответ 05.03.2015, 21:12:56
от naktyona
Обсуждаем терминологию: веб-ссылка или ссылка?

Автор smart

Ответов: 30
Просмотров: 9929
Последний ответ 09.02.2011, 02:35:25
от 1day