Форум Сайтостроение Веб-строительство

background как гиперссылка

B1
На сайте с 26.10.2009
Offline
35
boroda1975
676

Всем привет.

Подскажите, как реализовать?

Хочется что бы background сайта – был гиперссылкой.

vlad00777
На сайте с 24.12.2009
Offline
119
vlad00777
#1

Добавить тэг <a href="#"></a> с position:absolute; задать отступ слева и сверху и указать высоту и ширину.

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.
C
На сайте с 04.02.2005
Offline
291
Chukcha
#2
boroda1975:
Всем привет.
Подскажите, как реализовать?
Хочется что бы background сайта – был гиперссылкой.

ого....

Цель? Продавать рекламное место?

Это должна быть прямая ссылка или достаточно клика?

BG
На сайте с 03.10.2010
Offline
195
BrightGuy
#3

<a href="" target="_blank" id="branding_link"></a>

#branding_link {

width:100%;

height: 100%;

position:absolute;

z-index:1;

background: url(bg.jpg) no-repeat 50% 0% #000000;

}

---------- Добавлено 16.06.2014 в 15:41 ----------

Chukcha:
ого....
Цель? Продавать рекламное место?

На кино-сайтах подобное еще практикуют, на фон ставлят постер фильма и кликабельным делают

-= Сайты на заказ | Правки, обновление, работы по DLE =- ( /ru/forum/791118 ) Telegram: @ruslansh ( tg://resolve?domain=ruslansh )
Картинка как ссылка через Как избавиться от вертикальной Валидный <noindex>? Можно!
C
На сайте с 04.02.2005
Offline
291
Chukcha
#4

Я не зря спросил про тип клика

потому что можно кликать и слева, и справа, и даже на пустом месте (между блоками)

И при этом это будут клики на разные рекламные площадки.

[Удален]
#5
boroda1975:
Всем привет.
Подскажите, как реализовать?
Хочется что бы background сайта – был гиперссылкой.

1 Вариант. Создаете блок <div> к примеру, в нем background и делаем ссылку на него.

Примерно так: 

<a href="#"><div class="linkblock"></div></a>

CSS: 

.linkblock{

  width: 200px;

  height: 200px;

  border: 1px solid #ff0000;

  background: #000;

}

2. Вариант. 

<div onclick="location.href='http://site.ru/'></div>

Как-то так :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий