Decoraties voor kerstmis

van **Joost** vr 4 dec 2020 - 13:47

Decoreer uw forums voor de feestdagen!

Beste leden,

Terwijl de feestelijkheden aan het eind van het jaar en de voorbereidingen die hen vergezellen dichterbij komen, biedt Actieforum u opnieuw decoraties aan om uw forum te versieren en het kerstsprookje op de deur te laten kloppen. Smile

Hieronder staan kerst versieringen die u op uw forum kunt instellen. 
Denk erom dat niet alle scripts tegelijkertijd op dezelfde plaats geïnstalleerd kunnen worden, kijk a.u.b. goed naar de verschillende paden die geboden zijn, sommige scripts kunnen een lange ladingstijd hebben, bedankt voor uw geduld.

UPDATE: Aangezien Flash inhoud niet langer ondersteund wordt door sommige browsers, kan het zijn dat sommige decoraties niet langer werken, of alleen nog werken als u de Flash Player hebt geïnstalleerd en die in uw browser hebt geactiveerd!!

1. ACTIVATIE OP HET GEHELE OF EEN GEDEELTE VAN HET FORUM

Beheerderspaneel  Modules  html & javascript - Javascript code beheer

DECORATIE AAN DE BOVENKANT VAN HET FORUM

U kunt zelf dingen zoals: kleur, de positie en attachement van de volgende decoraties veranderen, door de scripts aan te passen.

Bekijk wat u aan kunt passen:

Code:: var deco = "tree";var color = "white";var direction = "left";var attachment = "fixed"; $(function() { $.getScript('https://script.forumactif.com/13823.js');});

Code:: var deco = "christmastree";var color = "white";var direction = "left";var attachment = "fixed"; $(function() { $.getScript('https://script.forumactif.com/13823.js');});

Code:: var deco = "santa";var color = "white";var direction = "left";var attachment = "fixed"; $(function() { $.getScript('https://script.forumactif.com/13823.js');});

Code:: var deco = "gift";var color = "white";var direction = "left";var attachment = "fixed"; $(function() { $.getScript('https://script.forumactif.com/13823.js');});

Code:: var deco = "candy";var color = "white";var direction = "left";var attachment = "fixed"; $(function() { $.getScript('https://script.forumactif.com/13823.js');});

Code:: var deco = "snow";var color = "white";var direction = "left";var attachment = "fixed"; $(function() { $.getScript('https://script.forumactif.com/13823.js');});

Code:: var deco = "snowman";var color = "white";var direction = "left";var attachment = "fixed"; $(function() { $.getScript('https://script.forumactif.com/13823.js');});

Code:: var deco = "reindeer";var color = "white";var direction = "left";var attachment = "fixed"; $(function() { $.getScript('https://script.forumactif.com/13823.js');});

VERSIERING AAN DE BOVENKANT VAN UW FORUM

Code:: $(function() { $.getScript('https://script.forumactif.com/14770.js');});

Code:: var garland = 0; var height = 110; $(function() { $.getScript('https://script.forumactif.com/16517.js');});

Code:: var garland = 1; var height = 110; $(function() { $.getScript('https://script.forumactif.com/16517.js');});

Code:: var garland = 2; var height = 110; $(function() { $.getScript('https://script.forumactif.com/16517.js');});

De hoogte van de niet geanimeerde slingers kan aangepast worden door de waarde aan te passen van de "height" variabele uitgedrukt in pixels (standaard, 110px).

INTERACTIEVE HANGERS AAN DE TOP VAN HET FORUM

Code:: $(function() { $.getScript('https://script.forumactif.com/15760.js');});

Het is mogelijk om hetzelfde effect te verkrijgen met alleen gouden hangers, door dit script te gebruiken i.p.v. het voorgaande:

Code:: var goldOnly = true; $(function() { $.getScript('https://script.forumactif.com/15760.js');});

TOCH TWEE SCRIPTS OP EEN PAGINA?

 U kunt geen 2 scripts van dezelfde soort tegelijk op een pagina zetten, vanwege dezelfde "variable" naam. Een alternatief was geboden op het Franse support forum, bestaande uit het hernoemen van de variables in het script (rehosted), voor een 2e script moet u dan dit invoegen:

Code:: var deco2 = "christmastree";var color2 = "white";var direction2 = "right";var attachment2 = "absolute"; $(function() { $.getScript('https://www.badwholf.uk/rsc/js/moredeco.js');});

EEN REGEN VAN AFBEELDINGEN OP HET FORUM

	Code: `var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/mistle11.png"; $(function() { $.getScript('https://script.forumactif.com/10825.js');});`
	Code: `var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/recycl11.png"; $(function() { $.getScript('https://script.forumactif.com/10825.js');});`
	Code: `var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/jingle10.png"; $(function() { $.getScript('https://script.forumactif.com/10825.js');});`
	Code: `var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/candle12.png"; $(function() { $.getScript('https://script.forumactif.com/10825.js');});`
	Code: `var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/snowma11.png"; $(function() { $.getScript(''https://script.forumactif.com/10825.js');});`
	Code: `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');});`
	Code: `var snowsrc= "https://i.servimg.com/u/f41/11/31/90/02/ghost10.png"; $(function() { $.getScript('https://js01.fra.co/20215.js');});` U kunt de afbeeldingslink https://i.servimg.com/u/f41/11/31/90/02/ghost10.png vervangen door een andere indien gewenst.

2. SNEEUW OP HET FORUM

Overzicht	Code
	Code: `$(function() { $.getScript("https://script.forumactif.com/11926.js");});`
	Code: `$(function() { $.getScript('https://script.forumactif.com/12181.js');});`

3. GEPERSONALISEERDE CURSORS

Beheerderspaneel  Display  Kleuren - CSS tab (Cascading Style Sheet)

	Code: `body { cursor: url(https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/snowman.cur), auto;}`
	Code: `body { cursor: url(https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/christmas-tree.cur), auto;}`
	Code: `body { cursor: url(https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/santa2.cur), auto;}`
	Code: `body { cursor: url(https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/santa.cur), auto;}`



Opmerking over compatibiliteit : U kunt verschillende decoratie scripts van hierboven invoegen. U kunt deze elementen ook combineren met bijvoorbeeld een afbeelding regenval.
Desalniettemin kan er slechts één regenscript voor afbeeldingen tegelijk worden gebruikt.

Daarnaast raden we ook af om meer dan twee versieringen tegelijk te gebruiken, omdat dit het gewicht van uw pagina's en hun laadtijd aanzienlijk kan verhogen. Houd er rekening mee dat sommige van deze decoraties mogelijk niet compatibel is met de ModernBB of AwesomeBB versie.

van **Joost** vr 4 dec 2020 - 13:48

Extra Sneeuwcode

Hoe stel je dit in?
1. Kies een titel (voorbeeld : Sneeuw)
2. Plak de code
3. Je kan de afbeelding aanpassen, het aantal vlokken en de snelheid van de code.

Beheerderspaneel  Weergave  Indexpagina - Algemeen

Code:: <script type="text/javascript"> var speed=20; // Speed/From the less to the more speed var flakes=20; // Number of flakes var flake_image="https://i.servimg.com/u/f67/15/17/71/53/nuevep10.png"; //URL of the image 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>

Voorbeeld:

Decoraties voor kerstmis