Nederlands Ondersteuningsforum :
Wilt u reageren op dit bericht? Maak met een paar klikken een account aan of log in om door te gaan.

Gratis Forum: Ondersteuningsforum van Actieforum

Decoraties voor kerstmis

 :: Jij en Actieforum... :: 

 :: Mededelingen / Updates

Vorige onderwerp Volgende onderwerp Ga naar beneden

  • 0

Suggestie Decoraties voor kerstmis

Bericht 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:


  • var color = "white" : stelt u in staat om de kleur te veranderen van de vertoonde hangers en sterren. Standaard is de set wit, maar u kunt de kleur van jouw keuze specificeren (met zijn hexadecimale code of zijn naam in het Engels). Let er op dat voor sommige hangers (wiens afbeeldingen wit zijn in de voorbeelden hieronder), deze kleur ook wordt toegepast op de center afbeelding.
  • var direction = "left" standaard zal de hanger vertoont worden in de top linker bovenhoek van het forum. U kunt ervoor kiezen om het rechts te vertonen door "right" in te vullen i.p.v. "left"
  • var attachment = "fixed" : standaard volgt de hanger het scrollen op de pagina, d.w.z. wanneer hij gefixeerd is in de bovenhoek van het scherm. Als u de hanger alleen aan de top van het forum wilt vertonen zonder dat hij meescrollt, dan specificeer u "absolute" i.p.v. "fixed".

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

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

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

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

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

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

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

Decoraties voor kerstmis OmNkrg4
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

Decoraties voor kerstmis 62AAKck
Code:
$(function() {  $.getScript('https://script.forumactif.com/14770.js');});

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

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

Decoraties voor kerstmis OoCIeih
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

Decoraties voor kerstmis NNTFXJ2
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

Decoraties voor kerstmis Mistle11
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');});
Decoraties voor kerstmis Recycl11
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');});
Decoraties voor kerstmis Jingle10
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');});
Decoraties voor kerstmis Candle12
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');});
Decoraties voor kerstmis Snowma11
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');});
Decoraties voor kerstmis Santa_11
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');});
Decoraties voor kerstmis Ghost10
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

OverzichtCode
Decoraties voor kerstmis Snow110
Code:
$(function() {    $.getScript("https://script.forumactif.com/11926.js");});
Decoraties voor kerstmis Snow210
Code:
$(function() {   $.getScript('https://script.forumactif.com/12181.js');});

3. GEPERSONALISEERDE CURSORS


Beheerderspaneel Display Kleuren - CSS tab (Cascading Style Sheet)
Decoraties voor kerstmis Snowman-preview
Code:
body {    cursor: url(https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/snowman.cur), auto;}
Decoraties voor kerstmis Christmas-tree-preview
Code:
body {    cursor: url(https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/christmas-tree.cur), auto;}
Decoraties voor kerstmis Santa-preview
Code:
body {    cursor: url(https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/santa2.cur), auto;}
Decoraties voor kerstmis Santa2-preview
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.



Decoraties voor kerstmis 121910
   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | Ondersteuningsvraag opgelost? Markeer je topic dan met het icoon Decoraties voor kerstmis 210610

Terug naar boven Terug naar beneden

Joost

Joost
Beheerder
Beheerder

Man
Aantal berichten : 4993
Leeftijd : 29
Registratiedatum : 31-08-07
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

https://ondersteun.actieforum.com/

TonnyKamper heeft dit bericht gelezen



Joost is bedankt door de starter van dit topic.
  • 0

Suggestie Re: Decoraties voor kerstmis

Bericht 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 Sneeuw10



Decoraties voor kerstmis 121910
   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | Ondersteuningsvraag opgelost? Markeer je topic dan met het icoon Decoraties voor kerstmis 210610

Terug naar boven Terug naar beneden

Joost

Joost
Beheerder
Beheerder

Man
Aantal berichten : 4993
Leeftijd : 29
Registratiedatum : 31-08-07
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

https://ondersteun.actieforum.com/

TonnyKamper heeft dit bericht gelezen



Joost is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven

Nederlands Ondersteuningsforum : :: Jij en Actieforum... :: 

 :: Mededelingen / Updates

Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum