X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как сделать кликабельный фон
prolisk
prolisk
Topic Starter сообщение 23.4.2015, 15:00; Ответить: prolisk
Сообщение #1


Кто поможет в верстке css? Есть код, например, баннера.
Он ставится на фон шапки.
Шапка - один div с классом shapka, баннер - другой div class="banner"
z-index'ами, position - поигрался, но не решил проблему.

Кто подскажет с кодом? :)
[spoiler="Пример"]Фон должен кликаться (ссылка a стоит), и шапка тоже.
Прикрепленный файл  4234.png ( 42,87 килобайт ) Кол-во скачиваний: 1183
[/spoiler]

Добавлено спустя 23 секунды:
Может ширину шапки задать auto, поубирать размеры?


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 23.4.2015, 20:50; Ответить: k0ttee
Сообщение #2


Если именно фон, тогда подглядеть у любого крупного магазина или торрент-трекера. Там часто на фон вешают рекламу.
Вангую что велосипед OnClick повешенный на <html> или <body> должен помочь, но не уверен что кликабельным станет "только фон" а не "вообще все".

Пациента можно поглядеть? Под хайдом или в личку.

Добавлено спустя 1 час 53 минуты 24 секунды:
Нету там элемента с классом shapka.

В начало <header> добавить баннер. А чтобы одно на другое не налезало:
1.) или вставленному баннеру добавить отступа снизу margin-bottom: 30px;
2.) или содержимому шапки (hgroup которые) добавить отступа сверху margin-top: 30px;

Так в шапку или на фон? Или на фон шапки? Определись сначала куда, а потом будем делать.


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
prolisk
prolisk
Topic Starter сообщение 23.4.2015, 21:43; Ответить: prolisk
Сообщение #3


k0ttee, так на фон шапки, как в примере, вместо РОТАБАН.
Элементы придумал, их там нет пока :)


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 24.4.2015, 0:34; Ответить: k0ttee
Сообщение #4


Ну тогда берем шапку за жабры, назначаем ей фон картинку.

Значит в стилях:
header{
    background: url(picture.png) no-repeat; /* фон шапки причем без повторений */
    height: 300px; /* возможно придется явно задать высоту */
}


На этом "картинка" заканчивается. :unsure:

А в html добавим событие по клику:
<header id="branding" role="banner" onclick="header_banner()">


Ну а в JS куда-нибудь, функцию выполняемую по клику. Пока выведем сообщение.
function header_banner(){
    alert('отладка');
}


Если по клику на вложенных элементах будет выполняться функция, эти вложенные элементы можно кастрировать добавив им OnClick="return false"
Велосипед, но иначе никак: если сделаем шапку просто ссылкой, то вложенные элементы тоже будут этой ссылкой.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1120 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2291 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3913 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3639 24.3.2024, 20:55
автор: Liudmila
Открытая тема (нет новых ответов) Через какой браузер и как можно найти в кэшэ браузера видео
10 Room 1934 23.3.2024, 7:41
автор: Room


 



RSS Текстовая версия Сейчас: 29.3.2024, 1:48
Дизайн