Мобильные устроиства и баннеры/рекламные блоки/плавающие элементы.

[romeo_piter]

Если не включать аякс в БО в принципе на смартфонах и планшетах всё стало очень хорошо даже без моб. стиля. Он стал не нужен.
Но как быть, например, с рекламными блоками? Они растягивают шапку, рушат шаблоны.

Простой пример, вставляем в шапку баннер 480, в результате лого не видно, видно баннер, ну а с яндекса и гугла блоками вообще беда.

Иконки соцсете от share42 нарушают работу.

И т.д. и т.п. - есть ли решения?

[LavIgor]

есть ли решения?

Убрать всё лишнее для мобильных устройств.

[Татьяна5]

Либо "разрезинить" рекламные блоки, либо вообще их скрыть для мобильных устройств

[владимир1983]

вставляем в шапку баннер 480

Ну так http://htmlbook.ru/css/media решит твои проблемы с элементами которые криво выглядят на разных разрешениях экрана.

[Sheer]

Есть волшебная фича media screen

[xisp]

Но как быть, например, с рекламными блоками?

Удолить. Вообще.

[romeo_piter]

Спасибо за ответы.

Удолить. Вообще.

Вы шутник? )
И за хостинг из своего кармана платить?

[xisp]

И за хостинг из своего кармана платить?

У меня мои скидываются, так же висит неприметная ссылка на донат (бесполезная).

[romeo_piter]

Ну значит у вас исключение из правил. Если бы не контекст - я бы уже пустил форум по ветру, мне банально жалко ежемесячно 3 рубля из своего кармана на хостинг отдавать.

[ostridm]

у гугла блоки адаптивные, у яндекса можно поставить перед!!!! загрузкой рекламы количество объявлений в зависимости от ширины ЭКРАНА


не окна а экрана- это важно

итак, самое делается в этой строке

Код: Выделить всё

limit: window.sade.yadHorzLimit(),

это первый блок вычисляет сколько объявлений нужно, сам себя прописывает в окно, должен стоять раньше яндексов.

Код: Выделить всё

<script type='text/javascript'>
		(function(w, d){
			var cx = typeof(w.screen.width) == "number" ? w.screen.width : 0;
			var cy = typeof(w.screen.height) == "number" ? w.screen.height : 0;
			var mincx = cx < cy ? cx : cy;
			var side = mincx < 768 ? false : true;

			w.sade = {
				mincx : mincx,
				yadHorzLimit : function() { return window.sade.mincx > 920 ? 3 : (window.sade.mincx > 590 ? 2 : 1);}
			};
                })(window, document);
	</script>

это внизу

Код: Выделить всё

<script type="text/javascript">
	(function(w, d, n, s, t) {
		w[n] = w[n] || [];
		w[n].push(function() {
				Ya.Direct.insertInto(***, "****", {
				stat_id: 6,
				ad_format: "direct",
				font_family: "tahoma",
				font_size: 1.2,
				type: "horizontal",
				limit: window.sade.yadHorzLimit(),
				title_font_size: 3,
				site_bg_color: "FFFFFF",
				header_bg_color: "009900",
				title_color: "009900",
				url_color: "000000",
				text_color: "000000",
				hover_color: "009900",
				favicon: true,
				no_sitelinks: true
			});
		});
		t = d.documentElement.firstChild;
		s = d.createElement("script");
		s.type = "text/javascript";
		s.src = "//an.yandex.ru/system/context.js";
		s.setAttribute("async", "true");
		t.insertBefore(s, t.firstChild);
	})(window, document, "yandex_context_callbacks");
</script>

[romeo_piter]

Насчет баннеров и @media не совсем осознал.
Если у нас баннер идет через расширение например Anvara AdUnit - там разве получтся использовать @media

[KEMnEP]

написать простейший скрипт который от ширины экрана подгоняет выдачу того или иного банера по разрешению (лично так делал)
ну естественно изначально в рекламной компании 2 вида рекламных блока под нужные разрешения сделаны. А если гугл то проще. адаптивную втыкаеш и проблем не знаеш.
пспс за решение аякса в двух темах выключение лично 1 пользователю в ответах можно было и спасибо кнопку так то нажать
пспспс про share42 вообще можно мини иконки взять у них на сайте, так что непроблема

Отправлено спустя 18 минут 32 секунды:

Код: Выделить всё

<script type="text/javascript">
  if (screen.width <= 800) {

тут рекламный код для рекламки меньше 800 пиксильных экранов

  }
 else {
 
 тут для больших
 
  }
 
</script>

чисто пример код. далеко не идеальный но как пример для обучения пойдёт