1.12.15, 15:43
0 комментарий
  Скрипты

Скоро-скоро новый год!

Скоро-скоро новый год! Украсим наши сайты и блоги праздничными скриптами!
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"><!-- 
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. Счетчик дней до нового года(1):
Скоро-скоро новый год!

<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. Счетчик дней до нового года(2):
Скоро-скоро новый год!

Установите информер нового года 2013 в свой блог, вставив следующий код в гаджет HTML / javascript, в отдельное сообщение или страницу блога:
<style="text/css"> 

.lcdstyle{ /*Example CSS to create LCD countdown look*/ 
background:#fff; 
color:#289728; 
font: bold 20px arial; 
padding: 15px; 

border:2px solid #333333; 

border-radius:10px; 
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
box-shadow: 5px 5px 5px #CCCCCC; 


} 

.lcdstyle sup{ /*Example CSS to create LCD countdown look*/ 
font-size: 120% 
} 

</style> 

<script type="text/javascript"> 

function cdtime(container, targetdate){ 
if (!document.getElementById || !document.getElementById(container)) return 
this.container=document.getElementById(container) 
this.currentTime=new Date() 
this.targetdate=new Date(targetdate) 
this.timesup=false 
this.updateTime() 
} 

cdtime.prototype.updateTime=function(){ 
var thisobj=this 
this.currentTime.setSeconds(this.currentTime.getSeconds()+1) 
setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second 
} 

cdtime.prototype.displaycountdown=function(baseunit, functionref){ 
this.baseunit=baseunit 
this.formatresults=functionref 
this.showresults() 
} 

cdtime.prototype.showresults=function(){ 
var thisobj=this 


var timediff=(this.targetdate-this.currentTime)/1000 //difference btw target date and current date, in seconds 
if (timediff<0){ //if time is up 
this.timesup=true 
this.container.innerHTML=this.formatresults() 
return 
} 
var oneMinute=60 //minute unit in seconds 
var oneHour=60*60 //hour unit in seconds 
var oneDay=60*60*24 //day unit in seconds 
var dayfield=Math.floor(timediff/oneDay) 
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour) 
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute) 
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute)) 
if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level 
hourfield=dayfield*24+hourfield 
dayfield="n/a" 
} 
else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level 
minutefield=dayfield*24*60+hourfield*60+minutefield 
dayfield=hourfield="n/a" 
} 
else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level 
var secondfield=timediff 
dayfield=hourfield=minutefield="n/a" 
} 
this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield) 
setTimeout(function(){thisobj.showresults()}, 1000) //update results every second 
} 

/////CUSTOM FORMAT OUTPUT FUNCTIONS BELOW///////Hackers001.blogspot.com/////////////////////// 

//Create your own custom format function to pass into cdtime.displaycountdown() 
//Use arguments[0] to access "Days" left 
//Use arguments[1] to access "Hours" left 
//Use arguments[2] to access "Minutes" left 
//Use arguments[3] to access "Seconds" left 

//The values of these arguments may change depending on the "baseunit" parameter of cdtime.displaycountdown() 
//For example, if "baseunit" is set to "hours", arguments[0] becomes meaningless and contains "n/a" 
//For example, if "baseunit" is set to "minutes", arguments[0] and arguments[1] become meaningless etc 


function formatresults(){ 
if (this.timesup==false){//if target date/time not yet met 
var displaystring=arguments[0]+" days "+arguments[1]+" hours "+arguments[2]+" minutes "+arguments[3]+" seconds left until December 25, 2011 18:25:00" 
} 
else{ //else if target date/time met 
var displaystring="" 
} 
return displaystring 
} 

function formatresults2(){ 
if (this.timesup==false){ //if target date/time not yet met 
var displaystring="<span class='lcdstyle'>"+arguments[0]+" <sup>дней</sup> "+arguments[1]+" <sup>часов</sup> "+arguments[2]+" <sup>минут</sup> "+arguments[3]+" <sup>секунд</sup></span> " 
} 
else{ //else if target date/time met 
var displaystring="" //Don't display any text 
alert("HAPPY NEW YEAR EVERYBODY!") //Instead, perform a custom alert 
} 
return displaystring 
} 

</script> 
<table><tbody> 
<tr> 
<td> 
<img style="float:left; " src="http://3.bp.blogspot.com/-id6x2AOCGc4/TvoJfxRT-oI/AAAAAAAAFso/HKKnQ5bcnGY/s400/NEW%2BYEAR.png" width="125px"/> 
<h1 style="color:#289728; padding-top:40px;">До нового года осталось..</h1><br/> 
</td></tr> 

<tr><td> 
<div id="countdowncontainer"></div> 
<br /> 
<div id="countdowncontainer2"></div> 

<script type="text/javascript"> 

var futuredate=new cdtime("countdowncontainer", "March 23, 2009 18:25:00") 
futuredate.displaycountdown("days", formatresults) 

var currentyear=new Date().getFullYear() 
//dynamically get this Christmas' year value. If Christmas already passed, then year=current year+1 
var thischristmasyear=(new Date().getMonth()>=11 && new Date().getDate()>31)? currentyear+1 : currentyear 
var christmas=new cdtime("countdowncontainer2", "December 31, "+thischristmasyear+" 23:59:59") 
christmas.displaycountdown("days", formatresults2) 

</script> 

</td></tr> 
</tbody></table>

Этот удобный счетчик будет сообщать вам и вашим посетителям сколько дней осталось до нового года. Вы можете изменить отдельные части информера – размер и цвет рамки, шрифт и цвет текста и др.
7. Новогодний венок:
Скоро-скоро новый год!

<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>

8. Гирлянда в шапке сайта:
Скоро-скоро новый год!

<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>
шаблоны для dle 11.2

Напишите своё мнение