Рекламное самоисчезающее окно
2004
8.4 из 10
Проголосовало: 5
Проголосовало: 5
- Скачать с сервера
- Скачать
- Смотреть демо
Первым делом, подключим jQuery. Я воспользовался файлом на гугловском сервере:
Code
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>
Далее прописываем javascript-код, позволяющий нам использовать нужные функции jQuery:
Code
<script type="text/javascript">
setTimeout(function(){$('.box').fadeOut('fast')},10000); //30000 = 30 секунд
</script>
setTimeout(function(){$('.box').fadeOut('fast')},10000); //30000 = 30 секунд
</script>
Осталось только написать CSS (отдельно в тегах style либо в подключаемом файле css)
Code
.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:url('http://bolena.3dn.ru/images/layer_bg.png'); 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);}
Ну и пишем html код рекламы:
Code
<?if!($USER_LOGGED_IN$)?><div class="box">
<span style="font-size:12px;color:#eee"><b>Через 10 секунд эта реклама исчезнет</b></span>
<div style="margin:5px">тут реклама</div>
<span style="font-size:10px;color:#888">Если не желаете видеть рекламу - зарегистрируйтесь!</span>
</div><?endif?>
<span style="font-size:12px;color:#eee"><b>Через 10 секунд эта реклама исчезнет</b></span>
<div style="margin:5px">тут реклама</div>
<span style="font-size:10px;color:#888">Если не желаете видеть рекламу - зарегистрируйтесь!</span>
</div><?endif?>
Автор публикации: Загрузка
Загрузка
- Всего комментариев: 12
0
|
Ну да, на UCOZe библиотеки jquery уже подключены.
|
+1
|
Помагите плиз, можно ли реклама заменить на баннеру или картинку,я заменил но картинка не отображается
|
0
|
Вместо "Тут реклама" поставь <a href="ссылка на рекламируемый сайт"><img src="ссылка на изображение" alt=""></a> Все прекрасно отображается, возможно просто у тебя битая ссылка на изображение.
|
+1
|
Еще один вопрос можно ли сделать так чтобы первой строчки Оплаченная Реклама: не показывалась?
|
|
+3
|
Попробуй так:
a.takru b {display:none} |
|
0
|
Спасибо огромное, помогло
|
|
-1
|
Забул спросить!, почему реклама показывается зареганым пользователям?, помагите седлать чтобы зареганным пользователям не показывалась!
|
+4
|
<?if!($USER_LOGGED_IN$)?>Сюда засунь весь код<?endif?>
|
|
-1
|
Спс бло!, я теперь твой покорный слуга
|
|
-2
|
Прикольно!, спс взял!
|
+3
|
Code <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script> это ненужно... |
0
|
И правда ведь...
|
- Оставить комментарий:
Меню сайта
Категории
Мини-чат
Последние комментарии
Это моя работа, которая велась давольно таки давно 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Последние темы
Опрос
Статистика
| 0 онлайн |
0 наших |
0 чужих |
0
Сегодня были
Топ пользователей:
| |  |  |  |  |  |
 | |  |  |  |  |
- Обратная связь
- Правила
- RSS
- +18
- Мобильная версия
- Хостинг от uCoz
- Copyright - webo4ka.ru © 2010-2026 г.
- Design by Вовчик Администратор:)