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


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');
});
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');
});
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');
});
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');
});
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');
});
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');
});
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');
});
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).

Decora il tuo forum in occasione di Natale e delle feste di fine anno 62AAKck
Codice:
$(function() {
  $.getScript('https://script.forumactif.com/14770.js');
});
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');
});
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');
});
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

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

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');
});
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');
});
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');
});
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');
});
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');
});
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
Decora il tuo forum in occasione di Natale e delle feste di fine anno Snow110
Codice:
$(function() {
    $.getScript("https://script.forumactif.com/11926.js");
});
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.


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');
});

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');
});

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');
});

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');
});

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');
});

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');
});

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');
});

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');
});

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');
});

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');
});

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');
});

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');
});

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');
});

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');
});

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');
});

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');
});

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');
});

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');
});

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');
});

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');
});

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');
});

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');
});

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');
});

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');
});

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.