ЗаWAP | Дневник

Липкий баннер с помощью css html

Подробное смотрите тут
_______________________

Липкий баннер с помощью css html

Как вывести липкий баннер
Для этого вам нужно вставить образцы

Пример их можно на свой стиль переписать.
------------------------------
вставить в шапку между <head></head>
Пример:

<head>

<link rel="stylesheet" href="/css/lipk.css"/>

</head>

далее html код
его вставить куда надо использовать.
после тега <body> до закрытия контейнера </body>
Если используете в php то обязательно в оператора заключите код.
на php:

echo '<div class="main-area1">

<div class="empty1">Section 1</div>

<div class="empty1">Section 2</div>

<div class="policy-banner1">



test

</div>

</div>';

на html:

<div class="main-area1">

<div class="empty1">Section 1</div>

<div class="empty1">Section 2</div>

<div class="policy-banner1">



test

</div>

</div>

далее css стиль заключить в css файл или использовать <style></style>:

.main-area1 {

background-color: #ccc;

}



.main-area1 .empty1 {

height: 500px;

background-color: #ddd;

}



.policy-banner1 {

height: 100px;

color: yellow;

background-color: blue;

position: -webkit-sticky;

position: sticky;

bottom: 0;

}



.footervip {

background-color: black;

height: 50px;

width: 100%;

color: white;

}

ПРИМЕР

Рейтинг:

+ 0

- 0

(Плюс / Минус )

Просмотров: 4422

Дата: 15 июля 2025, в 18:18

Добавил: NEON
БАН

Все дневники На главную

Вход