Dismiss Notice
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

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

Discussion in 'Вопросы- ответы' started by Roman.U, Jun 10, 2018.

10.06.18 в 18:27
10.06.18 в 21:21
3
454
0
  1. TopicStarter Overlay
    Roman.U

    PRO Users

    Joined:
    Nov 13, 2015
    Messages:
    6,892
    Best Answers:
    5
    Ratings:
    +1,230 / 154 / -0
    Допустим есть ссылка рекла, ее нужно вставить в фон, беру стандартные стили ставлю картинку. Как сделать что бы картинка вела на определеннуй адрес, типо брендироваине?
    Код стандартного фона:
    Code:
    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;}
     
  2. stipan

    stipan Посетитель

    Joined:
    Dec 13, 2017
    Messages:
    71
    Best Answers:
    0
    Ratings:
    +16 / 5 / -0
    css
    Code:
    .brand {display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:100;}
    main.tpl
    Code:
    <a href="ссылка-рекламодателя" class="brand"></a>
     
    • Нравится Нравится x 1
  3. TopicStarter Overlay
    Roman.U

    PRO Users

    Joined:
    Nov 13, 2015
    Messages:
    6,892
    Best Answers:
    5
    Ratings:
    +1,230 / 154 / -0
    Спасибо, вышло, вот только кликабельная становится и карусель информеров и верхняя часть плавого и левого блока там где категории. Это можно как-то исправить, уменьшить ширину кликабельности.
     
  4. iCooLER

    Кодер

    Joined:
    Sep 13, 2016
    Messages:
    390
    Best Answers:
    6
    Ratings:
    +320 / 12 / -0
    Дело в свойстве z-index. У ссылки значение 100. Надо добавить к нужным блокам свойство z-index: 101, в таком случае они будут перекрывать ссылку и ссылка как бы будет под ними.
     
Яндекс.Метрика