Как сделать фон кликабельным?

[klopernaum]

Мне выслали 1 х бет брендирование (фон для сайта) а как сделать его кликабельным с нужной мне ссылкой?

 

[Alisa]

Мне выслали 1 х бет брендирование (фон для сайта) а как сделать его кликабельным с нужной мне ссылкой?

С помощью 4-х классов CSS всё делается: http://shpargalkablog.ru/2016/08/css.html

 

[klopernaum]

С помощью 4-х классов CSS всё делается: http://shpargalkablog.ru/2016/08/css.html

а можете мне помочь куда это вставлять и в каком виде? например мне нужно чтобы при нажатии по фону моего сайта переходило по ссылке
http://refpaksf.host/L?tag=s_99189m_1234c_promo&site=99189&ad=1234&r=/1xqiq.host/ru/bonus/rules/1st/

 

[BarryHunter]

а можете мне помочь куда это вставлять и в каком виде? например мне нужно чтобы при нажатии по фону моего сайта переходило по ссылке
http://refpaksf.host/L?tag=s_99189m_1234c_promo&site=99189&ad=1234&r=/1xqiq.host/ru/bonus/rules/1st/

Изменить и добавить в Вставить код - Низ страницы

<script>document.addEventListener("DOMContentLoaded", function () {
    var img_bg = 'https://cinema.press/images/blog-1.jpg'; // Ваше изображение
    var url_bg = 'https://cinema.press';                   // Ваша ссылка

    var div_bg = document.createElement('div');
    div_bg.setAttribute('onclick', 'window.location="' + url_bg + '"');
    div_bg.setAttribute('style', '' +
        'position:fixed;top:0;left:0;width:100%;height:100%;cursor:pointer;' +
        'background:url("' + img_bg + '") top/cover no-repeat #000;');
    document.body.insertBefore(div_bg, document.body.firstChild);
});</script>

 

[klopernaum]

Изменить и добавить в Вставить код - Низ страницы

<script>document.addEventListener("DOMContentLoaded", function () {
    var img_bg = 'https://cinema.press/images/blog-1.jpg'; // Ваше изображение
    var url_bg = 'https://cinema.press';                   // Ваша ссылка

    var div_bg = document.createElement('div');
    div_bg.setAttribute('onclick', 'window.location="' + url_bg + '"');
    div_bg.setAttribute('style', '' +
        'position:fixed;top:0;left:0;width:100%;height:100%;cursor:pointer;' +
        'background:url("' + img_bg + '") top/cover no-repeat #000;');
    document.body.insertBefore(div_bg, document.body.firstChild);
});</script>

скажем так...клик работает - переход есть, а вот изображение - просто черное....

 

[BarryHunter]

скажем так...клик работает - переход есть, а вот изображение - просто черное....

Значит ссылку на изображение неправильно указали.

 

[PandaEL]

Как сделать чтобы на главной фон был тоже кликабельным? на всех остальных страницах кликается, а на основной нет.

 

[App]

Как сделать чтобы на главной фон был тоже кликабельным? на всех остальных страницах кликается, а на основной нет.

брать код у рекламщиков, они сами всё должны делать.

 

[PandaEL]

брать код у рекламщиков, они сами всё должны делать.

да, я по поводу кода что выше сбрасывали. ссылки все на свои поставил изображение есть, на страницах сайта, когда кликаю по фону переход происходит, а на главной недоступен, хотя обои показывает, но они не кликабельные. На остальных страницах сайта кликабельные. Может что подправить нужно?

 

[App]

да, я по поводу кода что выше сбрасывали. ссылки все на свои поставил изображение есть, на страницах сайта, когда кликаю по фону переход происходит, а на главной недоступен, хотя обои показывает, но они не кликабельные. На остальных страницах сайта кликабельные. Может что подправить нужно?

шаблон ramsay?

 

[PandaEL]

cercei шаблон

 

[App]

cercei шаблон

этот код и на главной и на страницах работает.

http://cersei.cinema.press/

 

[PandaEL]

Хм, странно тогда..может мешает что. у меня работает на всех кроме главной

 

[PandaEL]

Да, что-то мешает, убрал все коды заработало, буду разбираться. Спасибо!

 

[bestrepetnij]

Здравствуйте! Нашел, как сделать карту изображения с сылкой:

<img src="http://img-fotki.yandex.ru/get/4414/63641203.16/0_6c04a_2e684832_M" alt="медвежата у реки" usemap="#bears">

<map name="bears">
<area shape="poly" coords="76,163,71,147,75,133,71,124,70,109,65,101,66,96,64,91,65,87,65,76,71,66,71,63,67,61,61,63,57,67,52,64,43,65,41,66,36,65,29,59,24,62,24,67,28,73,27,80,29,89,22,99,17,105,14,113,15,130,14,143,16,152,14,158,13,162,16,166,60,167,67,168,78,168" href="#raz1" alt="Михайло Потапыч" title="Михайло Потапыч">
<area shape="poly" coords="78,168,76,163,71,147,75,135,78,132,84,131,87,133,95,117,91,109,91,102,87,100,85,93,87,90,89,90,92,92,96,94,104,89,108,88,116,90,119,86,119,83,123,83,123,83,125,91,124,96,127,103,127,108,130,117,133,130,130,130,127,130,123,133,121,135,122,139,126,147,130,150,136,153,138,158,141,159,138,163,134,164,132,167,132,167,128,169,124,172,118,173,110,172,101,173,92,170" href="#raz2" alt="Мишутка" title="Мишутка">
<area shape="poly" coords="133,130,130,130,127,130,123,133,121,135,122,139,126,147,130,150,136,153,140,151,142,148,142,154,142,157,133,164,133,168,145,170,149,168,151,163,153,165,154,165,157,164,162,164,172,170,172,170,173,170,173,170,179,169,180,171,198,174,201,168,204,160,201,155,204,140,201,127,200,118,193,105,189,94,183,86,179,85,175,78,177,71,174,66,170,66,166,71,157,70,154,72,145,64,140,67,139,70,145,79,143,84,143,87,138,97,141,103,147,104,152,102,149,119,137,134" href="#raz3" alt="Топтыгин" title="Топтыгин">
</map>


а куда код вставлять не знаю. Будьте добры, подскажите.