Баннеры возле контента

[Георгий Шевченко]

Пользователь Георгий Шевченко разместил новый ресурс:

Баннеры возле контента - Плавающие баннеры возле контента

Установка:
Ищем шаблон header вставляем туда этот код

Code

<div id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 0px">
<a href="http://xenforo.info/"><img src="http://www.tpufa.ru/upload/medialibrary/cc7/cc79031a644ad09924c3d676075c3626.png" width="170" /></a>
</div>
<div id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 0px; margin-left: -30px;">
<a href=" http://xenforo.info/ "><img...

Узнать больше об этом ресурсе...

 

[кот]

Пользователей будут раздражать

 

[Elnick]

Вопрос к гуру: как в данных местах правильно разместить исключив плавающий эффект, чисто статично!?

 

[Георгий Шевченко]

Вопрос к гуру: как в данных местах правильно разместить исключив плавающий эффект, чисто статично!?

Удалите тот код, и вставьте этот

Статичный блок

<div id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 0px">
<a href="http://xenforo.info/"><img src="http://www.tpufa.ru/upload/medialibrary/cc7/cc79031a644ad09924c3d676075c3626.png" width="170" /></a>
</div>
<div id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 0px; margin-left: -30px;">
<a href=" http://xenforo.info/ "><img src="http://www.tpufa.ru/upload/medialibrary/cc7/cc79031a644ad09924c3d676075c3626.png" width="170" /></a>
</div>
<script>
  function FloatTopDiv()
  {
  startLX = ((document.body.clientWidth -MainContentW)/2)-LeftBannerW-LeftAdjust , startLY = TopAdjust+80;
  startRX = ((document.body.clientWidth -MainContentW)/2)+MainContentW+RightAdjust , startRY = TopAdjust+80;
  var d = document;
  function ml(id)
  {
  var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
  el.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';};
  el.x = startRX;
  el.y = startRY;
  return el;
  }
  function m2(id)
  {
  var e2=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
  e2.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';};
  e2.x = startLX;
  e2.y = startLY;
  return e2;
  }
  window.stayTopLeft=function()
  {
  if (document.documentElement && document.documentElement.scrollTop)
  var pY =  document.documentElement.scrollTop;
  else if (document.body)
  var pY =  document.body.scrollTop;
  if (document.body.scrollTop > 30){startLY = 3;startRY = 3;} else {startLY = TopAdjust;startRY = TopAdjust;};
  ftlObj.y += (pY+startRY-ftlObj.y)/16;
  ftlObj.sP(ftlObj.x, ftlObj.y);
  ftlObj2.y += (pY+startLY-ftlObj2.y)/16;
  ftlObj2.sP(ftlObj2.x, ftlObj2.y);
  }
  ftlObj = ml("divAdRight");
  //stayTopLeft();
  ftlObj2 = m2("divAdLeft");
  stayTopLeft();
  }
  
  function ShowAdDiv()
  {
  var objAdDivRight = document.getElementById("divAdRight");
  var objAdDivLeft = document.getElementById("divAdLeft");
  if (document.body.clientWidth < 1000)
  {
  objAdDivRight.style.display = "none";
  objAdDivLeft.style.display = "none";
  }
  else
  {
  objAdDivRight.style.display = "block";
  objAdDivLeft.style.display = "block";
  FloatTopDiv();
  }
  }
</script>
<script>
document.write("<script type='text/javascript' language='javascript'>MainContentW = 1000;LeftBannerW = 125;RightBannerW = 125;LeftAdjust = 5;RightAdjust = 5;TopAdjust = 10;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>");
</script>

Демо:

 

[Elnick]

Спасибо Георгий!
Столько скрипта жизненно необходимо для статического выведения баннеров?

 

[Георгий Шевченко]

Спасибо Георгий!
Столько скрипта жизненно необходимо для статического выведения баннеров?

Изначально предполагалось для фиксированного баннера + что-бы баннеры при уменьшение страницы, не съезжали с места. А так да.
Просто написал такой способ, опираясь с моего примера.

p.s. Способов выведение статичных картинок "КУЧА".

 

[Rommax]

Подскажите как отодвинуть картинки по двум сторонам ?
В коде нашел тока на левую стороны а вот правую так и не смог (

[DOUBLEPOST=1396409086,1396408909][/DOUBLEPOST]MainContentW = 1100; установил вроде нормально отодвинулись .
Но у меня и монитор большой . Не будут ли они наезжать у тех у кого мониторы маленькие ?[DOUBLEPOST=1396411420][/DOUBLEPOST]Как и предполагал то наезжает то по разные стороны (

 

[Георгий Шевченко]

Подскажите как отодвинуть картинки по двум сторонам ?
В коде нашел тока на левую стороны а вот правую так и не смог (

Посмотреть вложение 14651[DOUBLEPOST=1396409086,1396408909][/DOUBLEPOST]MainContentW = 1100; установил вроде нормально отодвинулись .
Но у меня и монитор большой . Не будут ли они наезжать у тех у кого мониторы маленькие ?[DOUBLEPOST=1396411420][/DOUBLEPOST]Как и предполагал то наезжает то по разные стороны (

Вот просто добавьте margin-left

<div id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 0px; margin-left: 30px;">
<a href="http://xenforo.info/"><img src="http://www.tpufa.ru/upload/medialibrary/cc7/cc79031a644ad09924c3d676075c3626.png" width="170" /></a>
</div>
<div id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 0px; margin-left: -30px;">
<a href=" http://xenforo.info/ "><img src="http://www.tpufa.ru/upload/medialibrary/cc7/cc79031a644ad09924c3d676075c3626.png" width="170" /></a>
</div>