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

Вопрос? Как сделать свой кликабельный фон?

  • Автор темы Автор темы Roman.U
  • Дата начала Дата начала

Roman.U

PRO Users
Регистрация
13 Ноя 2015
Сообщения
6.921
Рейтинг реакций
734
Баллы
113
1/3
Автор темы
Допустим есть ссылка рекла, ее нужно вставить в фон, беру стандартные стили ставлю картинку. Как сделать что бы картинка вела на определеннуй адрес, типо брендироваине?
Код стандартного фона:
Код:
body {margin:0;padding:0;font-family:Tahoma,Century gothic, Arial,sans-serif;color:#543;font-size:30px;background:#с4e4e1;}
body {background:url('Адрес урл картинки заргуженной на сервак') no-repeat top #000000;background-attachment:fixed; margin-top: 60px;}
 
css
Код:
.brand {display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:100;}

main.tpl
Код:
<a href="ссылка-рекламодателя" class="brand"></a>
 
Автор темы
css
Код:
.brand {display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:100;}

main.tpl
Код:
<a href="ссылка-рекламодателя" class="brand"></a>
Спасибо, вышло, вот только кликабельная становится и карусель информеров и верхняя часть плавого и левого блока там где категории. Это можно как-то исправить, уменьшить ширину кликабельности.
 
Спасибо, вышло, вот только кликабельная становится и карусель информеров и верхняя часть плавого и левого блока там где категории. Это можно как-то исправить, уменьшить ширину кликабельности.
Дело в свойстве z-index. У ссылки значение 100. Надо добавить к нужным блокам свойство z-index: 101, в таком случае они будут перекрывать ссылку и ссылка как бы будет под ними.
 

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

Назад
Сверху