Decorazioni di Natale per il tuo forum!!


 Decorazioni di Natale per il tuo forum!!

Messaggio Da Nerissa il Ven 7 Dic 2012 - 3:34

 Decorazioni di Natale per il tuo forum!!


utenti santa

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 ! cheers



1. Il metodo consiste nel creare una pagina javascript Wink

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/rsc/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


avatar
Nerissa
Veterano dello staff

Sesso : Femminile
Messaggi : 3458
Localit : Spagna


Vedere il profilo dell'utente http://aiuto.forumattivo.com
Nerissa stato ringraziato dall'autore di questo topic.

Re:  Decorazioni di Natale per il tuo forum!!

Messaggio Da Dozy™ il Ven 7 Dic 2012 - 10:06

Ottimi script come sempre
avatar
Dozy™
Veterano dello staff

Sesso : Maschile
Et : 29
Messaggi : 2297
Localit : Tradate (va)


Vedere il profilo dell'utente
Dozy™ stato ringraziato dall'autore di questo topic.

Re:  Decorazioni di Natale per il tuo forum!!

Messaggio Da Ospite il Ven 7 Dic 2012 - 10:10

Molto belli, grazie!

Ospite
Ospite


Ospite stato ringraziato dall'autore di questo topic.

Re:  Decorazioni di Natale per il tuo forum!!

Messaggio Da Martino il Ven 7 Dic 2012 - 15:08

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.


Staff - Moderatore
avatar
Martino
Moderattivo
Moderattivo

Sesso : Maschile
Et : 18
Messaggi : 4167
Localit : Italia


Vedere il profilo dell'utente http://wikiinfo.forumattivo.it/
Martino stato ringraziato dall'autore di questo topic.

Help!!

Messaggio Da mandrake il Sab 8 Dic 2012 - 14:43

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
avatar
mandrake
Sono un nuovo membro :)

Sesso : Maschile
Et : 49
Messaggi : 6
Localit : Genova


Vedere il profilo dell'utente http://www.noidelweb.net/
mandrake stato ringraziato dall'autore di questo topic.

Re:  Decorazioni di Natale per il tuo forum!!

Messaggio Da Dozy™ il Sab 8 Dic 2012 - 17:08

@mandrake

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

:)
avatar
Dozy™
Veterano dello staff

Sesso : Maschile
Et : 29
Messaggi : 2297
Localit : Tradate (va)


Vedere il profilo dell'utente
Dozy™ stato ringraziato dall'autore di questo topic.

Re:  Decorazioni di Natale per il tuo forum!!

Messaggio Da kimbokit il Sab 8 Dic 2012 - 18:56

Molto carini ne ho presi 2 , Grazie...
avatar
kimbokit
Sono un nuovo membro :)

Sesso : Maschile
Et : 60
Messaggi : 20
Localit : brasile


Vedere il profilo dell'utente http://archivioshare.forumeiros.com
kimbokit stato ringraziato dall'autore di questo topic.

Re:  Decorazioni di Natale per il tuo forum!!

Messaggio Da Niko il Sab 8 Dic 2012 - 20:00

Ottimi Very Happy
grazie mille a tutti
avatar
Niko
Veterano dello staff


Sesso : Maschile
Et : 20
Messaggi : 7694
Localit : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko stato ringraziato dall'autore di questo topic.

Re:  Decorazioni di Natale per il tuo forum!!

Messaggio Da Martino il Sab 8 Dic 2012 - 20:42

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

Saluti ciao!


Staff - Moderatore
avatar
Martino
Moderattivo
Moderattivo

Sesso : Maschile
Et : 18
Messaggi : 4167
Localit : Italia


Vedere il profilo dell'utente http://wikiinfo.forumattivo.it/
Martino stato ringraziato dall'autore di questo topic.

Re:  Decorazioni di Natale per il tuo forum!!

Messaggio Da turbo1 il Lun 10 Dic 2012 - 13:09

come si fa a spostarli sulla destra o in centro?
avatar
turbo1
Sono un nuovo membro :)

Sesso : Maschile
Et : 51
Messaggi : 21
Localit : moneglia (ge)


Vedere il profilo dell'utente http://moneglia.forumattivo.it
turbo1 stato ringraziato dall'autore di questo topic.

Re:  Decorazioni di Natale per il tuo forum!!

Messaggio Da Dozy™ il Lun 10 Dic 2012 - 13:15

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

Martinopio ha scritto:Ciao, da inserire in PDA-> Moduli-> Gestione Javascript.

Saluti
avatar
Dozy™
Veterano dello staff

Sesso : Maschile
Et : 29
Messaggi : 2297
Localit : Tradate (va)


Vedere il profilo dell'utente
Dozy™ stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum