Veranderende Banner

Vorige onderwerp Volgende onderwerp Ga naar beneden

Tutorial Veranderende Banner

Bericht van kiekeboe op za 2 okt 2010 - 8:57

Veranderende Banner


In deze tutorial laten we je zien hoe je een banner moet maken die steeds veranderd. Voordat je aan deze tutorial begint moet je al 4 verschillende banners hebben geupload. Noteer deze links even ergens, we hebben ze zometeen nodig.

Deze tutorial bestaat uit 3 delen:
-Het script aanpassen
-Het script hosten
-Het script in werking stellen

1. Het script aanpassen



Dit is het script wat ik gebruik:
Code:
/*
Random Image Link Script
By Website Abstraction (http://www.wsabstract.com)
and Java-scripts.net (http://www.java-scripts.net)
*/

function random_imglink(){
  var myimages=new Array()
  //specify random images below. You can have as many as you wish
  myimages[1]="AFBEELDINGHIER"
  myimages[2]="AFBEELDINGHIER"
  myimages[3]="AFBEELDINGHIER"
  myimages[4]="AFBEELDINGHIER"

  //specify corresponding links below
  var imagelinks=new Array()
  imagelinks[1]="http://jouwforum.actieforum.com/"
  imagelinks[2]="http://jouwforum.actieforum.com/"
  imagelinks[3]="http://jouwforum.actieforum.com/"
  imagelinks[4]="http://jouwforum.actieforum.com/"

  var ry=Math.floor(Math.random()*myimages.length)

  if (ry==0)
    ry=1
    document.write('<a href='+'"'+imagelinks[ry]+'"'+'><img src="'+myimages[ry]+'" border=0></a>')
}

  random_imglink()

Vul bij AFBEELDINGHIER een link in van een van je banners, vul bij de AFBEELDINGHIER eronder de link van een andere banner in. Ga zo door totdat je al je links hebt ingevuld, en er geen dezelfde links in staan!

Nu moet je nog linken naar je indexpagina, wat normaal gebeurd als je op de banner klikt. Ga daarom naar je forum toe, en kopieer de url van je indexpagina. Die vul je bij alle 4 de http://jouwforum.actieforum.com/ in. Het script is nu klaar. Kopieer deze in zijn geheel en ga naar de volgende stap.

2. Het script hosten



In plaats van urenlang naar een host te zoeken kun je ook simpelweg een nieuwe HTML pagina maken. Ga naar:
Beheerderspaneel Modules HTML & JAVASCRIPT HTML pagina's beheer.

Vervolgens klik je op: OPMAAK IN GEAVANCEERDE MODUS. Op de pagina die nu opent moet je de titel Script geven, laat de instellingen die er nu staan gewoon staan en wend je nu tot het grote vak. Daar moet je de hele code invoegen, en alléén de code. Klik op Valideren. Ga terug naar HTML pagina's beheer en kopieer de link van de HTML pagina die je net hebt gemaakt met het script erin. Ga dan verder naar de volgende stap.

3. Het script in werking stellen



Ga naar:
Beheerderspaneel Algemeen Forum Configuratie

Plak nu de link op de plaats waar LINKHIER staat in het volgende stukje code:
Code:
<script type=text/javascript src=LINKHIER></script>
Kopieer deze dan weer in zijn geheel en plak deze in de forumbeschrijving, klik op Verzenden en je hebt al een veranderende banner!

Het enige wat ons nog rest is de oude banner verwijderen.


Ga naar:
Beheerderspaneel Display Plaatjes en Kleuren Plaatjes beheren Uitgebreide modus

Het eerste wat je tegenkomt is het 'Forum hoofd logo'. Selecteer de link die erachter staat en verwijder die. Klik weer op Verzenden. Ga nu naar je forumindex en herlaadt de pagina een paar keer! Je zult zien dat je nu een veranderende banner hebt!


avatar

kiekeboe
Actief Forumlid

Vrouw Aantal berichten : 406
Geboortedatum : 20-10-95
Leeftijd : 23
Locatie : Maastricht
Registratiedatum : 18-10-08

Profiel bekijken http://dreamhorses.biz
kiekeboe 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