Старый 03.08.2016, 10:17   #1
Специалист
 
Регистрация: 19.06.2009
Сообщений: 454
Вес репутации: 204
e-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущее
По умолчанию Хотите задолбать своих посетителей?

Слепил тут скрипт. Не сам, конечно, а используя мировой опыт: 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;
}
__________________
— Солдат, не имеющий спичек, является… является… Ну?
— Осмелюсь доложить, является без спичек, — подсказал Швейк.

Последний раз редактировалось e-visitor; 03.08.2016 в 10:17. Причина: Добавлено сообщение
e-visitor вне форума   Ответить с цитированием
Старый 03.08.2016, 10:48   #2
Эксперт
 
Аватар для Anadonam
 
Регистрация: 29.10.2009
Адрес: Вологда and SSHA
Сообщений: 3,896
Вес репутации: 352
Anadonam - прекрасное будущееAnadonam - прекрасное будущееAnadonam - прекрасное будущееAnadonam - прекрасное будущееAnadonam - прекрасное будущееAnadonam - прекрасное будущееAnadonam - прекрасное будущееAnadonam - прекрасное будущееAnadonam - прекрасное будущееAnadonam - прекрасное будущееAnadonam - прекрасное будущее
Отправить сообщение для Anadonam с помощью ICQ
По умолчанию

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

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

без мата не оставляю этот сайт как читать захожу. потому как 50% ошибаюсь и кликаю мимо прокрутки по баннеру
Anadonam вне форума   Ответить с цитированием
Старый 03.08.2016, 11:30   #3
Специалист
 
Регистрация: 19.06.2009
Сообщений: 454
Вес репутации: 204
e-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущее
По умолчанию

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

Последний раз редактировалось e-visitor; 03.08.2016 в 11:36.
e-visitor вне форума   Ответить с цитированием
Старый 03.08.2016, 11:48   #4
Эксперт
 
Аватар для SergejF
 
Регистрация: 17.02.2008
Адрес: Донецк, ДНР
Сообщений: 8,880
Вес репутации: 501
SergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущее
По умолчанию

Цитата:
Сообщение от e-visitor Посмотреть сообщение
Слепил тут скрипт. Не сам, конечно, а используя мировой опыт: http://shpargalkablog.ru/2013/09/scroll-block.html .
Это и css легко делается. О чем, собственно, по Вашей ссылке и говорится.


Цитата:
Сообщение от e-visitor Посмотреть сообщение
Вот не знаю, если Гуглорекламу таким образом подключить, Гуглобосс обидится?
В правилах AdSense это явно запрещено. Но на некоторых сайтах висят.
SergejF вне форума   Ответить с цитированием
Старый 03.08.2016, 13:25   #5
Специалист
 
Регистрация: 19.06.2009
Сообщений: 454
Вес репутации: 204
e-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущее
По умолчанию

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


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

Последний раз редактировалось e-visitor; 03.08.2016 в 13:27. Причина: Добавлено сообщение
e-visitor вне форума   Ответить с цитированием
Старый 03.08.2016, 14:49   #6
Эксперт
 
Аватар для SergejF
 
Регистрация: 17.02.2008
Адрес: Донецк, ДНР
Сообщений: 8,880
Вес репутации: 501
SergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущее
По умолчанию

Цитата:
Сообщение от e-visitor Посмотреть сообщение
Пробовал, не получилось. Если Вы умеете (ну хотя бы Гуглорекламу) - код в студию.
Вот так, например:

Код:
#reklamaleft {
	font-size:1000%;
	color:#800000;
	width: 125px;
	height: 160px; 
	position: fixed;
	//position: absolute;
	top:expression(eval(document.documentElement.scrollTop)+20);
	top: 5px;
	left: 0;
	z-index: 1;
}

#reklamaright {
	font-size:100%;
	color:#800000;
	width: 125px;
	height: 600px; 
	position: fixed;
	//position: absolute;
	top:expression(eval(document.documentElement.scrollTop)+20);
	top: 5px;
	right: 0;
	z-index: 1;
}

Цитата:
Сообщение от e-visitor Посмотреть сообщение
Здесь реклама со средины страницы к верху прилипает. Слабо такое с CSS сделать?
Прилипающую сделать не пробовал. Только фиксированную. Смотреть надо.
SergejF вне форума   Ответить с цитированием
Старый 03.08.2016, 15:54   #7
Специалист
 
Регистрация: 19.06.2009
Сообщений: 454
Вес репутации: 204
e-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущее
По умолчанию

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

Добавлено через 27 минут
Да ну на. Отключил (у меня там люди). Захотите посмотреть - черкните, включу.
__________________
— Солдат, не имеющий спичек, является… является… Ну?
— Осмелюсь доложить, является без спичек, — подсказал Швейк.

Последний раз редактировалось e-visitor; 03.08.2016 в 15:54. Причина: Добавлено сообщение
e-visitor вне форума   Ответить с цитированием
Старый 03.08.2016, 16:47   #8
Эксперт
 
Аватар для SergejF
 
Регистрация: 17.02.2008
Адрес: Донецк, ДНР
Сообщений: 8,880
Вес репутации: 501
SergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущее
По умолчанию

Цитата:
Сообщение от e-visitor Посмотреть сообщение
Ну, и что за хрень получилась (смотреть справа)
http://www.stroyoffis.ru/mds_metodic...80_15_2000.php
Эту страницу можно читать?
Реклама закрывает текст.
В чём там у Вас проблема была? Неподвижный блок на одной из сторон, который Вы сделали по css, закрывал текст? Так и Ваш вертикальный блок сверху тоже закрывает текст!
SergejF вне форума   Ответить с цитированием
Старый 03.08.2016, 16:52   #9
Специалист
 
Регистрация: 19.06.2009
Сообщений: 454
Вес репутации: 204
e-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущееe-visitor - прекрасное будущее
По умолчанию

Цитата:
Сообщение от SergejF Посмотреть сообщение
В чём там у Вас проблема была? Неподвижный блок на одной из сторон, который Вы сделали по css, закрывал текст? Так и Ваш вертикальный блок сверху тоже закрывает текст!
Но этот текст можно читать, прокрутив страницу.
__________________
— Солдат, не имеющий спичек, является… является… Ну?
— Осмелюсь доложить, является без спичек, — подсказал Швейк.
e-visitor вне форума   Ответить с цитированием
Старый 03.08.2016, 17:13   #10
Эксперт
 
Аватар для SergejF
 
Регистрация: 17.02.2008
Адрес: Донецк, ДНР
Сообщений: 8,880
Вес репутации: 501
SergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущее
По умолчанию

Цитата:
Сообщение от e-visitor Посмотреть сообщение
Но этот текст можно читать, прокрутив страницу.
Ну так поставьте "свой" блок сбоку и текст также нельзя будет читать.

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

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

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Хотите попасть в офис Яндекса? dvakarandasha Курилка 7 27.06.2010 13:54
Хотите поржать? Lesnik59 Курилка 28 08.11.2008 19:16
Подскажите плз по блогам для своих посетителей exe2 Курилка 5 18.05.2008 16:13


Часовой пояс GMT +3, время: 08:49.