Фон и Ссылка на нем

dmfranklin 16.03.2013 background, fon Все вопросы » Общие вопросы 4907

вопрос

столкнулся с проблемой,нужно сделать фон сайта ссылкой,никак не могу сделать, сам фон в шаблоне вшит в боди...пытался накладывать картинку на фон,но она получается не точная...где то читал,что можно указать область на экране при клике по которой будет срабатывать ссылка(кто знает подскажите пожалуйста) и еще пробовал наклаывать картинку и в css спрятать,но картинка полностью исчезала вместе с ссылкой(

Ответил: cybernatic

Попробуйте так:

   
    .linkbackground{background:#fff url('/posters/cyberantic.jpg') top center;
    background-size:100% 100%;
    background-repeat:no-repeat;
    width:100%;height:100%;
    position:absolute;
    top:0;left:0;z-index:-1 !important /*Обязательно z-index должен быть меньше чем 0*/;}
    .mainblock{z-index:1;margin:0 auto;}
    



Ну и ваш main.tpl

[code]    
    
    
     
    Тут ваш контент

7 комментариев

Юзер

Nikita2014 - 2015-06-1916 марта 2013 22:35 - #12292

Где вы хотите разместить ссылку???

Юзер

dmfranklin - 2015-06-1918 марта 2013 13:47 - #12340

мне нужно,чтобы по клику на фон я возвращался на главную)) проблему решил,но путем создания еще одной картинки((

Юзер

DrajE - 2015-06-1917 марта 2013 21:44 - #12308

Я так понял, что вы хотите при клике на фоне сайта перейти по ссылке?

Юзер

DrajE - 2015-06-1917 марта 2013 21:54 - #12310

Не проверял.

html: 
<a class="bglink" href="твоя_ссылка"> </a>

css: 
 a.bglink { 
display:block; 
height:100px; 
width:100px; 
} 
размеры поставь свои

Эксперт

124

cybernatic - 2015-06-1917 марта 2013 22:43 - #12316

Попробуйте так:


<style>
.linkbackground{background:#fff url('/posters/cyberantic.jpg') top center;
background-size:100% 100%;
background-repeat:no-repeat;
width:100%;height:100%;
position:absolute;
top:0;left:0;z-index:-1 !important /*Обязательно z-index должен быть меньше чем 0*/;}
.mainblock{z-index:1;margin:0 auto;}
</style>

Ну и ваш main.tpl


<body>
<a href="ссылка"><div class="linkbackground"></div></a>
<div class="mainblock">

Тут ваш контент
</div>

Юзер

dmfranklin - 2015-06-1918 марта 2013 13:46 - #12339

огромное спасибо!!! работает но в IE 9 не пашет клик, решил проблему по другому,взял еще 1 картинку вырезал шапку и вставил) <a style="position: absolute; top: 0px; left: 0px; " width: 100%;height: 350px; href="/" >
<img src="{THEME}/images/mmm.jpg" width: 100%;height: 100%;>
</a> мож кому пригодится

Юзер

324

TheImDim - 2015-06-1918 марта 2013 18:04 - #12342


<script>
$(function() {
   $('body').live('click', function() {
         document.location.href='http://google.com/';
       })
})
</script>

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?