[OVERLAY]
Wil jij net als ik layouts kunnen maken op een makkelijke en simpele manier? Dan is deze uitleg iets voor jou:
We behandelen de uitleg in stapjes, dat is makkelijker om te volgen.

STAP 1: Open een foto bewerkingsprogramma als: Paint, Photofiltre, Photoshop of een ander programma, en maak een plaatje waarbij de widt 750px tot 875px is en heigt ongeveer 1200px. Dit wordt je layout. Je maakt dus nu gewoon een plaatje waar we later in kunnen typen.
STAP 2: Ben je klaar met het bewerken van je plaatje/layout? Ga dan nu naar Imonline en maak een profiel aan als je dit nog niet hebt. Meld je aan en klik op Beheer je paginas. Nu zie je staan: "Maak een nieuwe pagina", dit doen we. We noemen deze pagina "Layout".
STAP 3: Klik op het podlootje achter je pagina layout en druk vervolgens op werken met HTML (gevorderden). Plak nu de volgende code:

De code:
<DIV style="LEFT: 0px; WIDTH: 816px; POSITION: absolute; TOP: 0px; HEIGHT: 600px" align=left><IMG src="Hier de Url van je Layout!" border=0></DIV>

STAP 4: Ga naar TinyPic en klik op bladeren, dan zoek je je layout op. Dan druk je op openen, vervolgens op NU UPLOADEN, dan kopieer je de directe link voor layouts, dit zet je in de code op imonline op de plek waar staat: "Hier de Url van je Layout!".
STAP 5: Nu gaan we de tekstvakken in de layout plakken. Bedenk eerst hoeveel tekstvakken je wilt. Wil je er 4, plak je de tekstvak-code vier keer, bij 6 zes keer etc. Kopieer dus de Tekstvak-code en plak deze onder de andere code die je al op imonline hebt staan..

De code:
<DIV align=left><DIV style="BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; LEFT: 276px; OVERFLOW: hidden; BORDER-LEFT: #000000 0px solid; WIDTH: 162px; BORDER-BOTTOM: #000000 0px solid; POSITION: absolute; TOP: 320px; HEIGHT: 35px; BACKGROUND-COLOR: transparent">Hier je tekst!</DIV></DIV>

STAP 6: Nu druk je op Voorbeeld/Opslaan, dan op Opslaan. Nu gaan we weer de pagina Layout openen, maar nu ZONDER HTML, dus zonder codes, voor beginners. Nu zie je je layout staan met daarop: "Hier je tekst!" dikgedrukt. De tekstvakken staan nu nog op een verkeerde plek en over elkaar, versleep deze door 2x op Hier je tekst te klikken en de blokjes te verschuiven, doe dit totdat je alle tekstvakken een plek hebt gegeven. En sla het weer op.
STAP 7: Ga naar FreeWebs maak een profiel aan als je dit nog niet hebt. Log in, ga dan naar edit my site, vervolgens scroll je naar beneden en zie je "FileManager" staan, als je dan nog ietsje naar onderen scrollt zie je: Add a page. Dit doen we, we noemen deze Layoutpagina. Laat dit even zo.
STAP 8: Ga weer naar imonline, pagina beheer, naar pagina: Layout. Dan openen MET HTML. Dan kopieren we de hele code.
STAP 9: Ga weer naar freewebs, klik op het potloodje achter je Layoutpagina, klik nu op Vieuw en vervolgens op "Design vieuw and Html vieuw". Nu plakken we in het html vak de code. Dan drukken we helemaal linksbovenaan op file en vervolgens op save en dan op ok.
STAP 10: Ga weer naar freewebs waar je layoutpagina staat, klik er nu gewoon op (dus niet op het potloodje erachter) dan zie je je layout met tekst vakken, dan doen we: CTRL+A, vervolgens CTRL+C.
STAP 11: Ga naar kindertent en dan naar extra info, hier klik op hetgene waar je kan typen en doen vervolgens: CTRL+V. Dan halen we nog eventjes de blauwe reclame balk van freewebs weg, dan slaan we het op en heb je je layout op kindertent.