Fullpage layout

Wat is een layout?
Een layout betekent letterlijk de opmaak van een pagina. De layout van een krant, bijvoorbeeld, met een grote foto op de voorkant en diverse artikelen in kolommen.
Zo ook op Neopets. De opmaak van je Gilde is een layout. Hoe veel tekstvakken je maakt, welke kleuren je gebruikt, welk plaatje, dat vormt je layout.

Wat betekent fullpage?
Fullpage betekent dat je layout de hele pagina bedekt. Je hebt ook een blog-layout, waarbij de Neopets-layout nog zichtbaar is. (Met Neopets-layout bedoel ik de gele menubalken boven en onder, en je pet links.) Maar met een fullpage bedek je deze dus, zodat mensen helemaal in jouw Gilde worden gezogen.
Een voorbeeld nodig? Zoals je ziet, geen Neopets-kleuren meer te zien. Enkel jouw Gilde.

Waarom een layout?
De layout wordt gebruikt als blikvanger, welkomsttekst en toonzetter. Is de layout rommelig en onaantrekkelijk? 90% van de bezoekers is weer vertrokken.
Als je een ramp bent met computers, als ze spontaan exploderen als je er zelfs maar naar kijkt, dan kan je een pre-made (een layout die door iemand anders, meestal een bekende site, is gemaakt) overwegen. Maar de moeite nemen om een layout leren maken zorgt voor meer leden, want jij steekt je tijd dan echt in je Gilde, en dat ziet men.

Wat zijn de regels voor fullpage layouts?
Zoals zo veel, is ook een fullpage layout aan regels gebonden. Hier komen ze:

  • De Neopets-navigatie moet aanwezig zijn
  • Het Gilde-menu moet zichtbaar zijn
Voor de rest mag je zo creatief zijn als je wilt.

Neopets navigatie
Voor jouw gemak, hierbij de standaard Neopets-navigatie-links. Plak deze tussen je links, en je zit goed.

<a href="/myaccount.phtml">Account</a> |
<a href="/petcentral.phtml">Centraal</a> |
<a href="/explore.phtml">Verkennen</a> |
<a href="/games/arcade.phtml">Games</a> |
<a href="/neoboards/index.phtml">Forums</a> |
<a href="/objects.phtml">Winkels</a> |
<a href="/nf.phtml">Nieuws</a> |
<a href="/video/index.phtml">Video</a> |
<a href="mall/shop.phtml">NC Centrum</a>

En hoe maak ik nu een fullpage layout?
Dat leg ik stap voor stap uit op de volgende pagina's. In de rechterkolom zie je alle onderwerpen die aan bod komen.
Bij deze uitleg geef ik alleen maar de codes, als je wilt leren hoe je een layout aantrekkelijk maakt, kijk dan bij wat maakt een layout goed.

Stap 1: Maak je layout in je tekenprogramma