¡¡Decorazioni di Natale per il tuo forum!!

[Nerissa]

¡¡Decorazioni di Natale per il tuo forum!!

utenti entro pochi giorni si celebra le feste di Natale e Capodanno, e noi di Forumattivo sappiamo che vi piace avere i forum decorati per ogni occasione speciale! Questa volta vi proponiamo i seguenti codici per decorare il forum per queste feste ! 1. Il metodo consiste nel creare una pagina javascript Pannello d'ammin Moduli Gestione dei codici javascript Creare un nuovo javascript 2. Decorazioni sopra il forum Lampade 1 Codice: $(function() {     $.getScript("http://sd-1.archive-host.com/membres/up/37821634957680146/deco/amp22.js"); }); Lampade 2 Codice: $(function() {     $.getScript("http://sd-1.archive-host.com/membres/up/37821634957680146/deco/amp33.js"); }); Pupazzo di neve A sinistra : Codice: $(function() {     $.getScript("http://sd-1.archive-host.com/membres/up/37821634957680146/deco/bn22.js"); }); A destra : Codice: $(function() {     $.getScript("http://sd-1.archive-host.com/membres/up/37821634957680146/deco/bn22R.js"); }); Stivale di natale A sinistra : Codice: $(function() {     $.getScript("http://sd-1.archive-host.com/membres/up/37821634957680146/deco/botte22.js"); }); A destra : Codice: $(function() {     $.getScript("http://sd-1.archive-host.com/membres/up/37821634957680146/deco/botte22R.js"); }); Palle di Natale A sinistra : Codice: $(function() {     $.getScript("http://sd-1.archive-host.com/membres/up/37821634957680146/deco/boule22.js"); }); A destra : Codice: $(function() {     $.getScript("http://sd-1.archive-host.com/membres/up/132720629421430912/deco/boule23.js"); }); Albero natalizio Codice: $(function() {     $.getScript("http://sd-1.archive-host.com/membres/up/37821634957680146/deco/sapin22.js"); }); Sopra il forum Codice: $(function() {     $.getScript("http://perso.numericable.fr/antonywar/NOEL/testhaut.js"); }); Il conto alla rovescia Codice: $(function() {     $.getScript("http://perso.numericable.fr/antonywar/NOEL/2013.js"); }); Fiocco di neve Codice: $(function() {     $.getScript("http://perso.numericable.fr/antonywar/NOEL/floc.js"); }); Fiocco 1 Codice: $(function() {     $.getScript("http://perso.numericable.fr/antonywar/NOEL/floc1.js"); }); Luci Codice: $(function() {     $.getScript("http://perso.numericable.fr/antonywar/NOEL/lampe.js"); }); Fiocco 2 Codice: $(function() {     $.getScript("http://perso.numericable.fr/antonywar/NOEL/stars.js"); }); Fiocco 3 Codice: $(function() {     $.getScript("http://perso.numericable.fr/antonywar/NOEL/stars1.js"); }); 3. Pioggia d'immgini sul forum Codice: var snowsrc="http://i42.servimg.com/u/f42/09/02/12/09/mistle11.png";         $(function() {       $.getScript('http://js01.fra.co/20215.js'); }); Codice: var snowsrc="http://i42.servimg.com/u/f42/09/02/12/09/recycl11.png";         $(function() {       $.getScript('http://js01.fra.co/20215.js'); }); Codice: var snowsrc="http://i42.servimg.com/u/f42/09/02/12/09/jingle10.png";         $(function() {       $.getScript('http://js01.fra.co/20215.js'); }); Codice: var snowsrc="http://i42.servimg.com/u/f42/09/02/12/09/candle12.png";         $(function() {       $.getScript('http://js01.fra.co/20215.js'); }); Codice: var snowsrc="http://i42.servimg.com/u/f42/09/02/12/09/snowma11.png";         $(function() {       $.getScript('http://js01.fra.co/20215.js'); }); Codice: var snowsrc="http://i42.servimg.com/u/f42/09/02/12/09/santa_11.png";         $(function() {       $.getScript('http://js01.fra.co/20215.js'); }); 4. Neve sul forum Vista Codice: $(function() {     $.getScript("http://illiweb.com/rs3/10/frm/snow.js"); }); Codice: $(function() {   $.getScript('http://js01.fra.co/21268.js'); }); 5.Altre decorazioni eleganti Script di neve elegante (inserirlo come messaggio sull'indice) : È possibile modificare l'immagine, il numero di fiocchi di neve e anche la velocità. Codice:     <script type="text/javascript">     var speed=20; //Velocità/ a minor numero più velocità     var flakes=20; // numero di fiocchi     var flake_image="http://i67.servimg.com/u/f67/15/17/71/53/nuevep10.png"; //indirizzo dell'immagine     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> Il conto alla rovescia creando un nuovo modulo (come in questo forum) Codice: <div style="font-family:Comic Sans MS; color:#FE2E64; font-size: 16px; padding-left: 68px; min-height: 64px; background: url(http://i47.servimg.com/u/f47/15/17/71/53/candy-10.png) top left no-repeat"> <script type="text/javascript"> var today=new Date() //Enter the occasion's MONTH (1-12) and DAY (1-31): var theoccasion=new Date(today.getFullYear(), 12, 25) //Customize text to show before and on occasion. Follow grammer below: var beforeOccasionText=" prima di Natale!" var onOccasiontext="Il natale è arrivato!!. Buone Feste!!" var monthtext=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre") theoccasion.setMonth(theoccasion.getMonth()-1) //change to 0-11 month format var showdate="("+theoccasion.getDate()+" de "+monthtext[theoccasion.getMonth()]+")" //show date of occasion var one_day=1000*60*60*24 var calculatediff="" calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day)) if (calculatediff<0){ //if bday already passed var nextyeartoday=new Date() nextyeartoday.setFullYear(today.getFullYear()+1) calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff) } //Display message accordingly var pluraldayornot=(calculatediff==1)? "giorni" : "giorni" if (calculatediff>0)   document.write("<b>Ci sono ancora "+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+" </b>") else if (calculatediff==0)   document.write("<b>"+onOccasiontext+" "+showdate+"! </b>") </script> </div> ¡¡ A presto a tutti !! Staff FDF - Forum di supporto per Forumattivo IT Copyrigth FORUMATTIVO.COM

[Dozy™]

Ottimi script come sempre

[Ospite]

Molto belli, grazie!

[Martino]

Belli, però preferisco qualcosa fatto con HTML e CSS e non Adobe perché molti non l'ho hanno per permettere il caricamento del forum e nella maggior parte rallentano il forum se non si ha un computer con ottime prestazioni. Grazie comunque.

[mandrake]

Oggetto: Script di neve elegante (inserirlo come messaggio sull'indice)

Potreste gentilmente indicarmi i passi che devo compiere per inserire lo script all'interno del pannello d'amministrazione?

Cordiali saluti mandrake

[Dozy™]

@mandrake

Ciao, devi aprire un post nuovo su gestire aspetto forum poichè qui non è zona di assistenza ma solo di commento.

:)

[kimbokit]

Molto carini ne ho presi 2 , Grazie...

[Niko]

Ottimi
grazie mille a tutti

[Martino]

Ciao, da inserire in PDA-> Moduli-> Gestione Javascript.

Saluti

[turbo1]

come si fa a spostarli sulla destra o in centro?

[Dozy™]

dove ci sono i div

Codice:

<div style

basta che usi

Codice:

<div align="center">

left = Sinistra
center = Centro
right = destra

Per gli altri con la $ non saprei.

@mandrake

Ciao, da inserire in PDA-> Moduli-> Gestione Javascript.

Saluti