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

6 Fach, 30 Antworten

Ungelesene Nachricht
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 Teilnehmer
6 Antworten
Vic Vipers

1 Fach , 19 Antworten

Ungelesene Nachricht
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 Fach, 30 Antworten

Ungelesene Nachricht
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 Fach , 19 Antworten

Ungelesene Nachricht
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 Fach, 474 Antworten

Ungelesene Nachricht
Super merci pour le partage.
Debout les morts !
Netri

6 Fach, 30 Antworten

Ungelesene Nachricht
Avec grand plaisir, si ça peut aider la communauté NeoFrag.

Problème résolu pour moi.

Amicalement,
Netri.
Blober

32 Fach, 249 Antworten

Ungelesene Nachricht
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!