2013-12-22

Новогодние украшения (скрипты) для сайта

новый год украшения для сайта
Скоро-скоро новый год! Украсим наши сайты и блоги праздничными скриптами! Вот такую подборку скриптов я собрала.
  1. Гирлянда на сайт будет мерцать в левом верхнем углу сайта.
    гирлянда - скрипт для сайта
    Как добавить это украшение на сайт. Если это blogger, то скопируйте код ниже и добавьте в гаджет html / JavaScript. В блог wordpress добавляем в виджет Текст. Для ucoz – добавляем новый блок в конструкторе сайтов (html).
    <script src="http://mendog.ru/media/?t=video;w=425;h=350;f=http%3A%2F%2Fmendog.ru%2Fswf%2Fnewyear.swf" type="text/javascript"></script>
  2. Скрипт падающего снега:
    <script src='http://blogger4you.narod.ru/JavaScript/snow1.js'> </script>
  3. Поздравление от деда Мороза: дед мороз - скрипт сдля сайта
    <script>
    var congratulations = "<p></p><p ALIGN='CENTER'><font color='#FF0000'>Дорогие Друзья!</font></p><p></p><p>Сайт и форум: Он-лайн Мир поздравляет Вас с наступающим 2013 годом!</p><p>Желаем Вам счастья, любви и успехов во всех ваших начинаниях!</p><p></p>";
    </script>
    <script language="javascript" src="http://exiterra.ru/promo/dedm/dedm.js"></script>
  4. Рамка из мигающей гирлянды по краям блога: гирлянда - скрипт для сайта
    <script type="text/javascript" src="http://szenprogs.ru/scripts/garland/garland.js"></script>
    <script type="text/javascript"><!--
    garland.imgtop = 'http://szenprogs.ru/scripts/garland/girlyanda-t.gif';
    garland.imgbottom = 'http://szenprogs.ru/scripts/garland/girlyanda-b.gif';
    garland.imgleft = 'http://szenprogs.ru/scripts/garland/girlyanda-l.gif';
    garland.imgright = 'http://szenprogs.ru/scripts/garland/girlyanda-r.gif';
    garland.height = 30;
    garland.showleft = true;
    //-->
    </script>
  5. Счетчик дней до нового года – дед Мороз (flash): счетчик дней до нового года
    <object width="100" height="100"> <param name="movie" value="http://www.xtrue.ru/in/coca-cola_clock.swf" /> <embed src="http://www.xtrue.ru/in/coca-cola_clock.swf" width="175" height="150"> </embed></object>
  6. Новогодний венок венок - новогодний для сайта
    /*
    <object type="application/x-shockwave-flash" data="http://xflash.ucoz.ru/flesheff2/flasheffvlo/256.swf" width="230" height="230"><param name="bgcolor" value="#ffffff" /> <param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /> <param name="movie" value="" /> <param name="flashvars" value="st=;file=" /></object>
  7. Гирлянда в шапке сайта: мерцающая гирлянда для блога
    <SCRIPT language=javascript type=text/javascript>
    //<![CDATA[
    var Ovr2='';
    if(typeof document.compatMode!='undefined'&&document.compatMode!='BackCompat')
      {cot_t1_DOCtp="_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft  + document.documentElement.clientWidth - offsetWidth);}";}
    else
      {cot_t1_DOCtp="_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);_left:expression(document.body.scrollLeft  + document.body.clientWidth - offsetWidth);}";}
    if(typeof document.compatMode!='undefined'&&document.compatMode!='BackCompat')
      {cot_t1_DOCtp2="_top:expression(document.documentElement.scrollTop-20+document.documentElement.clientHeight-this.clientHeight);}";}
    else
      {cot_t1_DOCtp2="_top:expression(document.body.scrollTop-20+document.body.clientHeight-this.clientHeight);}";}
    var cot_tl_bodyCSS='* html {background: fixed;background-repeat: repeat;background-position: left top;}';
    var cot_tl_fixedCSS='#cot_tl_fixed{position:fixed;';
    var cot_tl_fixedCSS=cot_tl_fixedCSS+'_position:absolute;';
    var cot_tl_fixedCSS=cot_tl_fixedCSS+'top:0px;';
    var cot_tl_fixedCSS=cot_tl_fixedCSS+'left:0px;';
    var cot_tl_fixedCSS=cot_tl_fixedCSS+'clip:rect(0 100 85 0);';
    var cot_tl_fixedCSS=cot_tl_fixedCSS+cot_t1_DOCtp;
    var cot_tl_popCSS='#cot_tl_pop {background-color: transparent;';
    var cot_tl_popCSS=cot_tl_popCSS+'position:fixed;';
    var cot_tl_popCSS=cot_tl_popCSS+'_position:absolute;';
    var cot_tl_popCSS=cot_tl_popCSS+'height:98px;';
    var cot_tl_popCSS=cot_tl_popCSS+'width: 1920px;';
    var cot_tl_popCSS=cot_tl_popCSS+'right: 120px;';
    var cot_tl_popCSS=cot_tl_popCSS+'top: 20px;';
    var cot_tl_popCSS=cot_tl_popCSS+'overflow: hidden;';
    var cot_tl_popCSS=cot_tl_popCSS+'visibility: hidden;';
    var cot_tl_popCSS=cot_tl_popCSS+'z-index: 99999;';
    var cot_tl_popCSS=cot_tl_popCSS+cot_t1_DOCtp2;
    document.write('<style type="text/css">'+cot_tl_bodyCSS+cot_tl_fixedCSS+cot_tl_popCSS+'</style>');

    function COT(cot_tl_theLogo,cot_tl_LogoType,LogoPosition,theAffiliate)
    {document.write('<div id="cot_tl_fixed">');
    document.write('<><img src='+cot_tl_theLogo+' alt="" border="0"></a>');
    document.write('</div>');}
    //if(window.location.protocol == "http:")
    COT("http://www.honeybearplayhomes.com/resources/flashing%20christmas%20lights.gif", "SC2", "none");
    //]]>
    </SCRIPT>
  8. Смотрите также виджет новогодних иконок социальных сетей

11 комментариев :

Maximilian Edelman комментирует...

СПАСИБО

Элси комментирует...

Здорово! Гирлянда в левом углу мне больше всего понравилась! Спасибо!

Mycrib комментирует...

Элси, мне тоже эта гирлянда больше всего нравится. Ненавязчивое украшение ;)

Леонид комментирует...

Я бы не стал пихать себе на сайт скрипты, расположенные на сторонних ресурсах.
А если их изменят?
Проще на время вставить содержание из js скрипта в тот же гаджет. Предварительно взглянув на содержание. Снег например норм. Разницы никакой, но так безопасней.
Т.е. сделать как сделано в последнем примере. Только картинку загрузить к себе на сайт.


Mycrib комментирует...

Согласна, риск есть, что изменят. Долго это все.
Пока работает.

тимур немой комментирует...

Очень хорошо и интересно, а можно просьбу? Поделитесь пожалуйста скриптом искринок для курсора мышки, пожалуйста....)))

Mycrib комментирует...

Тимур, вот код искорок курсора:
<div style="position:absolute; left:-5555px; top:-5555px;"> <script src="http://www.cursor-switch.com/widgets/2/2914803393.js" type="text/javascript" charset="UTF-8"></script></div>

vasy kolt комментирует...

Спасибо за украшения для сайта, очень кстати подошло...

VitAliy SidOrochev комментирует...

проверю . www.TOLYATTINEC.ru !

Nick Inet комментирует...

Поставил, оцените.) С наступающим НГ!

http://money-me.ru/ Раздаем платные курсы по заработку - БЕСПЛАТНО!

oleg комментирует...

большое СПАСИБО за javascript <для www.tolyattinec.ru .

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML