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

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.


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".



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 JE 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 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





Code:
var snowsrc="https://i.servimg.com/u/f42/09/02/12/09/mistle11.png";
        
$(function() {
      $.getScript('http://js01.fra.co/20215.js');
});


Code:
var snowsrc="https://i.servimg.com/u/f42/09/02/12/09/recycl11.png";
        
$(function() {
      $.getScript('http://js01.fra.co/20215.js');
});


Code:
var snowsrc="https://i.servimg.com/u/f42/09/02/12/09/jingle10.png";
        
$(function() {
      $.getScript('http://js01.fra.co/20215.js');
});


Code:
var snowsrc="https://i.servimg.com/u/f42/09/02/12/09/candle12.png";
        
$(function() {
      $.getScript('http://js01.fra.co/20215.js');
});


Code:
var snowsrc="https://i.servimg.com/u/f42/09/02/12/09/snowma11.png";
        
$(function() {
      $.getScript('http://js01.fra.co/20215.js');
});


Code:
var snowsrc="https://i.servimg.com/u/f42/09/02/12/09/santa_11.png";
        
$(function() {
      $.getScript('http://js01.fra.co/20215.js');
});


Code:
var snowsrc= "https://i41.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

Code:
$(function() {
    $.getScript("https://illiweb.com/rs3/10/frm/snow.js");
});

Code:
$(function() {
   $.getScript('http://js01.fra.co/21268.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;
}


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


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



   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
avatar

Joost
Beheerder
Beheerder

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

Profiel bekijken 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)Chose the title of your choice (for example : Snow)
    2. Plak de code
    3. Je kan de afbeelding aanpassen, het aantal vlokken en de snelheid van de code.

Beheerderspaneel Display Index pagina Algemeen 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>



   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
avatar

Joost
Beheerder
Beheerder

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

Profiel bekijken 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