I-frames
– Een Tutorial van Pinoweb.tk
Stel nou dat je een site wilt met I-Frames, maar je weet niet hoe je moet beginnen? Lees PinoWeb's tutorial :)
Maak een leuke layout met alles erop en eraan :P Dus je logo, site achtergrond etc. allemaal in 1 afbeelding. (voorbeeld)
Dan begint nu het "echte" werk, namelijk de I-frames invoegen. Dit doe je met deze code:
Het coderen is een lastig werkje, en je moet wel een klein beetje HTML-verstand hebben om het te doen. Heb je dat niet? Wees niet getreurd! PinoWeb legt uit wat wat is!
1) je ziet, als het goed is, top:0;left:0
staan. Bij top moet je een getal invullen waardoor je iframe naar beneden
verschuift. Ik weet de eerste keer nooit hoeveel het is, dus ik vul maar wat in
en kijk hoever die naar beneden gaat :P (dat is aan te bevelen :) )
Bij left moet je een getal invullen waardoor je Iframe naar links verschuift,
ook hier weet ik nooit in 1 keer het getal, dus ik neem altijd 300 en kijk dan
of mijn hokje ver genoeg naar links staat.
2) Er staat ook jouwurl.htm daar vul je de naam in van de pagina die wordt geopend als je jouw site betreedt. Jij hebt bijvoorbeeld de pagina met je welkomstekst + updates welkom.htm genoemd. Dan staat er dus: Iframe scr="welkom.htm"
Let goed op! Als je links niet werken kan dat liggen aan het feit dat je I-frame geopend wordt in "main", wanneer je wilt dat ze ergens anders openen, moet je "main" dus veranderen in bijvoorbeeld "inhoud" of "tekst" of hoe jij dat genoemd hebt!
3) Width is de breedte van je I-frame,
valt je I-frame groot uit verklein dit getal dan. Als het te klein uitvalt,
vergroot het dan ^_^
Height is de hoogte van je frame, ook hier geldt dat je
eventueel moet vergroten of verkleinen
4) Links maken doe je door deze code in te voeren:
Wil je een transparante I frame?
Zet dan deze code op je site:
En deze code doe je in je <Head> </head> of in je CSSbestand