Боковые плавающие баннеры

[Федя К.]

Всем доброго времени суток!
Ребята, помогите пожалуйста найти код чтобы сделать плавающие баннеры на одноколоночном сайте (по бокам)

Пример:

Буду очень признателен за помощь!

 

[vytyacom]

Я так понял нужен блок, который при достижении края видимой области прилипал к экрану?
Есть отличный jquery скрипт для этого - Для просмотра ссылки Войди или Зарегистрируйся

 

[ddn128]

найти код чтобы сделать плавающие баннеры

Самый простой код - это "fixed" в CSS (на приведённом Вами примере так и сделано)
Для просмотра ссылки Войди или Зарегистрируйся

.vash_style {
    position: fixed;
    top: по вкусу px (или % );
    left (или right): по вкусу px (или % );
    height: по желанию px;
    width: по желанию px;
}

 

[Федя К.]

при достижении края видимой области прилипал к экрану?

Как я понял из примера - баннеры не достигают никакой области, они зафиксированы.

Самый простой код - это "fixed" в CSS (на приведённом Вами примере так и сделано)

то есть делаются два разных дива слой1 слой2 (с кодом баннеров)
и для каждого подключается два таких стиля с позиционированием?

 

[vytyacom]

Как я понял из примера - баннеры не достигают никакой области, они зафиксированы.

Зафиксированным блок становится когда его верхний край касается края окна.
В примере по ссылке это блок с кодом.

var sticky = new Waypoint.Sticky({
element: $('.basic-sticky-example')[0]
})

 

[ddn128]

то есть делаются два разных дива слой1 слой2 (с кодом баннеров)
и для каждого подключается два таких стиля с позиционированием?

Да. Если Вам надо "позиционирование", то можно использовать скрипт, кот. привёл vytyacom
Если позиционирование не надо, достаточно банеры "обернуть" в div
1. <div class="banner_l">код банера </div>
2. <div class="banner_r">код банера </div>

 

[Solus_Rex]

Всем доброго времени суток!
Ребята, помогите пожалуйста найти код чтобы сделать плавающие баннеры на одноколоночном сайте (по бокам)
Пример:
Буду очень признателен за помощь!

Посмотрите ещё такие варианты:
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся
В первом варианте достаточно подробные описания и много разных вариантов. + В комментах есть вещи полезные.