1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - коммерческий форумный движок от бывших создателей vBulletin, написанный на PHP.

Falling Snow On Forum

Тема в разделе "Модификации шаблонов", создана пользователем Ice, 07.12.2010.

Загрузка
  1. Ice

    Ice Местный

    Регистрация:
    13.10.10
    Сообщения:
    207
    Симпатии:
    108
    Версия XF:
    1.1.2
    Проникся рождественским духом, захотелось чтоб на форуме шел снег :о)

    Инсталляция:
    1. Загрузить "jsnow.js" (из архива в аттаче) в корень форума
    2. Отредактировать шаблон: PAGE_CONTAINER и добавить после <xen:include template="page_container_js_head" /> следующий код:
      Код:
      <!-- Snow Fall-->
<script type="text/javascript" src="jsnow.js"></script>
<script type="text/javascript">
  $(function() {
  $().jSnow();
  });
</script>
<!--Snow Fall-->
    Сказать по чести, снежок так себе...

    Кто знает как сделать снег как у DGT, делитесь инфой!
     

    Вложения:

    • jsnow.js.zip
      Размер файла:
      2,2 КБ
      Просмотров:
      121
    Ice, 07.12.2010
    #1
    RedCobra, TAIFUN, Romchik® и ещё 1-му нравится это.
  2. vitalik

    vitalik Местный

    Регистрация:
    17.10.10
    Сообщения:
    62
    Симпатии:
    18
    А что сложного сделать также как и DGT?

    426 строка с их главной страницы:


    Код:
    <script type='text/javascript'>
<!--
// Anzahl der Schneeflocken (mehr als 30 - 40 nicht empfehlenswert)
var snowmax=35;
// Farben der Schneeflocken. Es können beliebig viele Farben angegeben werden
var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF");
// Fonts, welche die Schneeflocken erzeugen. Beliebig viele Fonts ergänzbar
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS");
// Zeichen für die Schneeflocke (empfohlen: * )
var snowletter="*";
// Fallgeschwindigkeit (empfohlen sind Werte zwischen 0.3 bis 2)
var sinkspeed=0.6;
// Maximale Größe der Schneeflocken
var snowmaxsize=22;
// Minimale Größe der Schneeflocken
var snowminsize=8;
/*  Schnee-Zone:
** 1 für überall, 2 für Schneefall nur auf der linken Seite
** 3 für Schneefall in der Mitte, 4 für Schneefall nur auf der rechten Seite */
var snowingzone=1;
/*
* Ab hier nichts mehr ändern *
*/
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])) + "px";
		snow[i].style.top=snow[i].posy + "px";
		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+"px;'>"+snowletter+"</span>");
}
if (browserok) {
	initsnow();
}
//-->
</script>
<!-- /snow js -->
     
    vitalik, 07.12.2010
    #2
    TAIFUN и hihi нравится это.
  3. Massa

    Massa Местный

    Регистрация:
    04.12.10
    Сообщения:
    105
    Симпатии:
    43
    в исх. код:
    Код:
    <!-- snow js -->
<script type='text/javascript'>
<!--
// Anzahl der Schneeflocken (mehr als 30 - 40 nicht empfehlenswert)
var snowmax=35;

// Farben der Schneeflocken. Es können beliebig viele Farben angegeben werden
var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF");

// Fonts, welche die Schneeflocken erzeugen. Beliebig viele Fonts ergänzbar
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS");

// Zeichen für die Schneeflocke (empfohlen: * )
var snowletter="*";

// Fallgeschwindigkeit (empfohlen sind Werte zwischen 0.3 bis 2)
var sinkspeed=0.6;

// Maximale Größe der Schneeflocken
var snowmaxsize=22;

// Minimale Größe der Schneeflocken
var snowminsize=8;

/*  Schnee-Zone:
** 1 für überall, 2 für Schneefall nur auf der linken Seite
** 3 für Schneefall in der Mitte, 4 für Schneefall nur auf der rechten Seite */
var snowingzone=1;

/*
* Ab hier nichts mehr ändern *
*/

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])) + "px";
        snow[i].style.top=snow[i].posy + "px";

        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+"px;'>"+snowletter+"</span>");
}
if (browserok) {
    initsnow();
}
//-->
</script>
<!-- /snow js -->
     
    Massa, 07.12.2010
    #3
    TAIFUN нравится это.
  4. hihi

    hihi Пользователь

    Регистрация:
    17.10.11
    Сообщения:
    28
    Симпатии:
    6
    А по-моему этот лучше.
     
    hihi, 17.10.2011
    #4
    Zoey Preekly, sandis и Ice нравится это.
  5. Romeo98rus

    Romeo98rus Пользователь

    Регистрация:
    03.04.13
    Сообщения:
    13
    Симпатии:
    2
    Версия XF:
    1.2.2
    куда вставлять исходный код? Подскажите!
     
    Romeo98rus, 08.12.2013
    #5
  6. adder

    adder Местный

    Регистрация:
    08.10.10
    Сообщения:
    1 164
    Симпатии:
    846
    Версия XF:
    1.3.4
    adder, 08.12.2013
    #6

Поделиться этой страницей