[TUTO] script pour ajouter de la neige sur un forum xooit

Aller en bas

Sans icone [TUTO] script pour ajouter de la neige sur un forum xooit

Message par Admin le Ven 30 Nov 2018 - 19:54

Script pour ajouter de la neige tombante sur un forum crée sur l'hébergeur xooit, tutoriel :

1) Aller dans le panneau d'administration.
2) Cliquez sur l'onglet "Thème", puis sur "Modifier les templates".
3) Cliquez sur "overall_header.tpl"

4) Au dessus de ce code :
Code:
</head>
    <a name="top"></a>

Placez ce script :
Code:
/** DEBUT FLOCONS DE NEIGE APRES LA BALISE BODY **/
<script type="text/javascript">
/////////////////////////////////////////////////////////
// Javascript made by http://peters1.dk/tools/snow.php //
/////////////////////////////////////////////////////////

// N´OUBLIEZ PAS: De changez le chemin vers  l´image snow.png
snow_img = "http://img.xooimage.com/files110/b/7/d/petit-flocon-ne-neige-blanc-556f5f4.gif";

// BONUS: Vous pouvez facilement régler le nombre de flocons que vous voulez sur chaque page...
snow_no = 20;

if (typeof(window.pageYOffset) == "number")
{
 snow_browser_width = window.innerWidth;
 snow_browser_height = window.innerHeight;
}
else if (document.body && (document.body.scrollLeft || document.body.scrollTop))
{
 snow_browser_width = document.body.offsetWidth;
 snow_browser_height = document.body.offsetHeight;
}
else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop))
{
 snow_browser_width = document.documentElement.offsetWidth;
 snow_browser_height = document.documentElement.offsetHeight;
}
else
{
 snow_browser_width = 500;
 snow_browser_height = 500;
}

snow_dx = [];
snow_xp = [];
snow_yp = [];
snow_am = [];
snow_stx = [];
snow_sty = [];

for (i = 0; i < snow_no; i++)
{
 snow_dx[i] = 0;
 snow_xp[i] = Math.random()*(snow_browser_width-50);
 snow_yp[i] = Math.random()*snow_browser_height;
 snow_am[i] = Math.random()*20;
 snow_stx[i] = 0.02 + Math.random()/10;
 snow_sty[i] = 0.7 + Math.random();
 if (i > 0) document.write("<\div id=\"snow_flake"+ i +"\" style=\"position:absolute;z-index:"+i+"\"><\img src=\""+snow_img+"\" border=\"0\"><\/div>"); else document.write("<\div id=\"snow_flake0\" style=\"position:absolute;z-index:0\"><a href=\"http://peters1.dk/tools/snow.php\" target=\"_blank\"><\img src=\""+snow_img+"\" border=\"0\"></a><\/div>");
}

function SnowStart()
{
 for (i = 0; i < snow_no; i++)
 {
 snow_yp[i] += snow_sty[i];
 if (snow_yp[i] > snow_browser_height-50)
 {
 snow_xp[i] = Math.random()*(snow_browser_width-snow_am[i]-30);
 snow_yp[i] = 0;
 snow_stx[i] = 0.02 + Math.random()/10;
 snow_sty[i] = 0.7 + Math.random();
 }
 snow_dx[i] += snow_stx[i];
 document.getElementById("snow_flake"+i).style.top=snow_yp[i]+"px";
 document.getElementById("snow_flake"+i).style.left=snow_xp[i] + snow_am[i]*Math.sin(snow_dx[i])+"px";
 }
 snow_time = setTimeout("SnowStart()", 10);
}
SnowStart();
</script>
/** FIN FLOCONS DE NEIGE **/


Pour changer d'image mettez une autre URL d'image que celle-ci :
Code:
snow_img = "http://img.xooimage.com/files110/b/7/d/petit-flocon-ne-neige-blanc-556f5f4.gif";


Vous pouvez changer le nombre de flocons en changeant le chiffre :
Code:
// BONUS: Vous pouvez facilement régler le nombre de flocons que vous voulez sur chaque page...
snow_no = 20;


.


 
avatar
Admin
Admin

Messages : 158
Nombre de points : 2576
Réputation : 0
Date d'inscription : 12/09/2018
Age : 34
Localisation : Bretagne

Voir le profil de l'utilisateur http://felinepub.forumactif.com

Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum