Profil - Min side - Præsentation - Ændr - HTML-indstilling - Højre klik - Indsæt - Normal tilstand - Skriv - Gem præsentationen
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 begge tekstbokse er blevet sat ind :)
Upload:
Når du uploader et billede vil jeg anbefalde tinypic.com
Knapper:
Lav en knap:
Billederne laver man selv i det billedeprogram man nu har, og man kan evt. finpudse dem i powerpoint. Du kan lave billederne præcis som du ønsker dem.
Derefter opload billedet på tinypic.com og vælg den størrelse der hedder thumbnail (160x120) under Resize.
Her vælger du HTML koden.
En HTML kode har 2 link i sig, f.eks kan den se sådan ud:
<a href="http://tinypic.com?ref=bg23b6" target="_blank"><img src="http://i50.tinypic.com/bg23b6.png" border="0" alt="Image and video hosting by TinyPic"></a>
Det første link, som i dette tilfælde er det her: http://tinypic.com?ref=bg23b6 udskifter du med linket til den hjemmeside du gerne vil komme ind på, når du trykker på knappen.
Jeg vælger som eksempel "min side"
Linket til min side er (i mit tilfælde) dette:
http://www.howrse.dk/joueur/fiche/?id=70395
Så når jeg har udskiftet det første link med dette, vil koden se sådan ud
<a href="http://www.howrse.dk/joueur/fiche/?id=70395" target="_blank"><img src="http://i50.tinypic.com/bg23b6.png" border="0" alt="Image and video hosting by TinyPic"></a>
Så er knappen faktisk færdig, og du kan indsætte den i din profil under html indstilling :)
