Скрипт для поздравления Дедом Морозом посетителей на блоге

script2    Доброго времени суток, дорогие читатели! Понимаю, что новогодние праздники уже в самом разгаре: завтра Рождество, через неделю Старый Новый год, но так захотелось поделиться находкой скрипта, который делает просто очаровательное поздравление Деда Мороза на блоге, что не стала дожидаться следующих новогодних праздников, а публикую хоть и с опозданием, но сейчас. Cheers

Скрип я устанавливаю в виджет «Текст» в любое место в сайдбаре- лучше где-то внизу, чтобы после праздников не перебирать все виджеты, тем более виджет НЕ ПОДПИСАН, в противном случае в сайдбаре будет просматриваться только название… 

Сначала текст скрипта не для копирования, а для рассмотрения.

Синим выделен текст, который просматривается в свитке, и который Вы можете изменить по своему желанию.

Розовым выделено время просмотра поздравления. Посмотрите как будет изначально, а потом можете добавить или уменьшить…

Красным выделен размер Деда Мороза и поздравительного свитка. Я сделала его немного поменьше на экспериментальном блоге, но в копируемом Вами скрипте он (размер) достаточно большой.

<script src=»http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js» type=»text/javascript»></script>

<script src=»http://code.jquery.com/ui/1.8.21/jquery-ui.min.js» type=»text/javascript»></script>
<script>
$(document).ready(function() {

setTimeout («$(‘#popup2’).fadeIn(‘fast’);», 6000);
setTimeout («$(‘#popup2’).fadeOut(‘slow’);», 29000);
});
</script>
<div id=’popup2′><script>var congratulations = «<p></p><p align=’center’><font color=’#ff0000′>Дорогие Друзья!</font></p><p></p><p align=’center’> Поздравляю Вас с наступившим <br/>Новым 2015 годом!</p><p align=’center’>Желаю Вам счастья, любви и успехов в профессиональной деятельности!</p><p></p>»;
</script><script>var host_name = window.location.hostname;
function hidden_dedm() { document.getElementById(«dedm»).style.display = ‘none’; }
document.write(‘<div id=»dedm» style=»position:fixed!important;display:block;position:absolute;left:0px;top:0px;z-index:1900;»><div style=»position:relative; z-index:2000;»><object classid=»clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=»http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0″ width=»600″ height=»400″ align=»middle»> <param name=»allowScriptAccess» value=»always» /> <param name=»movie» value=»http://zamkadnyi.narod.ru/scr/dedmoroz/’);
document.write(‘dedm.swf» /> <param name=»menu» value=»false» /> <param name=»quality» value=»high» /> <param name=»bgcolor» value=»#ffcccc» /> <param name=»wmode» value=»transparent»> <param name=»FlashVars» value=»pozdr=’);
document.write(congratulations);
document.write(‘» /> <embed src=»http://zamkadnyi.narod.ru/scr/dedmoroz/’);
document.write(‘dedm.swf» width=»900» height=»700» align=»middle» menu=»false» quality=»high» bgcolor=»#ffcccc» name=»dedm» allowScriptAccess=»always» type=»application/x-shockwave-flash» pluginspage=»http://www.macromedia.com/go/getflashplayer» wmode=»transparent» FlashVars=»pozdr=’);
document.write(congratulations);
document.write(‘» /></object></div></div>’);</script></div>

scriptДед Мороз появляется вверху страницы на блоге, затем появляется его мешок с подарками,

script1

а затем уже появляется свиток с Вашим поздравлением. Наглядно посмотреть как выглядит Дед Мороз с поздравлением можно на моем экспериментальном блоге «Новогодний праздник», а скопировать скрипт можно ниже..

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
 
setTimeout ("$('#popup2').fadeIn('fast');", 6000);
setTimeout ("$('#popup2').fadeOut('slow');", 29000);
});
</script>
<div id='popup2'><script>var congratulations = "<p></p><p align='center'><font color='#ff0000'>Дорогие Друзья!</font></p><p></p><p align='center'> Поздравляю Вас с наступившим <br/>Новым 2015 годом!</p><p align='center'>Желаю Вам счастья, любви и успехов в профессиональной деятельности!</p><p></p>";
</script><script>var host_name = window.location.hostname;
function hidden_dedm() { document.getElementById("dedm").style.display = 'none'; }
document.write('<div id="dedm" style="position:fixed!important;display:block;position:absolute;left:0px;top:0px;z-index:1900;"><div style="position:relative; z-index:2000;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="600" height="400" align="middle"> <param name="allowScriptAccess" value="always" /> <param name="movie" value="http://zamkadnyi.narod.ru/scr/dedmoroz/');
document.write('dedm.swf" /> <param name="menu" value="false" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffcccc" /> <param name="wmode" value="transparent"> <param name="FlashVars" value="pozdr=');
document.write(congratulations);
document.write('" /> <embed src="http://zamkadnyi.narod.ru/scr/dedmoroz/');
document.write('dedm.swf" width="900" height="700" align="middle" menu="false" quality="high" bgcolor="#ffcccc" name="dedm" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" FlashVars="pozdr=');
document.write(congratulations);
document.write('" /></object></div></div>');</script></div>

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

:heart: Расскажи другу, пусть тоже дизайном займется :good:
  • Добавить ВКонтакте заметку об этой странице
  • Мой Мир
  • Facebook
  • Twitter
  • LiveJournal
  • LinkedIn
  • Digg
  • Blogger
  • Блог Li.ру
  • Сто закладок
  • RSS
  • Одноклассники

Об авторе Юлия

Меня зовут Юлия. Этот сайт я начала из-за моей проснувшейся и непонятной любви к рассмотрению настроек шаблонов. Сама я пока создавать темы на Вордпресс не умею, но надеюсь, что это когда-нибудь случится. Пишите в комментариях свои вопросы: я обязательно отвечу. Ну и замечания тоже приветствуются-))
Закладка Постоянная ссылка.

6 комментариев: Скрипт для поздравления Дедом Морозом посетителей на блоге

  1. Елена пишет:

    Юлия, спасибо за классный скрипт!!!
    Подскажите, пожалуйста, плагин или скрипт для увеличения/изменения картинки при наведении курсора (не по клику, а именно при наведении). Заранее спасибо

    • Юлия пишет:

      Плагин Auto Highslide, про который говорила Юлия, работает именно по клику, а вот при наведении можно использовать скрипт. Нашла совсем недавно вот такую интересную информацию по адресу _http://blogodel.com/2012/10/uvelichenii-kartinki-pri-navedenii.html

  2. Ирина пишет:

    Жаль поздно до почты добралась. Поздновато Деда Мороза на сайт ставить. )) Но, обязательно вернусь на эту страницу в следующем году.

  3. Лара пишет:

    Юля с праздниками тебя, и с прошедшими и с наступающими. ) Здорово, что у тебя есть время на новые тексты. Желаю тебе иметь его еще больше. )))

    • Юлия пишет:

      Спасибо, Ларочка! Просто за окном метель и очень не погуляешь :unsure: хотя каникулы скоро закончатся и придётся выходить на работу, надеюсь, я буду уделять и блогу немножко времени Heart

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

[+] Жми на плюс- Открой тайник- Чтоб прикольный СМАЙЛ возник!
:bye: 
:good: 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:-) 
:whistle: 
:yes: 
:cry: 
:mail: 
:-( 
:unsure: 
;-)