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


Пользователь месяца
ShowPrint ShowPrint 1-й за Сентябрь
Очков активности: 283 2 темы, 21 сообщение, 7 баллов репутации
Сайт: ShowPrint.ru
ТОП самых активных за этот месяц
  • Фотография Medvedoc
    #1

    Medvedoc
    Очков активности: 432 8 тем, 48 сообщений, 4 балла репутации

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

    ShowPrint (ShowPrint.ru)
    Очков активности: 300 Вне конкурса за определение пользователя месяца

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

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

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

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

  • Фотография Алексей111
    #5

    Алексей111 (xvideo24.ru)
    Очков активности: 66 8 тем, 20 сообщений, 1 балл репутации

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

    Ixman (o5cat.ru)
    Очков активности: 54 0 тем, 12 сообщений, 3 балла репутации

  • Фотография Игорь Ку
    #7

    Игорь Ку (dudesday.ru)
    Очков активности: 49.5 3 темы, 2 сообщения, 3 балла репутации

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

    yuran (yurbol.ru)
    Очков активности: 37.5 1 тема, 22 сообщения, 1 балл репутации

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

    Zevss (domles43.ru)
    Очков активности: 22.5 2 темы, 9 сообщений, 1 балл репутации

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

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

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 26.09.2018
  • Яндекс выдача: 18.10.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
  • Модератор
  • 1128 сообщений
  • Репутация: 190

Отправлено 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
  • Модератор
  • 1128 сообщений
  • Репутация: 190

Отправлено 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
  • 2898 сообщений
  • Репутация: 745

Отправлено 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
  • 2898 сообщений
  • Репутация: 745

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

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


  • 0


#10 Slimalex

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

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

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

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

  • dle.png

  • 0

robot

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


Похожие темы

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

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