hallo allemaal,
veel mensen vinden het moeilijk om zelf een full-page layout te maken. en het kan ook best moeilijk zijn om te ontdekken hoe het moet, maar via deze gids word het een eitje:D ik heb hier stap voor stap uitgelegd hoe je een fullpage layout moet maken. doe gewoon alles stap voor stap en dan gaat het je lukken :P


heb je toch nog vragen, of lukt iets niet? mail me dan gerust. dit is m'n zij-account dus als je snel antwoord wilt krijgen kun je het beste naar animallovertje mailen.

we kunnen beginnen!



Stap 1.
Open microsoft word+paint

Stap 2.
Kopieer de volgende code:





stap 3.
Plak deze code in word





we gaan nu de layout maken

stap 4.
Kopieer het volgende plaatje en plak het dan in paint:


stap 5.
Je mag er nu aan veranderen wat je maar wilt, maar laat een paar dingen hetzelfde:
- de afbeelding mag niet langer of breder gemaakt worden
- het menuvak moet op dezelfde plek blijven (je mag hem natuurlijk wel een andere kleur geven)

maak hem helemaal zoals jij je layout hebben wilt!



stap 6.
Sla het bestand op in jpeg,jpg of png formaat!!
bij png formaat blijft het plaatje mooier ;)



stap 7.
Ga naar http://imageshack.us



stap 8.
Klik op bladeren en zoek je layout op.



stap 9.
Klik op host it! (zorg ervoor dat er verder GEEN hokjes aangevinkt zijn.)



stap 10.
Kopieer de url VOOR direct link to image



stap 11.
Plak deze url in word inplaats van het woordje: adres



stap 12.
sluit de paint met je afbeelding af en open een nieuwe.

Je layout is nu af nu gaan we een banner maken die over sommige links gaan, waardoor die niet
meer te zien zijn


stap 13.
Kopieer het plaatje hieronder.:




stap 14.
Verander hem nu in welke kleur je maar wilt! Deze banner komt helemaal bovenaan in de
linkerbovenhoek ;) Je kan hem dus ook gewoon dezelfde kleur maken als de linkerbovenhoek van de
layout zodat je niet ziet dat er een banner op staat!



stap 15.
Als je helemaal tevreden bent sla je hem op in jpg/jpeg bestand of in png



stap 16.
Upload het plaatje opnieuw zoals je bij de layout ook gedaan hebt.

stap 17.
Plak de url dan in word achter dit stukje: img src= Er staat al een adres dat moet je even weghalen.

stap 18.
Nu heb je ook dat deel gedaan en ga je verder met het maken van de tekstvakjes! Dit kan best
lastig zijn dus neem hiervoor de tijd.

stap 19.
Ga weer naar de code op word en scroll naar het plekje waar staat: "hier de tekstvakjes"

stap 20.
Haal dat weg en zet daarvoor in de plaats de volgende code voor elk tekstvakje. (als je dus 1
tekstvakje hebt zet je het er maar 1 keer neer. Als je er 2 hebt 2x enz…)


stap 21.
Je hebt nu een tekstvakje geplaatst, maar die moet nu nog op de juiste plek gebracht worden en
de juiste grootte dat gaan we nu doen:

Kijk bij deze stap ALLEEN naar het stukje: left:75px Dat betekend. Het hokje zit 75 pixels naar links.
Dat is waarschijnlijk niet goed dus gaan we dat als eerste veranderen. Dat doe je zo:

stap 21a.
Open weer je layout in paint (degene die je als eerst hebt gemaakt)

stap 22b.
Ga met je rechtermuisknop naar de linkerbovenhoek van je 1e vakje. rechtsonder zie je nu 2
getallen met een , ertussen. neem het 1e getal en zet die in je code inplaats van 75



Nu staat het tekstvakje als het goed is op de juiste breedte, maar nog niet op de juiste hoogte
dat gaan we nu doen!


stap 23.
kijk nu alleen naar het stukje: top:1082 px

stap 24.
doe nu hetzelfde als net bij de breedte, maar kijk dan naar het getal achter de ,



stap 25.
vul dat getal in, in de code in plaats van 1082

Nu heb je je tekstvakje op de juiste plek, maar hij is nog te groot of te klein.. ook dat gaan we nu
veranderen.


stap 26.
We gaan eerst de hoogte veranderen dus kijk eerst alleen naar dit stukje: height: 477px

stap 27.
Ga weer naar paint naar je layout en doe de volgende stappen:

stap 28.
Selecteer het vakje met de hoofdletter A in het menu van paint



stap 29.
Selecteer dan het 1e tekstvakje helemaal je krijgt nu naast de getallen met een , ertussen ook 2
getallen met een x ertussen.



stap 30.
onthoudt het getal ACHTER de x en zet die dan in je code inplaats van 477

stap 31.
kijk nu alleen naar: width: 235px

doe nu hetzelfde als net, maar kijk nu naar het getal VOOR de x. verander 235 dan in dat getal

JE BENT NU HELEMAAL KLAAR! ZET JE LAYOUT MAAR OP JE GILDE EN BEKIJK HET EFFECT ;)

als de achtergrond heel vaak verschijnt is er iets mis gegaan bij het uploaden van je plaatje.. dat komt door imageshack die maakt nog wel eens de plaatjes heel klein probeer het nog eens of zoek een ander host programma op internet..


Wil jij reclame maken voor deze site?
Hieronder zie je een banner en een code die je overal kan neerplakken:









Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
/help/bumper/headers/log-in-to-facebook

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2018.
® denotes Reg. US Pat. & TM Office. All rights reserved.

PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions