Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei gi un nostro utente oppure registrati per far parte della nostra grande comunit. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

 Decorazioni di Natale per il tuo forum!!


 Decorazioni di Natale per il tuo forum!!

Messaggio Da Nerissa il Ven 07 Dic 2012, 03: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/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



Nerissa
Veterano dello staff

Sesso : Femminile
Messaggi : 3456
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 07 Dic 2012, 10:06

Ottimi script come sempre

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 07 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 07 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

Martino
Moderattivo
Moderattivo

Sesso : Maschile
Et : 18
Messaggi : 4164
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 08 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

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 08 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.

:)

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 08 Dic 2012, 18:56

Molto carini ne ho presi 2 , Grazie...

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 08 Dic 2012, 20:00

Ottimi Very Happy
grazie mille a tutti

Niko
+ Iperattivo +


Sesso : Maschile
Et : 20
Messaggi : 7668
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 08 Dic 2012, 20:42

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

Saluti ciao!


Staff - Moderatore

Martino
Moderattivo
Moderattivo

Sesso : Maschile
Et : 18
Messaggi : 4164
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?

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

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

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum