Скрыть объявление
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

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

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

Тема в разделе "Вопросы- ответы", создана пользователем Roman.U, 10 июн 2018.

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

    PRO Users

    Регистрация:
    13 ноя 2015
    Сообщения:
    6.193
    Лучших ответов:
    5
    Рейтинги:
    +1.037 / 117 / -0
    Допустим есть ссылка рекла, ее нужно вставить в фон, беру стандартные стили ставлю картинку. Как сделать что бы картинка вела на определеннуй адрес, типо брендироваине?
    Код стандартного фона:
    Код:
    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 Посетитель

    Регистрация:
    13 дек 2017
    Сообщения:
    71
    Лучших ответов:
    0
    Рейтинги:
    +16 / 5 / -0
    css
    Код:
    .brand {display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:100;}
    main.tpl
    Код:
    <a href="ссылка-рекламодателя" class="brand"></a>
     
    • Нравится Нравится x 1
  3. TopicStarter Overlay
    Roman.U

    PRO Users

    Регистрация:
    13 ноя 2015
    Сообщения:
    6.193
    Лучших ответов:
    5
    Рейтинги:
    +1.037 / 117 / -0
    Спасибо, вышло, вот только кликабельная становится и карусель информеров и верхняя часть плавого и левого блока там где категории. Это можно как-то исправить, уменьшить ширину кликабельности.
     
  4. iCooLER

    Кодер

    Регистрация:
    13 сен 2016
    Сообщения:
    390
    Лучших ответов:
    6
    Рейтинги:
    +318 / 12 / -0
    Дело в свойстве z-index. У ссылки значение 100. Надо добавить к нужным блокам свойство z-index: 101, в таком случае они будут перекрывать ссылку и ссылка как бы будет под ними.
     
Яндекс.Метрика