(hvis du vil have et gratis layout så besøg Red Hawk's Design.)
som jeg har nævnt før, så hver sikker på at der ikke er copyright på de billeder du bruger. selv om der ikke står på billedet at det er copyrighted, kan det sagtens være det alligevel, og det gælder også diverse billeder fra google.
upload:
når du uploader et billede vil jeg anbefalde tinypic.com
nu til kodning af layouts:
her er starten til et layout.
<table width="385" height="0" border="0"><tbody><tr><td><div style="background:url(upload et billede og indsæt det direkte link her); width: 540px; height: 298px;">
Det første width og height er layoutets størrelse, og det sidste, er billedets størrelse. men du kan bare sætte dem begge til at være efter billedets størrelse .
Det her er en tekst boks.
<div style="width: 307px; height: 150px; font-family: Comic Sans MS; font-size: 14px; overflow: auto; float: left; margin-top: 125px; margin-left: 195px;">type anything you want here.<br><br><br><br>type anything you want here.<br><br><br><br>type anything you want here.<br><br><br><br>type anything you want here.<br><br><br><br></div>
Her udskifter du tallene alt efter, hvor du vil have din tekstboks til at stå eller, hvor stor den skal være. Hvis du vil have flere tekstbokse, så kopierer du bare den her, og sætter den ind neden under.
Slut af med dette, for at fortælle den, at du er færdig
</div></td></tr></tbody></table>
dette sætter du ind til aller sidst når du er færdig med hele kodeningen.
brug evt. det her program til at prøve det i.
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro
selvom det ser uoverskueligt ud, så sid og rod lidt med det, da det er den eneste måde du finder ud af det på ;)
et eksempel med 2 tekstbokse:
<table width="385" height="0" border="0"><tbody><tr><td><div style="background:url(upload et billede og indsæt det direkte link her); width: 540px; height: 298px;">
<div style="width: 307px; height: 150px; font-family: Comic Sans MS; font-size: 14px; overflow: auto; float: left; margin-top: 125px; margin-left: 195px;">type anything you want here.<br><br><br><br>type anything you want here.<br><br><br><br>type anything you want here.<br><br><br><br>type anything you want here.<br><br><br><br></div>
<div style="width: 307px; height: 150px; font-family: Comic Sans MS; font-size: 14px; overflow: auto; float: left; margin-top: 125px; margin-left: 195px;">type anything you want here.<br><br><br><br>type anything you want here.<br><br><br><br>type anything you want here.<br><br><br><br>type anything you want here.<br><br><br><br></div>
</div></td></tr></tbody></table>
læg mærke til at denne her </div></td></tr></tbody></table> først kommer efter at bægge tekstbokse er blevet sat ind :)
