Как сделать в шапке форума баннер кликабельный ?

Поделиться1Чт, 22 Июн 2017 22:04:46

Автор: Cpacoin
Заслуженный
Зарегистрирован: Пн, 16 Янв 2017
Сообщений: 209
Уважение: +25
Позитив: +44
Последний визит:
Чт, 5 Апр 2018 07:37:34

Подскажите. Я поставил в шапку баннер.

Пример:

Но не знаю как поставить ссылку . Что бы при нажатии выкидывало на нужный сайт.

Использую вот этот код:

Код:

<img src="https://e-pay.club/img/728x90.gif" style="width: 100%;margin: 0px 0 -66px 0;"/>
<style>
h1.title-logo span{
display:none;
}
</style>
<style type="text/css"> /* Двигаем банер */
#pun-title #title-logo-tdr{
  display:block!important;
  position:absolute!important;
  top: 0;left:50%!important; 
  margin-left:-234px;
}
</style>
<style type="text/css"> /* Прозрачность рекламного банера */
.title-logo-tdr *, #tieser-bottom{ 
  filter:alpha(opacity=50)!important; 
  opacity: 0.5!important;  
  -moz-opacity: 0.5!important;  
  -khtml-opacity: 0.5!important;  
} 
.title-logo-tdr *:hover, #tieser-bottom:hover{ 
filter:alpha(opacity=100)!important;  
opacity: 1.0!important; 
-moz-opacity: 1.0!important; 
-khtml-opacity: 1.0!important; 
} 
</style> <!-- Конец п/п банера -->

Подскажите как поставить в этот код ссылку ?

Или может быть что то посоветуете другое ?

Адрес форума: http://aff-monitor.ru

Отредактировано Cpacoin (Чт, 22 Июн 2017 22:06:30)

0

Поделиться2Пт, 23 Июн 2017 11:46:35

Автор: Cpacoin
Заслуженный
Зарегистрирован: Пн, 16 Янв 2017
Сообщений: 209
Уважение: +25
Позитив: +44
Последний визит:
Чт, 5 Апр 2018 07:37:34

Кто подскажет . Как можно в шапке сделать баннер ? Как на скрине. Что бы можно было ссылку поставить.

Отредактировано Cpacoin (Пт, 23 Июн 2017 11:47:00)

0

Поделиться3Пт, 23 Июн 2017 13:19:59

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Cpacoin, не совсем понятно объясняете - поэтому ответ расплывчатый.

Cpacoin написал(а):

Подскажите как поставить в этот код ссылку ?

Если вы хотите сделать баннер от e-pay кликабельным, то просто оберните картинку в теги ссылки (синим в примере):

<a href="адрес_ссылки_на_ресурс" target="_blank"><img src="https://e-pay.club/img/728x90.gif" style="width: 100%;margin: 0px 0 -66px 0;"/></a>
<style>
h1.title-logo span{
display:none;
}
</style>

Cpacoin написал(а):

Или может быть что то посоветуете другое ?

Не знаю, были вы уже в этой теме или нет: Каталог скриптов/CSS второй пост в теме, подраздел "Логотип". Возможно там есть другое решение поставленной задачи.

+3

Поделиться4Пт, 23 Июн 2017 17:52:43

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11216
Уважение: +7621
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 00:33:49

Cpacoin
Ну поскольку Leonheart уже ответил на поставленный Вопрос... Только добавлю, что вот этот код никак не относится к Вашему(или какому-то иному) баннеру, - он был актуален для старого формата сервисной рекламы, использовавшегося 2 года назад.

Код:

<style type="text/css"> /* Двигаем банер */
#pun-title #title-logo-tdr{
  display:block!important;
  position:absolute!important;
  top: 0;left:50%!important; 
  margin-left:-234px;
}
</style>
<style type="text/css"> /* Прозрачность рекламного банера */
.title-logo-tdr *, #tieser-bottom{ 
  filter:alpha(opacity=50)!important; 
  opacity: 0.5!important;  
  -moz-opacity: 0.5!important;  
  -khtml-opacity: 0.5!important;  
} 
.title-logo-tdr *:hover, #tieser-bottom:hover{ 
filter:alpha(opacity=100)!important;  
opacity: 1.0!important; 
-moz-opacity: 1.0!important; 
-khtml-opacity: 1.0!important; 
} 
</style> <!-- Конец п/п банера -->

+1