Kerstversiering voor je forum

Vorige onderwerp Volgende onderwerp Ga naar beneden

  • 0

Tutorial Kerstversiering voor je forum

Bericht van Joost op di 4 dec 2012 - 0:53

Kerst versiering voor je forum


Beste leden,

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

Hieronder staan kerst versieringen die je op je forum kunt instellen.  

Denk erom dat niet alle scripts tegelijkertijd op dezelfde plaats geinstalleerd kunnen worden, kijk a.u.b. goed naar de verschillenden paden die geboden zijn, sommige scripts kunnen een lange ladingstijd hebben, bedankt voor je 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 je de Flash Player hebt geÏnstalleerd en die in je 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


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

Bekijk wat je aan kunt passen:


  • var color = "white" : stelt je in staat om de kleur te veranderen van de vertoonde hangers en sterren. Standaard is de set wit, maar je 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. je 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 je de hanger alleen aan de top van het forum wilt vertonen zonder dat hij meescrollt, dan specificeer je "absolute" i.p.v. "fixed".



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




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




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




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




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




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




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




Kerstversiering voor je forum 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 JE FORUM



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


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


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


Kerstversiering voor je forum 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



Kerstversiering voor je forum 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 2 SCRIPTS OP EEN PAGINA?



Je 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 je 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




Kerstversiering voor je forum 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');
});

Kerstversiering voor je forum 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');
});

Kerstversiering voor je forum 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');
});

Kerstversiering voor je forum 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');
});

Kerstversiering voor je forum 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');
});

Kerstversiering voor je forum 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');
});

Kerstversiering voor je forum Ghost10

Code:
var snowsrc= "https://i.servimg.com/u/f41/11/31/90/02/ghost10.png";
        
$(function() {
    $.getScript('https://js01.fra.co/20215.js');
});
Je 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
Kerstversiering voor je forum Snow110
Code:
$(function() {
    $.getScript("https://script.forumactif.com/11926.js");
});
Kerstversiering voor je forum Snow210
Code:
$(function() {
   $.getScript('https://script.forumactif.com/12181.js');
});

3.
GEPERSONALISEERDE CURSORS


Beheerderspaneel Display Kleuren - CSS tab (Cascading Style Sheet)


Kerstversiering voor je forum Snowman-preview

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

Kerstversiering voor je forum Christmas-tree-preview

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

Kerstversiering voor je forum Santa-preview

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

Kerstversiering voor je forum Santa2-preview

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


Disclaimer: De meeste decoraties in dit topic zijn recentelijk ontwikkeld, ter vervanging van de voorgaanden die werkten in flash, een technologie die overbodig is geworden. Ondanks alle tests waaraan deze decoraties zijn onderworpen, is het mogelijk dat je tegen abnormale script gedragingen aanloopt en/of bepaalde moeilijkheden, welke een correctie onzerzijds behoeft. Voel je vrij om een topic erover te starten.

Compatibiliteit Opmerking :
Je kunt meerdere decoratie scripts te gelijk gebruiken. Je kunt deze ook combineren met een regen afbeelding. Slechts één regen afbeelding tegelijk gebruiken. Maar we adviseren om niet meer dan 2 decoraties tegelijk te gebruiken omdat dat een zware belasting kan leggen op de laadtijd van je pagina's! Sommige van deze decoraties zijn mogelijk niet compatibel zijn met de ModernBB of AwesomeBB versies!



Laatst aangepast door Joost op ma 18 jun 2018 - 18:21; in totaal 1 keer bewerkt


Kerstversiering voor je forum 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 Kerstversiering voor je forum 210610
Joost

Joost
Beheerder
Beheerder

Man Aantal berichten : 4478
Geboortedatum : 23-10-91
Leeftijd : 27
Taal : Nederlands
Locatie : Nederland
Registratiedatum : 31-08-07
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

https://ondersteun.actieforum.com/
Joost is bedankt door de starter van dit topic.

Tutorial Re: Kerstversiering voor je forum

Bericht van Joost op vr 7 dec 2012 - 17:34


  • Sneeuwcode :

    -Voorbeeld-


    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 Kerstversiering voor je forum Arrow10 Display Kerstversiering voor je forum Arrow10 Index pagina Kerstversiering voor je forum Arrow10 Algemeen Kerstversiering voor je forum Arrow10 Bericht op de indexpagina
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="http://i67.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>


Kerstversiering voor je forum 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 Kerstversiering voor je forum 210610
Joost

Joost
Beheerder
Beheerder

Man Aantal berichten : 4478
Geboortedatum : 23-10-91
Leeftijd : 27
Taal : Nederlands
Locatie : Nederland
Registratiedatum : 31-08-07
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

https://ondersteun.actieforum.com/
Joost is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


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