Беседа об информатике: Новый год уже стучится в двери

03:43 | Автор: Терентьева Ирина |

В преддверие Нового года нарастает ажиотаж и в Интернете, украсить свой дом, рабочее место, блог – естественное желание.

Предвкушение праздника посетило и меня.

Предлагаю Вашему вниманию код виджета-счетчика, украшающего мой блог:

function fulltime () {

var time=new Date();

var newYear=new Date("jan,01,2013,00:00:00");

var totalRemains=(newYear.getTime()-time.getTime());

if (totalRemains>1){

var RemainsSec = (parseInt(totalRemains/1000));

var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));

var secInLastDay=RemainsSec-RemainsFullDays*24*3600;

var RemainsFullHours=(parseInt(secInLastDay/3600));

if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};

var secInLastHour=secInLastDay-RemainsFullHours*3600;

var RemainsMinutes=(parseInt(secInLastHour/60));

if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};

var lastSec=secInLastHour-RemainsMinutes*60;

if (lastSec<10){lastSec="0"+lastSec};

document.getElementById("RemainsFullDays").innerHTML=RemainsFullDays+"<span id='Rem'> дн</span>";

document.getElementById("RemainsFullHours").innerHTML=RemainsFullHours+"<span id='Rem'> ч</span>";

document.getElementById("RemainsMinutes").innerHTML=RemainsMinutes+"<span id='Rem'> мин</span>";

document.getElementById("lastSec").innerHTML=lastSec+"<span id='Rem'> сек</span>";

setTimeout('fulltime()',10)

}

else{

document.getElementById("clock").innerHTML="C НОВЫМ ГОДОМ !!!";

}

</script>

#clou_xs {position:relative;width:175px;font-size:19px;height:65px;padding:5px;color:#3d85c6 }

</style>

До Нового года осталось:

</div>

.jack-sparrow {

position:relative;

background: url('http://img0.liveinternet.ru/images/attach/c/2//66/106/66106333_1288729221_76.png') no-repeat;

margin:0px;

padding:0px;

height: 274px;

width: 298px;

}

.jack {

display:block;

position:absolute;

top: 10px;

left: 15px;

background:transparent;

height: 150px;

width: 215px;

}

.jack-reply, .jack-reply:before, .jack-reply:after{

position:absolute;

left: -999em;

}

.jack-reply {

display:block;

z-index:3;

top: 22px; left: 120px;

background: #f0f5fa;

border: 3px solid #9fc5e8;

-webkid-border-radius: 10px 10px 10px 10px;

-moz-border-radius: 10px 10px 10px 10px;

border-radius: 10px;

-moz-box-shadow: 0.7em 0.7em 1em -0.5em rgba(0,0,6,0.5);

-webkid-box-shadow: 0.7em 0.7em 1em -0.5em rgba(0,0,6,0.5);

box-shadow: 0.7em 0.7em 1em -0.5em rgba(0,0,6,0.5);

font: normal normal 100% Monotype Corsiva;

color: #000;

padding: 7px;

margin: 0;

width: 80%;

}

.jack-reply:before {

content: ' ';

position: absolute; z-index:3;

width: 0;

height: 0;

left: -35px;

top: 49px;

border: 17px solid;

border-color: #9fc5e8 #9fc5e8 transparent transparent;

}

.jack-reply:after {

content: ' ';

position: absolute; z-index:3;

width: 0;

height: 0;

left: -30px;

top: 50px;

border: 15px solid;

border-color: #f0f5fa #f0f5fa transparent transparent;

}</style></left>

Кстати, если Вам не нравится изображение в виджете можно легко поменять картинку. Найдите в коде и измените на URL своего изображения строку: 'http://img0.liveinternet.ru/images/attach/c/2//66/106/66106333_1288729221_76.png'