Хотите задолбать своих посетителей?
 

Слепил тут скрипт. Не сам, конечно, а используя мировой опыт: http://shpargalkablog.ru/2013/09/scroll-block.html .
Блок прилипает к верхнему краю браузера. Как, например, здесь.

Подключается легко.
Файл sticky_top_block.js

**************
/*<script>*/
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными
var a = document.querySelector('#top_sticker_id'), b = null; // селектор блока, который нужно закрепить
window.addEventListener('scroll', Ascroll, false);
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%
function Ascroll() {
if (b == null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями
var Sa = getComputedStyle(a, ''), s = '';
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя
if (Sa[i].indexOf('overflow') == 0 || Sa[i].indexOf('padding') == 0 || Sa[i].indexOf('border') == 0 || Sa[i].indexOf('outline') == 0 || Sa[i].indexOf('box-shadow') == 0 || Sa[i].indexOf('background') == 0) {
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '
}
}
b = document.createElement('div'); // создать потомка
b.style.cssText = s + ' box-sizing: border-box; width: ' + a.offsetWidth + 'px;';
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок
var l = a.childNodes.length;
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков плавающего блока (итого: создан потомок-обёртка)
b.appendChild(a.childNodes[1]);
}
a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение
a.style.padding = '0';
a.style.border = '0'; // если элементу присвоен padding или border
}
if (a.getBoundingClientRect().top <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера
b.className = 'stick_to_top';
} else {
b.className = '';
}
window.addEventListener('resize', function() {
a.children[0].style.width = getComputedStyle(a, '').width
}, false); // если изменить размер окна браузера, измениться ширина элемента
}
})()
/*</script>*/
**************

Расположен в a_lib/js_sticky/

Подключается:
<div id="top_sticker_id" class="sticker_top_block">
Здесь код рекламы
</div>

<!-- Подключать скрипт блока необходимо ПОСЛЕ вывода блока. Иначе не работает -->
<?php echo <<<HERE
<script type="text/javascript" src="$cfg_site_root/a_lib/js_sticky/sticky_top_block.js" charset="windows-1251"></script>
HERE;
?>

Здесь $cfg_site_root - корень вашего сайта. У меня определяется в файле config: либо localhost, либо url.

Вот не знаю, если Гуглорекламу таким образом подключить, Гуглобосс обидится?
Скажите, если кто в курсе.


А, ещё CSS забыл:

/* Блок, прилипающий к верху страницы */
.sticker_top_block {
background: rgba(255,255,255,0.8);
max-width: 100%;
}

.stick_to_top {
position: fixed;
top: 0px; /* если ноль заменить на число (и в скрипте тоже), то блок будет прилипать до того, как верхний край окна браузера дойдёт до верхнего края элемента. Может быть отрицательным числом. Применим, например, при фиксированном сверху меню */
z-index: 101;
}

это всё устарело

надо вот так - http://warfiles.ru/show-125210-rossi...r-v-sakah.html
заголовок, картинка. а до текста добраться надо скроллер вниз покрутить , а на нем аккурат баннер висит не промахнетесь.

без мата не оставляю этот сайт как читать захожу. потому как 50% ошибаюсь и кликаю мимо прокрутки по баннеру

Да не. Вы шутку юмора не допоняли.
На самом деле, я вовсе не хотел посетителей задолбать.
Просто, если они, вдруг, забыли кликнуть по рекламе, нужно им предоставить такую возможность. :)
А, вообще (ну, в случае, если деньги не нужны), можно в этом блоке меню разместить или ещё что...

Это и css легко делается. О чем, собственно, по Вашей ссылке и говорится.


В правилах AdSense это явно запрещено. Но на некоторых сайтах висят.

Пробовал, не получилось. Если Вы умеете (ну хотя бы Гуглорекламу) - код в студию.
А, вообще, этот код мне больше нравится. Здесь реклама со средины страницы к верху прилипает. Слабо такое с CSS сделать?


Нашёл по случаю (к теме отношения не имеет):
http://bigspaceship.github.io/shine.js/
Красиво?
Кто-нибудь работал с этим?
Хочу рекламу таким шрифтом замутить.

Вот так, например:


Прилипающую сделать не пробовал. Только фиксированную. Смотреть надо.

Ну, и что за хрень получилась (смотреть справа)
http://www.stroyoffis.ru/mds_metodic...80_15_2000.php
Эту страницу можно читать?
Реклама закрывает текст.
Отпишитесь, как посмотрите. Нужно скорее удалить.

Добавлено через 27 минут
Да ну на. Отключил (у меня там люди). Захотите посмотреть - черкните, включу.

В чём там у Вас проблема была? Неподвижный блок на одной из сторон, который Вы сделали по css, закрывал текст? Так и Ваш вертикальный блок сверху тоже закрывает текст!

Но этот текст можно читать, прокрутив страницу.

Ну так поставьте "свой" блок сбоку и текст также нельзя будет читать.

Или сделайте поля по сторонам не менее ширины неподвижного блока и проблема опять будет решена.

К слову сказать, Вам не кажется, что контент "Стройоффиса" следует расположить в блоке, шириной 900-1200 пикселей, а не растягивать по всему экрану?

1. Зачем я буду ставить "свой" блок сбоку? Есть мысли?
2. Я не хочу ограничивать контент справа, т.к. встречаются таблицы и рисунки большой ширины. Это, наверное, и ответ на третий вопрос.
3. Так не растягивайте - это же в Ваших силах.

Затем, чтобы убедиться, что блоки работают одинаково. Ваш вариант реализации через js также закрывает текст.


Не хотите - не ограничивайте. Но зачем тогда пытаться ставить вертикальный блок, если Вам нужно пространство "до конца"?


Мне это вообще не нужно.

Не охота напрягаться, чтобы отвечать Вам.
Придумайте самостоятельно что-нибудь, лана?

Я просто предложил рабочий скрипт. Коме надо - поймут, а Вы - нагибайте CSS.
Хоккей?

Черт знает что такое. Вы попросили написать код. Потом попросили посмотреть и объяснить как он работает. Причем продублировали вопрос в личку. Работает код точно также, как код на js. А теперь:

Да на фиг мне сдалось что-то о Вас придумывать?

Смешно. Неужели Вы полагаете, что я не перепробовал всё о чём писал?
Ваш, простите, код перепробовал неоднократно.
В личку написал, что бы, как можно скорее удалить его.
Так что, не обижайтесь, я Вас очень уважаю, но, в данном случае, не считаю, что Вы правы.

Вы можете сформулировать в чем я не прав? Только без этих "придумайте сами". А то наш разговор и так напоминает беседу предрайисполкома с начальницей жэка из фильма "Фонтан":

— А где графики?
— К-какие графики?
— Вот сами и подумайте какие. Это же интересно!

От неугомонный, а давайте Вы не будете ставить мне условия, что мне же и отвечать? А давайте?
Патамушта мне пох, что "наш разговор и так напоминает беседу предрайисполкома с начальницей жэка из фильма "Фонтан"".

А давайте Вы не будете истерить как заберемевшая гимназистка? Пох Вам или не пох, но выглядит это всё равно мерзко. Не знаете, что ответить - имейте смелость это признать или просто не воняйте.

Вы знаете, мне просто влом отвечать Вам. Поэтому, позвольте, я буду цитировать Вас же методом копипаста?
А давайте Вы не будете истерить как забеременевший гимназист?
"забеременевший" - исправлено


Если Вы заметили (а ведь Вы всенепременно заметили, как Человек пунктуальный и грамотный) - правый блок становится левым на странице с текстом.





Да, особая благодарность D.iK.iJ. Я использовал его наработки. Ссылку живую? Пожалуйста.

Добавлено через 15 минут
А, вообще, - просьба к админам Сапы (включая пана Жеглова) - нельзя ли создать раздел на форуме, где можно было бы поделиться своими (& чужими, но полезными) наработками?
Не знаю кто как, но я бы проявил, к этому разделу неподдельный интерес.
Я, пока, готов скинуться мыслями об адаптивном дизайне (ну, строго говоря, у меня один сайт на нём работает - в мобиле - ОК).
Чё думаете?