ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Скрипт рекламное окно на 10 сек и потом исчезнет

Скрипт рекламное окно на 10 сек и потом исчезнет

Скрипт рекламное окно на 10 сек и потом исчезнет
Этот скрипт можно преподнести как реклама на сайте, а также, сообщение для всех пользователей и гостей. На ту тему, что идет розыгрыш на сайте или набирают модераторов. Вообщем применение у него очень большое. Так как он не будет мозолить глаза, а появляться в темном прозрачном окне в правом нижнем углу и через 10 секунд исчезать. Код полностью проверен, правда на темном дизайне, что можете посмотреть и он работает.




Теперь нам нужно его грамотно установить.

С начало начнем со стиля и пропишем в самом низу CSS

Код
.box a:link {color:#F4FF74;text-decoration:none} .box a:hover {text-decoration:underline;} .box {position: fixed; bottom:0px; right:15px; padding:10px;color:#fff;font-family:tahoma;font-size:11px;font-family:tahoma;font-size:11px;text-align:left; margin-bottom:17px; width:300px; background-color: #000000; opacity: 0.8; z-index:999999999; padding:7px; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);}


Потом идем в низ сайта и нужно там с начало прописать Хак для рекламы и загнать его в

Код
<head>Здесь сам хак рекламы</head>


Но теперь сам хак для баннера

Код
<script type="text/javascript"> setTimeout(function(){$('.box').fadeOut('fast')},10000); //30000 = 30 секунд </script>


И сразу его сам код ставим, но безусловно его переписываем под себя.

Код
<?if(!$USER_LOGGED_IN$)?><div class="box">  
<span style="font-size:12px;color:#eee"><b>Через 10 секунд эта реклама исчезнет</b></span>  
<div style="margin:5px"><br><a href="http://zornet.ru/" target="_blank">Скриптв и шаблоны для сайта ucoz</a><br><a href="http://zornet.ru/load/vse_dlja_ucoz/shablony_dlja_ucoz/142" target="_blank">Каталог файлов » Все для uCoz » Шаблоны для ucoz</a><br><a href="http://zornet.ru/load/vse_dlja_ucoz/ajax_dlja_ucoz/85" target="_blank">Каталог файлов » Все для uCoz » Ajax для uCoz</a><br></div>  
<span style="font-size:10px;color:#888">Если не желаете видеть рекламу - зарегистрируйтесь!</span>  
</div><?else?><?endif?>


Теперь можем поменять сам цвет окна, находим в стилях



что отвечает за оттенок.
05 Февраля 2015 Просмотров: 1660 Комментариев: (16)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 16
anatoliy_scherbakov107
anatoliy_scherbakov107 29 Марта 2015 02:311
0
Реклама не исчезает после входа на сайт. Как исправить? Сделал все как написано здесь)
Kosten
Kosten 29 Марта 2015 08:452
0
anatoliy_scherbakov107, проверял на тестовом сайте, все работает.
First-1
First-1 02 Апреля 2015 22:493
0
Отличный скрипт. Можно использовать как рекламу и как просилку регистрации. Сам скрипт работает отлично, а вот в css битая ссылка на картинку фона, и по этому окно получается без фона, прозрачное. Замените вот эту часть кода в стилях
background:url('http://bolena.3dn.ru/images/layer_bg.png'); на вот это background-color: #000000; opacity: 0.8;
это мы дали цвет фону и добавили прозрачности ему. Так будет намного лучше и не нужно ни каких картинок и каждый сможет сменить фон на любой цвет какой подходит сайту и изменить прозрачность
First-1
First-1 02 Апреля 2015 22:584
0
anatoliy_scherbakov107, реклама и правда так пропадать для зареганых не будет. Код нужно прописывать через условных операторов
Kosten
Kosten 02 Апреля 2015 22:595
0
First, от души, то реально не мог ссылку заменить, так как битая, на тестовом проверил, нормально и скрин от туда.
First-1
First-1 02 Апреля 2015 23:056
0
Kosten, я бы ещё в стили добавил сразу за тем кодом что дал тебе вот это z-index:999999999;
потому что я пробовал так окно лезет под некоторые части дизайна. Вот к примеру как у тебя хинт лезет под вид материалов мини чата а не поверх так же у меня это окно лезло
Kosten
Kosten 02 Апреля 2015 23:087
0
First, правильно прописал?
1 2 3 »
avatar