Рекламное самоисчезающее окно

1717
8.4 из 10
Проголосовало: 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>


Осталось только написать 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?>
Автор публикации: Загрузка
Загрузка
Disturbed, это его n материал
  • Всего комментариев: 12

Swich
0
Swich написал: Написано 06 Июля 2012 в 12:10
Комментарий №10
Ну да, на UCOZe библиотеки jquery уже подключены.

MyUCOZ-DO-AM
+1
MyUCOZ-DO-AM написал: Написано 06 Июля 2012 в 01:04
Комментарий №8
Помагите плиз, можно ли реклама заменить на баннеру или картинку,я заменил но картинка не отображается wink

Vladislav
0
Vladislav написал: Написано 07 Июля 2012 в 14:07
Комментарий №12
Вместо "Тут реклама" поставь <a href="ссылка на рекламируемый сайт"><img src="ссылка на изображение" alt=""></a> Все прекрасно отображается, возможно просто у тебя битая ссылка на изображение. smile

Ромашка:D
+1
Ромашка:D написал: Написано 05 Июля 2012 в 21:33
Комментарий №6
Еще один вопрос можно ли сделать так чтобы первой строчки Оплаченная Реклама: не показывалась?

Vladislav
+3
Vladislav написал: Написано 06 Июля 2012 в 00:24
Комментарий №7
Попробуй так:
a.takru b {display:none}

Ромашка:D
0
Ромашка:D написал: Написано 06 Июля 2012 в 02:21
Комментарий №9
Спасибо огромное, помогло smile

Ромашка:D
-1
Ромашка:D написал: Написано 05 Июля 2012 в 20:28
Комментарий №3
Забул спросить!, почему реклама показывается зареганым пользователям?, помагите седлать чтобы зареганным пользователям не показывалась! smile

Kiwi
+4
Kiwi написал: Написано 05 Июля 2012 в 20:54
Комментарий №4
<?if!($USER_LOGGED_IN$)?>Сюда засунь весь код<?endif?>

Ромашка:D
-1
Ромашка:D написал: Написано 05 Июля 2012 в 21:23
Комментарий №5
Спс бло!, я теперь твой покорный слуга biggrin

Ромашка:D
-2
Ромашка:D написал: Написано 05 Июля 2012 в 20:26
Комментарий №2
Прикольно!, спс взял! smile

Вовчик
+3
Вовчик написал: Написано 05 Июля 2012 в 19:08
Комментарий №1
Code
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>


это ненужно...

Disturbed
0
Disturbed написал: Написано 06 Июля 2012 в 16:26
Комментарий №11
И правда ведь...

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Радио не стоит на месте новая версия вам 1.5:
    Что нового:
    1. Media Session - позволит вам переключать из бара браузера радио, а также на блоке экрана.
    2. Новые радиостанции.
    3. Новый API код.

    Демо: fiddle
    Реальная полная версия: woobl
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
    Последние темы
    Опрос
    470
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: