Aiuto e supporto ai creatori di forum Forumattivo. Creare un forum e amministrarlo. Scopri nuove guide, nuovi tutoriali, nuove astuzie nel supporto di Forumattivo

¡¡Decorazioni di Natale per il tuo forum!!

Forum dei Forum: Aiuto per Forumattivo ::  Forumattivo & Voi ::  :: Avvisi ed aggiornamenti


¡¡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/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
Veterano dello staff

Sesso : Femmina
Messaggi : 3458
Località : Spagna


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
Veterano dello staff

Sesso : Maschio
Età : 30
Messaggi : 2297
Località : Tradate (va)


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 - Aiutattivo
avatar
Martino
Aiutattivo
Aiutattivo

Sesso : Maschio
Età : 19
Messaggi : 4189
Località : Italia


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
Nuovo membro

Sesso : Maschio
Età : 50
Messaggi : 6
Località : Genova


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
Veterano dello staff

Sesso : Maschio
Età : 30
Messaggi : 2297
Località : Tradate (va)


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
Nuovo membro

Sesso : Maschio
Età : 61
Messaggi : 20
Località : brasile


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
Veterano dello staff

Sesso : Maschio
Età : 21
Messaggi : 7791
Località : Provincia di Varese


https://www.openstudio.one
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 - Aiutattivo
avatar
Martino
Aiutattivo
Aiutattivo

Sesso : Maschio
Età : 19
Messaggi : 4189
Località : Italia


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
Nuovo membro

Sesso : Maschio
Età : 52
Messaggi : 21
Località : moneglia (ge)


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
Veterano dello staff

Sesso : Maschio
Età : 30
Messaggi : 2297
Località : Tradate (va)


Dozy™ è stato ringraziato dall'autore di questo topic.

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

- Argomenti simili

Forum dei Forum: Aiuto per Forumattivo ::  Forumattivo & Voi ::  :: Avvisi ed aggiornamenti

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