Milky's Vernieuwde Lookup-Gids !
Welkom terug iedereen ^-^ Ik heb toestemming gekregen van Soggytacos om haar templates te gebruiken in een Nederlandstalige lookupGids, zodat jullie de code kunnen begrijpen en er zelf iets mooi van kunnen maken! Mag ik jullie er wel op wijzen dat jullie de credits NOOIT verwijderen uit de codering en dat jullie dat ook vermelden op de lookup zelf of op het prentje erboven!! We hebben haar vertrouwen, dus misbruik het niet!
08/05/07: Stukje toegevoegd over afbeeldingen invoegen.
1. We beginnen er weer aan!
Als je even doorklikt naar de template-site ( Klikkie ) Dan zie je daar 4 templates staan. ik heb de vierde eruitgenomen:
Kopieer de code en zet hem in Kladblok, notepad, Word, je ziet maar wat je het beste vindt ^-^
Nu gaan we de code eens bekijken, stap voor stap. Zet deze codes NIET tussen je oorspronkelijke codes, dit zijn deeltjes om je te laten zien hoe hij in mekaar zit!!
Dit zijn de credits. Je blijft er af, NOOIT verwijderen!
Zoals de heading al zegt, dit is alles dat we verwijderen uit de lookup: de gele header, de gele footer (dat zijn die balken), en enkele contentmodules (waar die tekst en zo instaat). DIT MAG JE DUS BETER NOOIT VERWIJDEREN :p
Het eerste, innerborder, zorgt ervoor dat wat hier in het goud-geel aangeduid staat:
verandert van .kleur. je kan de hex code #fff veranderen naar elke kleur die je wenst.
Je kan ook de dikte van je border aanpassen door 3px te veranderen
naar een ander getal.
Borders on the tables kan je veranderen, dan moet je none
vervangen door '1', '2', of andere getalletjes binnen.
.Mainheader is de header waar je Userinformatie instaat. Je kan het volgende veranderen:
- Background: de kleur van je balkje. je kan de Hex code veranderen naar elke kleur die je wil.
- Color: De kleur van je titeltje kan je ook veranderen door #666 te veranderen.
- Font: Je kan je lettergrootte veranderen door 10 te veranderen naar een ander getal en een andere font te kiezen.
- Text-transform verandert je letters automatisch naar Uppercase. m.a.w. hoofdletters.
- border-bottom: Je kan de dikte en kleur van je border onderaan veranderen.
Je kan ook solid vervangen door bv dotted. En dan krijg je een gestippelde rand
in plaats van een vaste.
Hetzelfde systeem als hierboven bij de Mainheaders.
Als je background verandert, veranderen alle vakjes mee:
Met Maintable kan je de achtergrond van je "middenvak" veranderen naar elke kleur die je wil.
Je moet gewoon de #fff veranderen naar een andere Hex Code.
Je kan ook de breedte veranderen door 750 te veranderen naar een ander getal.
Background color is de achtergrondkleur van je hele pagina.
De horizontal rules mag je aanpassen, maar ik zie geen enkel vershil als ik het doe ^-^
Image Opacity zou normaalgezien de opacity van je prentjes moeten veranderen.
Opacity is de doorzichtigheid van een prentje. Als je het wil veranderen, moet je
zowel de alpha opacity (60) veranderen als de opacity:.6 , anders werkt het NIET!
de img:hover moet ervoor zorgen dat als je met je muis over een prentje
gaat, de opacity verandert. Hier hetzelfde, als je de opacity wil aanpassen,
pas dan ALLEBEI de getalletjes aan!
prentjes
Background color. Hierop kan je zien hoe je met maintable het lichter roze gedaan hebt, en hoe je met backgroundcolor het donkere, paars-achtige kleurtje kan maken.
Font is het lettertype en -kleur van je tekst over de gehele pagina.
je kan de color en de font veranderen.
Het eerste deeltje "links" is hoe de links eruitzien als ze in "rust" zijn,
of als er geen muis overheen gaat.
Hover on links is wat er gebeurt als je met je muis over een link gaat, dus in
welke kleur dat hij verandert.
In Navigation Box kan je de background veranderen door, zoals altijd, #fff te veranderen.
Border kan je ook aanpassen, solid naar dotted, #bbb naar een andere Hexcode.
prentjes
Color
in deze code kan je de Navigatie en de "box" daaronder veranderen.
Alles is al eerder uitgelegd geweest, denk ik :p
Het eerste stukje - navigation Header - is de Navigatie, het tweede stukje - Box2 - Is de tabel waar je tekst inkomt.
En dan tenslotte, de laatste dingetjes ^-^
Eventueel kan je na de laatste style tag nog een prentje invoeren als "header" zoals ik doe :p Dan maak je gewoon een prentje van bv 750px bij 300px, doe je ermee wat je wilt, en upload je het naar Imageshack of PhotoBucket.
Dan voeg je gewoon deze code in na de laatste style-tag:
Dat zou voldoende moeten zijn om je mooie header daar te plaatsen :)
Ik denk dat dit heel duidelijk is, bij "type your information here" natuurlijk gewoon typen wat je wil
en al de rest is navigatie. Alle veranderingen voor de kleur heb je hier al voor veranderd ^-^
Als je vragen, advies, kritieken of complimenten hebt kan je altijd neomailen naar milk_and_sugar. veel succes!
Laatste Nota:
Deze gids is gemaakt met toestemming van Soggytacos, met als enige voorwaarde dat ik de credits niet zou wegnemen.
Wees dan ook eerlijk en neem deze Gids niet over, en verwijder NOOIT de credits. JIJ hebt hier geen werk in gestoken en JIJ hebt
niet een template gemaakt. Stelers zullen gerapporteerd worden.
Verspreid het woord! Zet onze banner op je lookup ^-^
| 
