Кликабельный бэкграунд неактивной области сайта

Тема в разделе "Другие языки", создана пользователем memex, 23 ноя 2010.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. memex

    memex

    Регистр.:
    10 ноя 2006
    Сообщения:
    277
    Симпатии:
    49
    Есть сайт с фиксированной с фиксированным размером рабочей области сайта которая выравнена по середине экран. Есть задача разместить фоновую картинку (подложку) под эту область которая была бы кликабельной.
    Подскажите, как это лучше сделать?
    ps. Пример того что хочется сделать
    http://dimemag.com/
     
  2. CNiks0N

    CNiks0N lamp.root

    Регистр.:
    28 ноя 2008
    Сообщения:
    230
    Симпатии:
    48
    Берём пример.
    Код:
    <body style="background-repeat: no-repeat; background-color: rgb(0, 0, 0); background-attachment: fixed; background-position: center top; background-image: url(&quot;http://wpc.0c2a.edgecastcdn.net/000C2A/cdn/complex.com/takeovers/503/creative_970.jpg?1961658339661653.8&quot;); cursor: pointer;" onclick="if(SHARETHIS.buttonClicked==false){SHARETHIS.stopClosing=false;SHARETHIS.openDuration=0;stClose(100);}"> 
    
    в нём видим что назначено изображение на <BODY> , а для клика поставили просто - onclick="JS"

    либо можешь то же и самое сделать на <DIV>
     
  3. memex

    memex

    Регистр.:
    10 ноя 2006
    Сообщения:
    277
    Симпатии:
    49
    Код:
    <body  onclick="location.href='index.php';">
    Констуркция данного вида не пойдет, так как кликабельным становится весь сайт, а не только видимая подложка.
     
  4. o_nix

    o_nix

    Регистр.:
    7 ноя 2007
    Сообщения:
    1.073
    Симпатии:
    1.037
    если я правильно понял CNiks0N то он тебе какразтаки и говорит что тебе понадобится js на клик по div а не body
    тоесть
    PHP:
    <html>
    <
    div  style="height:40%; background: url(https://www.nulled.cc/nulled_v4/misc/skin/logo.png)" onclick="location.href='index.php';"абра
     кадабра текст
    </div>
    </
    html>
    тоесть тебе не надо делать картинку кликабельной сделай её просто фоном
    кликабильной сделай саму область
     
  5. memex

    memex

    Регистр.:
    10 ноя 2006
    Сообщения:
    277
    Симпатии:
    49
    Значит я не правильно понял. А пример данного js можно где-нибудь посмотреть ?
     
  6. CNiks0N

    CNiks0N lamp.root

    Регистр.:
    28 ноя 2008
    Сообщения:
    230
    Симпатии:
    48
    Тебе пример и написали. :)
    Чтобы привести его к твоему сайту надо видеть его код и знать что куда ставить.
     
  7. af75

    af75 Постоялец

    Регистр.:
    23 июл 2009
    Сообщения:
    120
    Симпатии:
    14
    у nnm.ru кликабельная фоновая картинка

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

    #branding_link {
    height: 580px;
    position: fixed;
    text-indent: -9999px;
    width: 100%;
    z-index: 1;
    }
     
Статус темы:
Закрыта.