Jump to content

Как сделать фон сайта ссылкой?

georgii1984

By georgii1984,
in Разное

 Share Followers 0

Recommended Posts

georgii1984

georgii1984 79

Posted
Posted

Привет всем! Скажите пожалуйста, как сделать фон сайта ссылкой?
Вопрос мне касательно нужно решить при установке партнерки на сайт, которая требует сделать фон сайта ссылкой.

Примеры (не реклама):  seasonvar.ru

 

(Сайт на UCOZ)

Link to post
Share on other sites
zenn

zenn 266

Posted
Posted

Не работает

А код на том сайте, который вы привели выше не судьба глянуть? Там явно указаны 3 позиции (left/right/top) в качестве css селекторов и jquery обработчик для их классов. Берете, копируете, наслаждаетесь.

 

$(document).ready(function(){
	$('body').on('click',function(){
    	window.open('http://talk.pr-cy.ru', '_blank');
});

 

Беда в том, что будет срабатывать и по клику на контенте, глупое решение.
Link to post
Share on other sites
georgii1984

georgii1984 79

Posted
  • Author
Posted

А код на том сайте, который вы привели выше не судьба глянуть? Там явно указаны 3 позиции (left/right/top) в качестве css селекторов и jquery обработчик для их классов. Берете, копируете, наслаждаетесь.

Беда в том, что будет срабатывать и по клику на контенте, глупое решение.

Я не особо силен в чужом коде

Link to post
Share on other sites
fanl2

fanl2 14

Posted
Posted 
$(document).ready(function(){
	$('body').on('click',function(){
    	   window.open('http://talk.pr-cy.ru', '_blank');
        });
});

Прошу прощения , код не работает как надо.

 

Посредством html/ css: Вставьте ссылку после <body>,

<a href="http://talk.pr-cy.ru" id="open_new_site"></a>

И пропишите стили для него: 

#open_new_site{
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;  
}
Link to post
Share on other sites
zenn

zenn 266

Posted
Posted

Я не особо силен в чужом коде

Тогда ищите специалиста, который сделает это за вас, за деньги. 

Не бывает "сплошной" рекламы в бэкграунде - можно лишь сверстать 1 картинку на 3-5, которые можно расположить относительно существующих блоков сайта (можно поиграть конечно с слоями, запихать бэкграунд на нижний индекс и перекрыть его слоем контента, но это дурная нереспонсивная затея).

В данном случае, у пациента - статическая верстка(не резина), что позволяет ему позиционировать блоки рекламы до основного контента.

Смотрите принцип расположения: https://yadi.sk/i/_xv9CnOjXAJm2

1ый блок - расположен от левого края до контента (размер по пикселям).

2ой блок - в версте сайта в качестве хедера

3ий - отступ от левого края (вся длина левой рекламной картинки и длина контентного блока).

 

 

Прошу прощения , код не работает как надо.

 

Посредством html/ css: Вставьте ссылку после <body>,

<a href="http://talk.pr-cy.ru" id="open_new_site"></a>

И пропишите стили для него: 

#open_new_site{
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;  
}

Еще одна гениальная идея, которая к сожалению не сработает (если на вашем сайте есть что-то кроме 1 картинки рекламы).

Link to post
Share on other sites
fanl2

fanl2 14

Posted
Posted

Еще одна гениальная идея, которая к сожалению не сработает (если на вашем сайте есть что-то кроме 1 картинки рекламы).

 

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

Link to post
Share on other sites
zenn

zenn 266

Posted
Posted

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

Да ладно, а ну ка, потестируйте ваш пример [без пикчи даже] (если верстка вашего сайта не на уровне говна и миллиона цсс селекторов с позициями absolute).

Link to post
Share on other sites
fanl2

fanl2 14

Posted
Posted

Да ладно, а ну ка, потестируйте ваш пример [без пикчи даже] (если верстка вашего сайта не на уровне говна и миллиона цсс селекторов с позициями absolute).

 

Что вы доказали этим файлов? 

А может быть вы просмотрите хотя бы сайт ТС и посмотрите код, поверх есть container. 

Link to post
Share on other sites
Arty220

Arty220 71

Posted
Posted

Кто-то даст дельный совет, или нет?

По-моему, вам дали дельный совет:

 

#container{
  padding-top: 290px;
}

Либо можно сделать так:

div#content {
position: relative;
width: 1000px;
top: 200px;
left: 50%;
;
}
Link to post
Share on other sites
Smak

Smak 6

Posted
Posted

Здравствуйте! если не секрет, можете сказать с какой партнеркой вы работаете которая вам предлагала сделать фон сайта ссылкой?

Link to post
Share on other sites
zenn

zenn 266

Posted
Posted

Сделал на сайте, но возникла одна проблемка, сайт полностью стал ссылкой, пример: georgiikyk.ucoz.ru

 

Кто знает как исправить?

Вы читать умеете, или только постить? Выше я 2 раза разъяснил почему так. Как исправить? Ну варианта 2:

  • Переверстать весь сайт на absolute блоки
  • Изменить принцип фона как я описывал выше
Link to post
Share on other sites
Harshow

Harshow 5

Posted
Posted

Все, что внутри body возьмите в <div id="branding"></div>

$(document).ready(function(){
    $('#branding').on('click',function(e){
        if($(e.target).prop('id') == 'branding') {
            window.open('http://talk.pr-cy.ru', '_blank');
        }
    });
});
Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
 Share
Followers 0
Go to topic listing

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...