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

Decora il tuo forum in occasione di Natale e delle feste di fine anno

Forum dei Forum: Aiuto per Forumattivo ::  Forumattivo & Voi ::  :: Tutorial :: Altre risorse


Astuzia Decora il tuo forum in occasione di Natale e delle feste di fine anno

Messaggio Da Niko Mer 26 Nov 2014 - 21:38

Decora il tuo forum in occasione di Natale e delle feste di fine anno


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 Wink

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 natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Icon_santa

?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 natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Arrow10 Modulinatale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Arrow10 HTML & Javascript natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Arrow10 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 forum

Sarà 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.


natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno KiQbaHm
Codice:
var deco = "tree";
var color = "white";
var direction = "left";
var attachment = "fixed";
 
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno NABHJwl
Codice:
var deco = "christmastree";
var color = "white";
var direction = "left";
var attachment = "fixed";
 
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Ny6ilkA
Codice:
var deco = "santa";
var color = "white";
var direction = "left";
var attachment = "fixed";
 
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno JKi4zGa
Codice:
var deco = "gift";
var color = "white";
var direction = "left";
var attachment = "fixed";
 
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno ZmpCIlk
Codice:
var deco = "candy";
var color = "white";
var direction = "left";
var attachment = "fixed";
 
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno IowrOS3
Codice:
var deco = "snow";
var color = "white";
var direction = "left";
var attachment = "fixed";
 
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno UqR6zoz
Codice:
var deco = "snowman";
var color = "white";
var direction = "left";
var attachment = "fixed";
 
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno OmNkrg4
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 forum

L'altezza delle ghirlande non animate può essere modificata cambiando il valore della variabile height in pixel (di default, 110px).

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno 62AAKck
Codice:
$(function() {
  $.getScript('https://script.forumactif.com/14770.js');
});
natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno FIkYidP
Codice:
var garland = 0; var height = 110; $(function() {
  $.getScript('https://script.forumactif.com/16517.js');
});
natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno KSCQxhA
Codice:
var garland = 1; var height = 110; $(function() {
  $.getScript('https://script.forumactif.com/16517.js');
});
natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno OoCIeih
Codice:
var garland = 2; var height = 110; $(function() {
  $.getScript('https://script.forumactif.com/16517.js');
});

Elementi sospesi interattivi

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno NNTFXJ2

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

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Mistle11
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');
});
natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Recycl11
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');
});
natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Jingle10
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');
});
natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Candle12
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');
});
natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Snowma11
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');
});
natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Santa_11
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 sfondo

Segue il cursore nel movimento
natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Snow110
Codice:
$(function() {
    $.getScript("https://script.forumactif.com/11926.js");
});
natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Snow210
Codice:
$(function() {
  $.getScript('https://script.forumactif.com/12181.js');
});

Cursore a tema

Per avere un cursore a forma di Babbo natale santa
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..

    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>


Tutorial creato dal Team Forumattivo


Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 28
Messaggi : 9573
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Astuzia Re: Decora il tuo forum in occasione di Natale e delle feste di fine anno

Messaggio Da Niko Lun 6 Dic 2021 - 1:07

Buone feste di Natale a tutti...

Decorazioni natalizie per augurare buon natale1

Cari utenti,

In occasione delle feste natalizie vi riproponiamo le Decorazioni natalizie per i vostri forum Forumattivo, rivisitate e aggiornate in occasione della recente dismissione di Adobe Flash. Questi codici sono stati adattati per essere nuovamente essere utilizzati al sicuro santa

Divertitevi a decorare i vostri forum rendeer santa

Lo staff Forumattivo

Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 28
Messaggi : 9573
Località : Provincia di Varese

https://www.fmcodes.net/

A MattiaDes, tikky, myt e Yareol piace questo messaggio.

Niko è stato ringraziato dall'autore di questo topic.

Astuzia Re: Decora il tuo forum in occasione di Natale e delle feste di fine anno

Messaggio Da Niko Mer 13 Dic 2023 - 20:12

Nuove decorazioni per natale (Pioggia di immagini)


Cara Community

Per arricchire i suggerimenti decorativi di Natale, vi proponiamo nuovi suggerimenti di immagini per il vostro forum.
Le immagini utilizzate sono liberamente disponibili.


natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin14
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin14.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin15
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin15.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin16
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin16.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin22
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin22.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin27
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin27.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin31
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin31.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin17
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin17.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin20
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin20.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin18
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin18.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin29
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin29.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin19
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin19.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin21
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin21.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin24
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin24.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin26
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin26.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin25
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin25.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin23
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin23.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin28
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin28.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin33
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin33.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin30
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin30.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin32
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin32.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin39
Codice:
var snowsrc="https://i38.servimg.com/u/f38/11/01/36/00/pngwin39.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin40
Codice:
var snowsrc="https://i38.servimg.com/u/f38/11/01/36/00/pngwin40.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin34
Codice:
var snowsrc="https://i.servimg.com/u/f38/11/01/36/00/pngwin34.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin37
Codice:
var snowsrc="https://i38.servimg.com/u/f38/11/01/36/00/pngwin37.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

natale - Decora il tuo forum in occasione di Natale e delle feste di fine anno Pngwin38
Codice:
var snowsrc="https://i38.servimg.com/u/f38/11/01/36/00/pngwin38.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

Tutorial creato dal team del forum dei forum


Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 28
Messaggi : 9573
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

Forum dei Forum: Aiuto per Forumattivo ::  Forumattivo & Voi ::  :: Tutorial :: Altre risorse

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