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

Falling Snow On Forum

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

Загрузка
  1. Ice

    Ice Местный

    Регистрация:
    13.10.10
    Сообщения:
    205
    Симпатии:
    103
    Версия 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 КБ
      Просмотров:
      105
    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 -->
    
     
    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 -->
    
     
    TAIFUN нравится это.
  4. hihi

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

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

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

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

    adder Местный

    Регистрация:
    08.10.10
    Сообщения:
    1.163
    Симпатии:
    840
    Версия XF:
    1.3.4

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