Сообщений в теме: 14

[blacklool]

здравствуйте!
у меня есть один вопрос,

возможно ли создать такие баннеры для рекламы на моем блоге, что при прокрутки страницы вверх или в низ стоят всегда на месте, тоисть, они просто cтоят на месте когда страница двигается вверх или в низ и они всегда на виду...


такое возможно?? если да тогда прошу мне ответись с кодами html

[AlexMotor]

конечно возможно и не только с баннерами, а с чем хочешь. Создай div блок со свойством стиля position:fixed

[Артём Еремеевский]

<img src="my_banner.jpg" style="position: fixed; top: 0; left: 0; display: block; width: 600px; height: 400px;">

Сообщение отредактировал madFobos: 18 Май 2012 - 16:08

[blacklool]

боюсь это мне не помогло... потому что баннер стоит не там где бы мне хотелось.... такчто создам новый вопрос

[blacklool]

и так вторая часть, вопроса об баннерах...
дело в том что я создал блог на wordpress, и так справа у меня есть место для рекламы... где я и хотел вставить фиксированные баннеры рекламы, поскольку страницы будут получаться долгими...

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

так вот в предыдущему вопросу, я получил отвел и коечно начертил.... :

<div style="position: fixed; top: 0; left: 0; display: block; width: 250px; height: 250px;">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7805374444250831";
/* 250x250 imagem */
google_ad_slot = "2240660760";
google_ad_width = 250;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>

поскольку я не успел все посмотреть... я очень слаб в вопросах об блоках div...

и этот баннер вверху с лева... а мне нужно чтобы он находился в другом месте, поыетому обращаюсь к вам...

и так в вордпрес, есть справа место для рекламы, это строка шыриной 250пкс, но с верху ище находяться всякие ссылки... а с низу очень много пустого места...
мне нужно чтобы баннер не поднимался выше тих сылок и находился ниже их... и чтобы только когда я смотрю страницу ниже этих ссылок он начинал двигаться в низ.... прошу вас помочь!!!

я создал картинку чтобы вам было легче понять что я от вас хочу:

(цифра "1") - означает что баннер не должен подниматься выше той полости, и начинать стоять на месте (тоисть не двигаться в верх вместе с страницей) именно после той полоски.

[AlexMotor]

Создай виджет "Текст" и добавь в него код html

<div style="position: fixed; width: 250px; height: 250px; padding:0;">

<script type="text/javascript"><!--
google_ad_client = "ca-pub-7805374444250831";
/* 250x250 imagem */
google_ad_slot = "2240660760";
google_ad_width = 250;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</div>

Ставь плюсик, 100% должно работать как тебе нужно

Сообщение отредактировал AlexMotor: 19 Май 2012 - 04:03

[blacklool]

Создай виджет "Текст" и добавь в него код html

<div style="position: fixed; width: 250px; height: 250px; padding:0;">

<script type="text/javascript"><!--
google_ad_client = "ca-pub-7805374444250831";
/* 250x250 imagem */
google_ad_slot = "2240660760";
google_ad_width = 250;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</div>

Ставь плюсик, 100% должно работать как тебе нужно

~я плюс поставлю, за твой труд)) но это не работает... там где должен быть баннер пустое место....

[AlexMotor]

Как пустое место? Значит что-то не то делаешь. Я проверял на своём блоге, всё отлично работает. Напиши пошагово что делал (максимально подробно)...

Если что дай ссылку на блог и логин/пароль в личку (потом поменяешь).

Сообщение отредактировал AlexMotor: 19 Май 2012 - 10:50

[blacklool]

Как пустое место? Значит что-то не то делаешь. Я проверял на своём блоге, всё отлично работает. Напиши пошагово что делал (максимально подробно)...

Если что дай ссылку на блог и логин/пароль в личку (потом поменяешь).

смотри:
http://youtu.be/YFrsNn5rhzs?hd=1

если не будешь знать как расказать о проблеме , кину аккаунт блога в личку.

[AlexMotor]

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

P.S. Можешь тут скопировать мой плагин, который гораздо лучше чем то, что ты хочешь

[blacklool]

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

P.S. Можешь тут скопировать мой плагин, который гораздо лучше чем то, что ты хочешь

да тепер ьдействительно увидел... поставел видгет текст в самый верх... но все равно не так как хотелось...


как зделать чтобы он целый появлялся... и по возможности я смог дабавить ище 1 баннер такого же размера снизу...

и да, какие именно вигдеты на твоем сайте ты бы мне посоветовал в этом...

[Сергей (ex-Gudvin)]

Простым позиционированием эту задачу не решить...

Возможно, подойдёт такое решение. В текстовый виджет (он должен быть последним в сайдбаре) вставь код :

<script type="text/javascript">
$(function() {
  var offset = $("#fixed").offset();
  var topPadding = 45;
  $(window).scroll(function() {
   if ($(window).scrollTop() > offset.top) {
	$("#fixed").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
   }
   else {$("#fixed").stop().animate({marginTop: 0});};});
});
</script>
<div id="fixed">Плавающий блок</div>

Если с имеющейся в WorPress библиотекой jQuery работать не будет, то подключи другую прямо в виджете... Т.е. вставь вот такой код:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function() {
  var offset = $("#fixed").offset();
  var topPadding = 45;
  $(window).scroll(function() {
   if ($(window).scrollTop() > offset.top) {
	$("#fixed").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
   }
   else {$("#fixed").stop().animate({marginTop: 0});};});
});
</script>
<div id="fixed">Плавающий блок</div>

[blacklool]

Простым позиционированием эту задачу не решить...

Возможно, подойдёт такое решение. В текстовый виджет (он должен быть последним в сайдбаре) вставь код :

<script type="text/javascript">
$(function() {
  var offset = $("#fixed").offset();
  var topPadding = 45;
  $(window).scroll(function() {
   if ($(window).scrollTop() > offset.top) {
	$("#fixed").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
   }
   else {$("#fixed").stop().animate({marginTop: 0});};});
});
</script>
<div id="fixed">Плавающий блок</div>

Если с имеющейся в WorPress библиотекой jQuery работать не будет, то подключи другую прямо в виджете... Т.е. вставь вот такой код:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function() {
  var offset = $("#fixed").offset();
  var topPadding = 45;
  $(window).scroll(function() {
   if ($(window).scrollTop() > offset.top) {
	$("#fixed").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
   }
   else {$("#fixed").stop().animate({marginTop: 0});};});
});
</script>
<div id="fixed">Плавающий блок</div>

ВТОРОЙ ВАРИАНТ ТО ЧТО НАДО!!! огромное спасибо!!!!

[Сергей (ex-Gudvin)]

Особо незачто, т.к. подключение двух схожих библиотек не есть хорошо... Проверь, работает ли всё остальное, функционирующее с попощью jQuery. Для более грамотного решения требуются более глубокие знания WordPress и jQuery, нежели есть у меня.

[blacklool]

боюсь у меня знаний потчи нет т.к. wordpress в первые установил 3 дня назад... а про jquery первый раз слышу... вообшем спасибо за хоть такое ришение проблемы... когда появиться немного больше свободного времени, досмотрю уроки киберсанта и начну изучать jquery

Сообщение отредактировал blacklool: 19 Май 2012 - 13:31