#1
Отправлено 18 Май 2012 - 14:52
у меня есть один вопрос,
возможно ли создать такие баннеры для рекламы на моем блоге, что при прокрутки страницы вверх или в низ стоят всегда на месте, тоисть, они просто cтоят на месте когда страница двигается вверх или в низ и они всегда на виду...
такое возможно?? если да тогда прошу мне ответись с кодами html
#2
Отправлено 18 Май 2012 - 16:07
#3
Отправлено 18 Май 2012 - 16:07
<img src="my_banner.jpg" style="position: fixed; top: 0; left: 0; display: block; width: 600px; height: 400px;">
Сообщение отредактировал madFobos: 18 Май 2012 - 16:08
#4
Отправлено 18 Май 2012 - 17:24
#5
Отправлено 18 Май 2012 - 17:40
дело в том что я создал блог на 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") - означает что баннер не должен подниматься выше той полости, и начинать стоять на месте (тоисть не двигаться в верх вместе с страницей) именно после той полоски.
#6
Отправлено 19 Май 2012 - 03:54
<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
#7
Отправлено 19 Май 2012 - 09:07
Создай виджет "Текст" и добавь в него код 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% должно работать как тебе нужно
~я плюс поставлю, за твой труд)) но это не работает... там где должен быть баннер пустое место....
#8
Отправлено 19 Май 2012 - 10:46
Если что дай ссылку на блог и логин/пароль в личку (потом поменяешь).
Сообщение отредактировал AlexMotor: 19 Май 2012 - 10:50
#9
Отправлено 19 Май 2012 - 12:06
Как пустое место? Значит что-то не то делаешь. Я проверял на своём блоге, всё отлично работает. Напиши пошагово что делал (максимально подробно)...
Если что дай ссылку на блог и логин/пароль в личку (потом поменяешь).
смотри:
http://youtu.be/YFrsNn5rhzs?hd=1
если не будешь знать как расказать о проблеме , кину аккаунт блога в личку.
#10
Отправлено 19 Май 2012 - 12:22
P.S. Можешь тут скопировать мой плагин, который гораздо лучше чем то, что ты хочешь
#11
Отправлено 19 Май 2012 - 12:51
Виждет в самый верх поставь в админке. Он у тебя появляется, но т.к. в самом конце, а над ним еще всякая хрень - вот он и показывается за пределами монитора, где-то "ниже" и поэтому его не видишь.
P.S. Можешь тут скопировать мой плагин, который гораздо лучше чем то, что ты хочешь
да тепер ьдействительно увидел... поставел видгет текст в самый верх... но все равно не так как хотелось...
как зделать чтобы он целый появлялся... и по возможности я смог дабавить ище 1 баннер такого же размера снизу...
и да, какие именно вигдеты на твоем сайте ты бы мне посоветовал в этом...
#12
Отправлено 19 Май 2012 - 12:58
Возможно, подойдёт такое решение. В текстовый виджет (он должен быть последним в сайдбаре) вставь код :
<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>
Кто счастлив, тот и прав. (Л. Н. Толстой)
#13
Отправлено 19 Май 2012 - 13:02
ВТОРОЙ ВАРИАНТ ТО ЧТО НАДО!!! огромное спасибо!!!!Простым позиционированием эту задачу не решить...
Возможно, подойдёт такое решение. В текстовый виджет (он должен быть последним в сайдбаре) вставь код :<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>
#14
Отправлено 19 Май 2012 - 13:21
Кто счастлив, тот и прав. (Л. Н. Толстой)
#15
Отправлено 19 Май 2012 - 13:29
Сообщение отредактировал blacklool: 19 Май 2012 - 13:31
Темы с аналогичным тегами wordpress, banner, banner
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 скрытых пользователей