58 views
Neige pour le thème par défaut Neofrag.
Netri

6 subjects, 30 replies

Unread message
Bonjour,

Je crée une annonce, car j'aimerais insérer en vue des fêtes de noëls, un script avec de la neige de noëls sur mon site et forum.

Pourriez-vous me communiquer un script et m'expliquer ou aller l'installer sur le thème par défaut de Neofrag.

Amicalement,
Netri.
4 participants
6 replies
Vic Vipers

1 subject , 19 replies

Unread message
Yop! J'ai testé celui-ci à placer dans body.tpl.php

<script type="text/javascript">
var snowsrc="nom ou lien de l'image"
// Nombre d'images
var no = 100;
// Durée de l'effet
var hidesnowtime = 0;
// "windowheight" or "pageheight"
var snowdistance = "pageheight";
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = screen.width, doc_height = screen.height;
if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.5 + Math.random();
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\" height=\"15\"><\/div>");
}
}
}
function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.5 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}
function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
</script>


Il te faudra juste mettre l'image d'un flocon de neige de ton choix la ou c'est indiqué et ça roule ;)
Il existe tout un tas de scripts pour cet effet. Il faut juste être attentif si il doit être placé dans le fichier style.css, body.tpl.php ou les deux.
Netri

6 subjects, 30 replies

Unread message
Merci beaucoup, j'ai trouvé également d'autre script sympathique. :)

Donc pour ajouté de la neige, il faut bien sur aller et ouvrir le fichier dans neofrag/themes/default/views/body.tpl.php

Script :

<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://zupimages.net/up/a0/120034490.gif";
// BONUS: Vous pouvez facilement regler le nombre de flocons que vous voulez sur chaque page...
snow_no = 15;
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>
<script type="text/javascript" src="http://www.jimdo.com/l/usersnippets/snowfall.min.js">
</script>


Pour les personnes qui le souhaite, le script est complet et déjà actif pour vous et votre site internet Neofrag..

Juste à faire un copier-coller. ;)

Amicalement,
Netri.
Vic Vipers

1 subject , 19 replies

Unread message
Ont peut également le mettre en place comme suis: overrides/themes/default/views/body.tpl.php, cela évite entre autre que le monitoring indique le fichier body.tpl.php comme corrompu.

A propos de l'overrides : [Overrides] Personnaliser le thème par defaut de NeoFrag
crazy

60 subjects, 474 replies

Unread message
Super merci pour le partage.
Debout les morts !
Netri

6 subjects, 30 replies

Unread message
Avec grand plaisir, si ça peut aider la communauté NeoFrag.

Problème résolu pour moi.

Amicalement,
Netri.
Blober

32 subjects, 248 replies

Unread message
https://neofr.ag/forum/topic/1350/approche-de…

Au pire...
End User Support

rules make masters and masters make rules


https://discord.gg/btbAZU6 - Rejoignez nous sur le Discord de NeoFrag!