Новогодние украшательства

[Durman]

Посмотрел в теме "тройки" всякие интересности новогодние есть, а в разделе "четверки" как будто и праздника не чувствуется. Перепробовал с тройки разное - получилось только деда мороза воткнуть и все. А с лампочками, обратным счетчиком сколько до НГ осталось и т.д. ничего не получилось.

[Templar]

Отчёт: Добавь этот код с важную информацию, ну или в шаблон FORUMHOME куда угодно!

<script type='text/javascript'>
//<![CDATA[
function fulltime () {
var time=new Date();
var newYear=new Date("jan,01,2012,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>"; <!-- highslide start -->
setTimeout('fulltime()',10)
}
else{
document.getElementById("clock").innerHTML="C НОВЫМ <br>ГОДОМ !!!";
}
}
//]]>
</script>
<style type='text/css'>
#clou_xs {position:relative;width:60px;height:60px;background: url(http://videoforums.ru/elka.png) no-repeat}
#clock {width:220px;height:60px;text-align:right;color:#000000;font-size:13px;}
#RemainsFullDays {position:absolute;bottom:1px;left:60px;font-size:25px;color: #2C79BF;}
#RemainsFullHours {position:absolute;bottom:1px;left:100px;font-size:25px;color:#2C79BF;}
#RemainsMinutes {position:absolute;bottom:1px;left:140px;font-size:25px;color:#2C79BF;}
#lastSec {position:absolute;bottom:1px;left:180px;font-size:25px;color:#2C79BF;}
#Rem {font-size:11px;font-weight:normal;color:#000000;}
</style>
<div id='clou_xs'>
<div id='clock'>До Нового года осталось:<br />
<span id='RemainsFullDays'></span> <span id='RemainsFullHours'></span> <span id='RemainsMinutes'></span> <span id='lastSec'></span>
<script type="text/javascript">fulltime();</script>
</div>
</div>

[Filodoro]

получилось только деда мороза воткнуть

Используя этот же код, можно деда - слева, елочку справа. Или рядом.
Код выше выглядит так:

[Durman]

спасибо, получилось!!!

[ManInBlack]

Снежинки на сайт:

<script>
var snowmax=45;
var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF");
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS");
var snowletter="*";

var sinkspeed=0.6;
var snowmaxsize=30;
var snowminsize=10;
var snowingzone=1;
var snow=new Array();
var marginbottom;
var marginright;
var timer;
var i_snow=0;
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent;
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/);
var ns6=document.getElementById&&!document.all;
var opera=browserinfos.match(/Opera/);
var browserok=ie5||ns6||opera;

function randommaker(range) {        
    rand=Math.floor(range*Math.random());
    return rand;
}

function initsnow() {
    if (ie5 || opera) {
        marginbottom = document.body.clientHeight;
        marginright = document.body.clientWidth;
    }
    else if (ns6) {
        marginbottom = window.innerHeight;
        marginright = window.innerWidth;
    }
    var snowsizerange=snowmaxsize-snowminsize;
    for (i=0;i<=snowmax;i++) {
        crds[i] = 0;
        lftrght[i] = Math.random()*15;
        x_mv[i] = 0.03 + Math.random()/10;
        snow[i]=document.getElementById("s"+i);
        snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)];
        snow[i].size=randommaker(snowsizerange)+snowminsize;
        snow[i].style.fontSize=snow[i].size;
        snow[i].style.color=snowcolor[randommaker(snowcolor.length)];
        snow[i].sink=sinkspeed*snow[i].size/5;
        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size);}
        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size);}
        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4;}
        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2;}
        snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size);
        snow[i].style.left=snow[i].posx;
        snow[i].style.top=snow[i].posy;
    }
    movesnow();
}

function movesnow() {
    for (i=0;i<=snowmax;i++) {
        crds[i] += x_mv[i];
        snow[i].posy+=snow[i].sink;
        snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
        snow[i].style.top=snow[i].posy;
        
        if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
            if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size);}
            if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size);}
            if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4;}
            if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2;}
            snow[i].posy=0;
        }
    }
    var timer=setTimeout("movesnow()",50);
}

for (i=0;i<=snowmax;i++) {
    document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>");
}
if (browserok) {
   window.onload=initsnow;
}
</script>

[Filodoro]

Снежинки на сайт:

А можно в него изменения внести?
Размер снежинок.
Количество снежинок?

[ManInBlack]

Filodoro, Да, можно.
Вот этими параметрами:

// 0.3 to 2
var snowmax=45;
...
var sinkspeed=0.6;
var snowmaxsize=30;
var snowminsize=10;

// the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1;

[Filodoro]

Да, можно.
Вот этими параметрами:

Спс!
А в какой шаблон? Что-то 4-ка разъехалась :(

[ManInBlack]

Спс!
А в какой шаблон? Что-то 4-ка разъехалась :(

Лично на 4-ку именно этот код не ставил, каюсь, но тестил когда-то на 3 - все работало. Ставил по-моему в headinclude.
Сейчас этот код стоит на простой html странице - http://vitliner.com

Для снежинок могу порекомендовать это
Описание установки здесь
Результат можно посмотреть здесь

Админы, прошу в случае заинтересованности этим кодом залить его к себе, ибо гарантировать его постоянное нахождение у себя на серваке я не могу - забуду и удалю ...

[Filodoro]

Для снежинок могу порекомендовать

В папке images нет папки snow, поэтому падают пустые "квадратики".
(Я так, на всякий.)

Классный снег!

[ManInBlack]

Filodoro, Точно ... Я забыл. Сейчас подправлю

[Durman]

В шаблон headinclude вставить (библиотека jQuery, если нет, то подключаем):

не понятно - как подключать?

[Durman]

Блин - не забыть бы что где менял, чтобы потом все на места расставить и летом снег не падал ))))

[Templar]

)) Это да ..

[Filodoro]

не понятно - как подключать?

Просто вставьте в шаблон код, и посмотрите работает или нет.

PHP код:

<script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" src="clientscript/snow/snow.js"></script>