X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Как сделать bakground активной ссылкой?
Slimalex
Slimalex
Topic Starter сообщение 18.4.2018, 15:31; Ответить: Slimalex
Сообщение #1


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

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


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


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


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



body {
background: #999; 
background-image: url("http://rgdfffgfgf.esy.es/templates/SportcafeRed/images/rek1920x1080.jpg");     background-attachment: fixed; /* а это запрет прогручивания картинки фона */
}
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fedornabilkin
fedornabilkin
сообщение 18.4.2018, 15:47; Ответить: fedornabilkin
Сообщение #2


css это не про ссылки. Скорее всего надо отлавливать клик и перенаправлять с помощью js
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Slimalex
Slimalex
Topic Starter сообщение 18.4.2018, 16:12; Ответить: Slimalex
Сообщение #3


(fedornabilkin @ 18.4.2018, 18:47) *
css это не про ссылки. Скорее всего надо отлавливать клик и перенаправлять с помощью js
 

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

В ксс:
#branding_link { 

        width:100%; 

        height: 100%; 

        position:static; 

     z-index:1;    

}

body {

background: #999; /* укажите цвет на всякий случай*/


background-attachment: fixed; /* а это запрет прогручивания картинки фона */

}

 

В main:

<body><a href="http://refpaojs.top/L?tag=s_67527m_2205c_&...527&ad=2205" target="_blank" id="branding_link"></a>

Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fedornabilkin
fedornabilkin
сообщение 18.4.2018, 16:43; Ответить: fedornabilkin
Сообщение #4



<body>
<div id="branding_link">Брэндинг</div>
<article>Основной контент</article>
</body>


$('body').on('click', '#branding_link', function(){
location.href = 'http://brand.com';
});

Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Slimalex
Slimalex
Topic Starter сообщение 18.4.2018, 16:48; Ответить: Slimalex
Сообщение #5


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

Сообщение отредактировал Slimalex - 18.4.2018, 16:49
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Slimalex
Slimalex
Topic Starter сообщение 18.4.2018, 17:37; Ответить: Slimalex
Сообщение #6


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

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


Сообщение отредактировал Slimalex - 18.4.2018, 17:38
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ixman
ixman
сообщение 18.4.2018, 17:45; Ответить: ixman
Сообщение #7


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

22a692e14c.jpg
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Slimalex
Slimalex
Topic Starter сообщение 18.4.2018, 17:52; Ответить: Slimalex
Сообщение #8


Ixman, Cпасибо большое, работает. Дай бог тебе здоровья :)
Ixman, P.S заметил, что когда в подвале сайта (в самом низу) нажимаешь на саму рекламу, по ссылке не переходит. Переходит только когда вверху находишься
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ixman
ixman
сообщение 18.4.2018, 18:02; Ответить: ixman
Сообщение #9


Slimalex, нужно переделывать css наверное. Пока времени нет помочь, я тут домой зашёл чаю попить, да зашёл на форум, но увы уже ухожу. Если до вечера никто не поможет, то постараюсь посмотреть
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Slimalex
Slimalex
Topic Starter сообщение 18.4.2018, 18:17; Ответить: Slimalex
Сообщение #10


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

Эскизы прикрепленных изображений
Прикрепленное изображение
 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1117 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2286 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3912 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3636 24.3.2024, 20:55
автор: Liudmila
Открытая тема (нет новых ответов) Через какой браузер и как можно найти в кэшэ браузера видео
10 Room 1929 23.3.2024, 7:41
автор: Room


 



RSS Текстовая версия Сейчас: 28.3.2024, 19:40
Дизайн