Редактор темы

Нужна помощь! как сделать кликабильный фон

lovekinozal.ru

Бывалый
Регистрация
27 Дек 2015
Сообщения
468
Рейтинг реакций
112
Баллы
43
Возраст
35
1/3
Автор темы
Здравствуйте.
Нужна помощь
Как сделать кликабильный фон на сайте http://kinogohd.net/
то есть брендирование кликабильное . то есть по всему фону что бы перейти можно было
в данный момент выводится сам фон через html
<style>
body {background: url(http://kinogohd.net/fonsaita.jpg) 50% 0 no-repeat #000;}
</style>
хотя по идее в css это должно быть.
вот сам css http://kinogohd.net/templates/Kinogo/style/styles.css там тоже упоминание о брендировании но другом
помогите разобратся , в гугл не отсылайте.
кто поможет, могу отблагодарить при желании
 
у меня так стоит
<script type="text/javascript">

document.write('<a href="ссылка на фильм" alt="Голодные игры: Сойка-пересмешница. Часть II" title="Голодные игры: Сойка-пересмешница. Часть II"><div style="width:100%;height:250px;cursor😛ointer"></div></a>');

</script>
 
Здравствуйте.
Нужна помощь
Как сделать кликабильный фон на сайте http://kinogohd.net/
то есть брендирование кликабильное . то есть по всему фону что бы перейти можно было
в данный момент выводится сам фон через html

хотя по идее в css это должно быть.
вот сам css http://kinogohd.net/templates/Kinogo/style/styles.css там тоже упоминание о брендировании но другом
помогите разобратся , в гугл не отсылайте.
кто поможет, могу отблагодарить при желании
почему плееры не пашут?сорри за вопрос не по теме!
 
@lovekinozal.ru, не проще
Код:
<body>
заменить на
Код:
<body onclick="window.location='http://SITE.RU'">
 
Автор темы
@lovekinozal.ru, скажите как нарастить такое количество входящих ссылок?Снимок.PNG
 
@lovekinozal.ru, не проще
Код:
<body>
заменить на
Код:
<body onclick="window.location='http://SITE.RU'">
А лучше еще вот так, полная имитация ссылки 🙂

Код:
    <body onclick="window.location='http://site.ru" style="cursor:pointer">


UPD: хотя так вся страница сайта кликается полностью😀
 
Автор темы
попробовал нельзя . переход идет даже если по описанию нажмешь
В CSS или <style> </style> :
Код:
body * {cursor: auto;}
#fon {cursor: pointer;}
-----------------------------
Тег
Код:
<body>
Заменить на :
Код:
<body><div id="fon">

----------------------------
Далее тег
Код:
</body>
Заменить на :
Код:
</div>
<script>
$(document).ready(function(){
    $('#fon').on('click',function(e){
        if($(e.target).prop('id') == 'fon') {
            window.open('http://kinogohd.net', '_self');
        }
    });
});
</script>
</body>
 
создаёшь блоки, по бокам и посерёдке и с абсолютными размерами и прозрачным фоном ставишь ссылку
 
Ну наконец-то нормальный сайт сделал +1
 
@Boroda, купил же, недавно продавался здесь

ТС, хоть бы отписался, работает или нет, а то тему создал и слился…
 
Автор темы
ТС, хоть бы отписался, работает или нет, а то тему создал и слился…

не работает ни один из предложенных способов область между шапкой и лентой с постерами не кликабильна была , да и курсор не корректно работал по всему сайту.
я сделал сам переделав скрипт от брендирования traforeta под себя. вот этим скриптом всё абсолютно корректно работает (может кому пригодится)
вызов кода
сам скрипт
(function(){var s=document.createElement("noindex");s.innerHTML="<style>.traforet-br-logo { background: url('//kinogohd.net/templates/Kinogo/images/logo.png') center no-repeat; z-index: 999999; position: fixed; height: 30px; width: 193px; top: 0; right: -180px; opacity: 0.8; transition:0.2s right; padding:10px; } .traforet-br-logo:hover { opacity:1;right:0px; }#b_pr_298 {width: 100%;height: 100%;z-index:0;cursor😛ointer;background-image:url(//kinogohd.net/fonsaita.jpg);position:fixed;background-attachment:fixed;background-color:rgb(0,0,0);background-position:50%0%;background-repeat:no-repeat;top:0;left:0;overflow:hidden;}body{position:relative}.wrapper{padding-top: 224px;margin-top: 220px;}.horizontal2{position: absolute;top: 205px;}.leftblok1_header {margin-top: 192px;}.header {top: -203px;width: 100%;height:0;}.topmenu {height: 0;}.deepnavigation {padding-top: 0;} .header_black {width: 100%;box-shadow: 0 0 5px black;box-shadow: 0 0 10px rgba(0,0,0,0.5);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);top: 0;right: 0;left: 0;height: 33px;border-bottom: 1px solid #000;background: rgb(0, 0, 0); position: relative;}.header44 {width: 100%;overflow: auto;margin-top: -58px;}.footer { background: #000;overflow: auto;padding: 15px 0 5px 0;margin: 0 auto;background-color: #141212;-webkit-border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;padding-left: 5px;padding-right: 7px;width: 960px;}</style><div id='b_pr_298'><a href='//kinogohd.net/24-mstiteli-2-era-altrona.html' target='_blank' style='width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; outline: 0; border: 0; font-size: 0; line-height: 0; display: block; text-decoration: none;'></a></div>";var appnd_pr_298 = document.getElementsByTagName('body')[0];appnd_pr_298.insertBefore(s, appnd_pr_298.childNodes[0]);})();
 

Похожие темы Последние темы Популярные темы

Назад
Сверху