Cari membri di Forumattivo,
In occasione di Natale e Capodanno, Forumattivo offre una serie di animazioni in codici, semplici da installare per vestire il vostro forum in tema natalizio 
A nome del team di Forumattivo porgo a tutti quanti i più sentiti auguri di buone feste (anche se in anticipo), grazie per il vostro supporto: per noi è importante 
| ? | Nota di compatibilità : puoi inserire vari script degli elementi decorativi. Puoi anche combinare questi elementi con una pioggia di immagini. Tuttavia, è possibile utilizzare solo uno script "Pioggi di immagini" alla volta .
Inoltre, ti consigliamo anche di non utilizzare più di due decorazioni contemporaneamente, poiché ciò potrebbe aumentare notevolmente il peso delle tue pagine e il loro tempo di caricamento. Si prega di notare che alcune di queste decorazioni potrebbero non essere compatibili con le versioni ModernBB o AwesomeBB |
Dove inserire i codici?Pannello di Amministrazione  Moduli HTML & Javascript Gestione dei Codici Javascript |
Vi sarà possibile poi scegliere se visualizzare l'effetto dei codici
- In tutto il forum
- Solo negli argomenti
- Nel portale
- Nei sub-forum
- Nella galleria
- Nella chatbox
Decorazioni sospese nella parte alta del forumSarà possibile modificare la posizione, l'affiancamento e il colore modificando alcune semplici variabili nei codici:
- var color = "white" : permette di cambiare il colore della sospensione e delle stelle. Per impostazione predefinita, il set è white (bianco), ma puoi specificare il colore che preferisci (sotto il suo codice esadecimale o il suo nome in inglese). Si noti che per alcune delle immagini sospese (la cui immagine è bianca negli esempi sottostanti), questo colore verrà applicato anche all'immagine centrale.
- var direction = "left" per impostazione predefinita, la sospensione verrà visualizzata nell'angolo in alto a sinistra del forum. Puoi scegliere di visualizzare a destra indicando right invece di left
- var attach = "fixed" : per impostazione predefinita, la sospensione seguirà lo scorrimento della pagina, ovvero è fissa nell'angolo dello schermo. Se vuoi che la sospensione rimanga solo nella parte superiore del forum, senza seguire lo scorrimento, puoi specificare absolute anziché fixed.
 | - Codice:
var deco = "tree";
var color = "white";
var direction = "left";
var attachment = "fixed";
$(function() {
$.getScript('https://script.forumactif.com/13823.js');
});
|  | - Codice:
var deco = "christmastree";
var color = "white";
var direction = "left";
var attachment = "fixed";
$(function() {
$.getScript('https://script.forumactif.com/13823.js');
});
|  | - Codice:
var deco = "santa";
var color = "white";
var direction = "left";
var attachment = "fixed";
$(function() {
$.getScript('https://script.forumactif.com/13823.js');
});
|  | - Codice:
var deco = "gift";
var color = "white";
var direction = "left";
var attachment = "fixed";
$(function() {
$.getScript('https://script.forumactif.com/13823.js');
});
|  | - Codice:
var deco = "candy";
var color = "white";
var direction = "left";
var attachment = "fixed";
$(function() {
$.getScript('https://script.forumactif.com/13823.js');
});
|  | - Codice:
var deco = "snow";
var color = "white";
var direction = "left";
var attachment = "fixed";
$(function() {
$.getScript('https://script.forumactif.com/13823.js');
});
|  | - Codice:
var deco = "snowman";
var color = "white";
var direction = "left";
var attachment = "fixed";
$(function() {
$.getScript('https://script.forumactif.com/13823.js');
});
|  | - Codice:
var deco = "reindeer";
var color = "white";
var direction = "left";
var attachment = "fixed";
$(function() {
$.getScript('https://script.forumactif.com/13823.js');
});
|
Ghirlande nella parte alta del forumL'altezza delle ghirlande non animate può essere modificata cambiando il valore della variabile height in pixel (di default, 110px).
 | - Codice:
$(function() {
$.getScript('https://script.forumactif.com/14770.js');
});
|  | - Codice:
var garland = 0; var height = 110; $(function() {
$.getScript('https://script.forumactif.com/16517.js');
});
|  | - Codice:
var garland = 1; var height = 110; $(function() {
$.getScript('https://script.forumactif.com/16517.js');
});
|  | - Codice:
var garland = 2; var height = 110; $(function() {
$.getScript('https://script.forumactif.com/16517.js');
});
|
Elementi sospesi interattivi - Codice:
$(function() {
$.getScript('https://script.forumactif.com/15760.js');
});
Qualora si desideri avere solo le decorazioni dorate, senza quelle bianche, utilizzare il seguente codice:
- Codice:
var goldOnly = true; $(function() {
$.getScript('https://script.forumactif.com/15760.js');
});
Pioggia di immagini nel forum | - Codice:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/mistle11.png";
$(function() {
$.getScript('https://script.forumactif.com/10825.js');
});
|  | - Codice:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/recycl11.png";
$(function() {
$.getScript('https://script.forumactif.com/10825.js');
});
|  | - Codice:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/jingle10.png";
$(function() {
$.getScript('https://script.forumactif.com/10825.js');
});
|  | - Codice:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/candle12.png";
$(function() {
$.getScript('https://script.forumactif.com/10825.js');
});
|  | - Codice:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/snowma11.png";
$(function() {
$.getScript('https://script.forumactif.com/10825.js');
});
|  | - Codice:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/santa_11.png";
$(function() {
$.getScript('https://script.forumactif.com/10825.js');
});
|
Neve di sfondoSegue il cursore nel movimento
 | - Codice:
$(function() {
$.getScript("https://script.forumactif.com/11926.js");
});
|  | - Codice:
$(function() {
$.getScript('https://script.forumactif.com/12181.js');
});
|
Cursore a temaPer avere un cursore a forma di Babbo natale
- Codice:
body {
cursor: url(https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/santa.cur), auto;
}
Altre risorse- Script neve dinamico
Permette la modifica di velocità, numero dei fiocchi di neve, immagine dei fiocchi, etc..
- speed: Velocità dei fiocchi di neve; un numero più basso corrisponde a una velocità maggiore
- flakes: numero dei fiocchi
- flake_image: immagine dei fiocchi, di default è https://i.servimg.com/u/f67/15/17/71/53/nuevep10.png
- Codice:
<script type="text/javascript">
var speed=20;
var flakes=20;
var flake_image="https://i.servimg.com/u/f67/15/17/71/53/nuevep10.png";
var swide, shigh;
var dx=new Array();
var xp=new Array();
var yp=new Array();
var am=new Array();
var sty=new Array();
window.onload=function() { if (document.getElementById) {
var k, f, b;
b=document.createElement("div");
b.style.position="absolute";
b.setAttribute("id", "bod");
document.body.appendChild(b);
set_scroll();
set_width();
for (var i=0; i<flakes; i++) {
dx[i]=0;
am[i]=Math.random()*20;
xp[i]=am[i]+Math.random()*(swide-2*am[i]-25);
yp[i]=Math.random()*shigh;
sty[i]=0.75+1.25*Math.random();
f=document.createElement("div");
f.style.position="absolute";
f.setAttribute("id", "flk"+i);
f.style.zIndex=i;
f.style.top=yp[i]+"px";
f.style.left=xp[i]+"px";
k=document.createElement("img");
k.src=flake_image;
f.appendChild(k);
b.appendChild(f);
}
setInterval("winter_snow()", speed);
}}
window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600
}
}
window.onscroll=set_scroll;
function set_scroll() {
var sleft, sdown;
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
document.getElementById("bod").style.top=sdown+"px";
document.getElementById("bod").style.left=sleft+"px";
}
function winter_snow() {
for (var i=0; i<flakes; i++) {
yp[i]+=sty[i];
if (yp[i]>shigh-30) {
xp[i]=am[i]+Math.random()*(swide-2*am[i]-25);
yp[i]=0;
sty[i]=0.75+1.25*Math.random();
}
dx[i]+=0.02+Math.random()/10;
document.getElementById("flk"+i).style.top=yp[i]+"px";
document.getElementById("flk"+i).style.left=(xp[i]+am[i]*Math.sin(dx[i]))+"px";
}
}
</script>
|
Indice
Decora il tuo forum in occasione di Natale e delle feste di fine anno
Da Niko Mer 26 Nov 2014 - 21:38
Argomenti simili
Facebook
Twitter
Youtube
