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

DLE фон сайта ссылкой

H3
На сайте с 03.04.2013
Offline
49
Hellion35
1676

Всем привет! У меня возникла потребность сделать фоновое изображение сайта ссылкой. Я понимаю что в CSS ссылку не прописать и делается это с помощью наложения картинки на основной фон при помощи z-index. Поскольку сами каскадные таблицы я знаю на уровне "Могу поправить", сам я так и не разобрался как все это применить в моем случае(( Не могли бы вы мне подсказать как это правильно сделать и куда чего нужно дописывать?

P.S. в сети находил несколько способов, но при добавлении каких то элементов в css своего сайта, он у меня попросту ломался и отображался не так как положено.

Фильмы онлайн (http://filmi-hd.online) Так, глядишь кому пригодится)))
V
На сайте с 02.08.2011
Offline
50
Vadimts
#1

http://seasonvar.ru/ Откройте исходный код фона сайта, там показано. Отключите адблок только, там такая же фоновая реклама с ссылкой стоит.

H3
На сайте с 03.04.2013
Offline
49
Hellion35
#2

Каша какая то)) Много стилей не совсем понятно((

---------- Добавлено 18.10.2014 в 14:05 ----------

А вообще спасибо за наводку, буду разбираться))))

---------- Добавлено 18.10.2014 в 14:12 ----------

И все-таки мне кажется что это не то. Простым <a href="ссыль" id="brand" target=_blank> тут не обойтись

Перевёл сайт на HTML5 Вывод на КредитЕвропаБанк Борьба с ботами
L
На сайте с 16.10.2014
Offline
108
lexter
#3

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

Взять весь сайт в див. дать бекграунд. а сам див определить как ссылку

Купить автомобиль из США можно тут (https://us-car.com.ua)
H3
На сайте с 03.04.2013
Offline
49
Hellion35
#4

Я понимаю, но как это сделать?

L
На сайте с 16.10.2014
Offline
108
lexter
#5

два варианта

Более правильный на мой взгляд определить ссылку как блок

<a href="link.html" class="anchor_div">ссылка</a>

.anchor_div{ display: block;}

или

<div onClick="document.location='some.php'">Див ссылка</div>

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

---------- Добавлено 18.10.2014 в 14:25 ----------

А вот помоему и решение для вас

https://wordpress.org/support/topic/can-you-make-a-body-background-image-clickable

H3
На сайте с 03.04.2013
Offline
49
Hellion35
#6

Да. Спасибо огроменное. Все получилось))) пройдя по ссылке

---------- Добавлено 18.10.2014 в 14:38 ----------

Хотя есть один нюанс, ссылка захватывает некоторые элементы сайта((

L
На сайте с 16.10.2014
Offline
108
lexter
#7

НУ тут уже надо смотреть на вашу верстку и искать нюансы.

H3
На сайте с 03.04.2013
Offline
49
Hellion35
#8

Всем снова привет!!! Как то оставил этот вопрос и вот опять появилась потребность в его реализации. Покопавшись в интернете наткнулся на такой способ в тело сайта прописываем: 

<body>

    <a href="#" class="link_test"></a>

    <div class="container_class">

        <p>контент сайта</p>

    </div>

</body>
После чего в css добавляем:
.container_class {

    width: 300px;

    background: #fff;

    margin: 0 auto;

    min-height: 100%;

    position: relative;

    z-index: 2;

}

.link_test {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}
И все вроде работает, но контент сайта смещается в право. Подскажите, может кто знает как исправить?
AE
На сайте с 31.10.2009
Offline
65
Art.ewgen
#9

Все верно должно быть, контент центрируется относительно страницы http://jsbin.com/tofafo/1/edit?html,css,output

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