Перейти к содержимому


Пользователь месяца
Андрей WPMasterKZ Андрей WPMasterKZ 1-й за Ноябрь
Очков активности: 888 1 тема, 71 сообщение, 8 баллов репутации
Сайт: wpmaster.kz
ТОП самых активных за этот месяц
  • Фотография OlgaGetman
    #1

    OlgaGetman
    Очков активности: 328.5 4 темы, 61 сообщение, 3 балла репутации

  • Фотография Mandarin
    #2

    Mandarin
    Очков активности: 195 3 темы, 56 сообщений, 2 балла репутации

  • Фотография TimurR
    #3

    TimurR
    Очков активности: 45 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #4

    BLIK
    Очков активности: 39 0 тем, 13 сообщений, 2 балла репутации

  • Фотография Rodiola
    #5

    Rodiola
    Очков активности: 36 1 тема, 9 сообщений, 2 балла репутации

  • Фотография thisismyname
    #6

    thisismyname
    Очков активности: 27 4 темы, 6 сообщений, 1 балл репутации

  • Фотография Андрей WPMasterKZ
    #7

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 22.5 Вне конкурса за определение пользователя месяца

  • Фотография m3Re
    #8

    m3Re
    Очков активности: 22.5 2 темы, 9 сообщений, 1 балл репутации

  • Фотография DannyaRI1
    #9

    DannyaRI1
    Очков активности: 16.5 1 тема, 8 сообщений, 1 балл репутации

  • Фотография WGN
    #10

    WGN (worldgamenews.com)
    Очков активности: 15 Вне конкурса за определение пользователя месяца

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 29.11.2018
  • Яндекс выдача: 09.12.2018
Топ 5 участников по репутации


Как сделать bakground активной ссылкой?

#1 Slimalex

Slimalex
  • Пользователь
  • 12 сообщений
  • Репутация: 0
0

Отправлено 18 April 2018 - 14:31

Здравствуйте.

 

Есть сайт с фоном в виде картинки (прописан в css).

Как сделать так, чтобы при клике на этот фон (картинку) автоматически происходил переход на заданную страницу? Сайт на битриксе.

Понятно, что в css ссылку прописать нельзя. Вопрос, куда тогда код влепить, и какой именно?

Сейчас, в сss прописан такой: 

body {
background: #999; 
background-image: url("http://rgdfffgfgf.esy.es/templates/SportcafeRed/images/rek1920x1080.jpg");     background-attachment: fixed; /* а это запрет прогручивания картинки фона */
}

 

 

  • 0

#2 fedornabilkin

fedornabilkin
  • Модератор
  • 1132 сообщений
  • Репутация: 193

Отправлено 18 April 2018 - 14:47

css это не про ссылки. Скорее всего надо отлавливать клик и перенаправлять с помощью js


  • 0

Надо обсудить предложение. А тут знакосчиталка считает знаки. Про Yii2 написано.



#3 Slimalex

Slimalex
    Topic Starter
  • Пользователь
  • 12 сообщений
  • Репутация: 0

Отправлено 18 April 2018 - 15:12

css это не про ссылки. Скорее всего надо отлавливать клик и перенаправлять с помощью js
 

 

В общем, сделал. Кликаю по баннеру - и переходу туда, куда надо. Но одна проблемка. Куда бы я не кликнул на сайте, я все равно перехожу на другой сайт, хотя надо кликать для перехода только для баннера...

 

В ксс:

#branding_link { 
        width:100%; 
        height: 100%; 
        position:static; 
     z-index:1;    
}
body {
background: #999; /* укажите цвет на всякий случай*/
background-image: url("http://rgdfffgfgf.es...ek1920x1080.jpg");    
background-attachment: fixed; /* а это запрет прогручивания картинки фона */
}
 
В main:
<body><a href="http://refpaojs.top/...e=67527&ad=2205" target="_blank" id="branding_link"></a>

  • 0

#4 fedornabilkin

fedornabilkin
  • Модератор
  • 1132 сообщений
  • Репутация: 193

Отправлено 18 April 2018 - 15:43

<body>
    <div id="branding_link">Брэндинг</div>
    <article>Основной контент</article>
</body>
$('body').on('click', '#branding_link', function(){
    location.href = 'http://brand.com';
});

  • 1

Надо обсудить предложение. А тут знакосчиталка считает знаки. Про Yii2 написано.



#5 Slimalex

Slimalex
    Topic Starter
  • Пользователь
  • 12 сообщений
  • Репутация: 0

Отправлено 18 April 2018 - 15:48

@fedornabilkin, а куда вставлять это? что куда?


Сообщение отредактировал Slimalex: 18 April 2018 - 15:49

  • 0

#6 Slimalex

Slimalex
    Topic Starter
  • Пользователь
  • 12 сообщений
  • Репутация: 0

Отправлено 18 April 2018 - 16:37

Cам сайт http://rgdfffgfgf.esy.es/

 

Когда в шапке жму на логотип, он тоже переходит на рекламный сайт... Как исправить?


Сообщение отредактировал Slimalex: 18 April 2018 - 16:38

  • 0

#7 Ixman

Ixman
  • Пользователь PRO
  • 2973 сообщений
  • Репутация: 775

Отправлено 18 April 2018 - 16:45

@Slimalex, у вас ссылка перекрыла основную часть сайта. Попробуйте сделать так

 

22a692e14c.jpg


  • 0


#8 Slimalex

Slimalex
    Topic Starter
  • Пользователь
  • 12 сообщений
  • Репутация: 0

Отправлено 18 April 2018 - 16:52

@Ixman, Cпасибо большое, работает. Дай бог тебе здоровья :)

@Ixman, P.S заметил, что когда в подвале сайта (в самом низу) нажимаешь на саму рекламу, по ссылке не переходит. Переходит только когда вверху находишься


  • 0

#9 Ixman

Ixman
  • Пользователь PRO
  • 2973 сообщений
  • Репутация: 775

Отправлено 18 April 2018 - 17:02

@Slimalex, нужно переделывать css наверное. Пока времени нет помочь, я тут домой зашёл чаю попить, да зашёл на форум, но увы уже ухожу. Если до вечера никто не поможет, то постараюсь посмотреть


  • 0


#10 Slimalex

Slimalex
    Topic Starter
  • Пользователь
  • 12 сообщений
  • Репутация: 0

Отправлено 18 April 2018 - 17:17

@Ixman, Хорошо, спасибо. Как время будет, может сможете помочь

Прикрепленные изображения

  • dle.png

  • 0

#11 Ixman

Ixman
  • Пользователь PRO
  • 2973 сообщений
  • Репутация: 775

Отправлено 18 April 2018 - 18:29

@Slimalex, как-то так, но не претендую на вариант идеальной реализации

body {
    background: #999;
}
#branding_link {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1;
    background: url(http://rgdfffgfgf.esy.es/templates/SportcafeRed/images/rek1920x1080.jpg) no-repeat;
    background-size: cover;
}
.rek970x90 {
    width: 100%;
    height: 90px;
    text-align: center;
    margin: 0 auto;
    z-index: 2;
    position: relative;
}

Остальное как есть. Но не знаю как такой вариант поведёт себя на разных экранах.


  • 0


robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85


Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru