Jump to content
Sign in to follow this  
georgii1984

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

Recommended Posts

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

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

 

(Сайт на UCOZ)

Share this post


Link to post
Share on other sites

Не работает

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

 

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

 

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites
$(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;  
}

Share this post


Link to post
Share on other sites

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

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

Не бывает "сплошной" рекламы в бэкграунде - можно лишь сверстать 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 картинки рекламы).

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

Вот что я сделал : tvfilms.ws (не реклама)

 

Теперь как опустить сам сайт в низ, чтобы было видно верхнюю часть заднего фона?

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

 

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

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

Share this post


Link to post
Share on other sites

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

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

 

#container{
  padding-top: 290px;
}

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

div#content {
position: relative;
width: 1000px;
top: 200px;
left: 50%;
;
}

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

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

 

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

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

  • Переверстать весь сайт на absolute блоки
  • Изменить принцип фона как я описывал выше

Share this post


Link to post
Share on other sites

Все, что внутри 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');
        }
    });
});

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...