TEKST MET ACHTERGROND IN ANDERE KLEUR

bootdisk

Bootdisk met een gele achtergrond verkrijg je als volgt (enkel te zien in internet explorer, niet in netscape 4.7 (wel in Netscape 7.0, maar dan heb je een snelle computer nodig; er zit trouwens terug een uitstekende Composer bij)):

<span STYLE="background-color: #ffffcc"><b><u><font color="#3333FF"><font size=+4>bootdisk</font></font></u></b></span> Alles wat vetgedrukt is (b>) en alles wat onderstreept is (u>) krijgt hier een gele achtergrond.

Zeer belangrijk : probeer altijd de bitmaps die je maakt met een of ander grafisch programma te converteren naar
jpeg of gif. Deze formaten comprimeren het oorspronkelijk beeld. Dit verkort de laadtijd van je homepage aanzienlijk.
 

Afbeelding als achtergrond, met tekst in de afbeelding

De afbeelding als achtergrond gebruikt, met tekst erbovenop, verkrijg je op volgende manier (tussen de BODY-tags) :
<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr>
<td VALIGN=BOTTOM WIDTH="100" HEIGHT="100" BACKGROUND="background.gif"><font color="#FFFF00"><font size=+1>Joe</font></font></td>
</tr>
</table></center>
 
 
 
 

Joe

Afbeelding met tekst errond

ccccccccccccccccccccccccccccccccccccct about_me.gif - 2151 Bytes ssssssssssssssssssssssssssss

Dit verkrijg je door in composer op "invoegen" te klikken, daarna op "afbeelding",en dan
de manier te kiezen waarop de tekst rond de afbeelding moet lopen :


 
 

Rollover-effecten met muis (ook alleen te zien in internet explorer)

Je hebt 2 beelden nodig : het statische beeld : "bluehome.gif", en het beeld dat getoond wordt wanneer je er met
de muis over gaat : "pinkhome.gif".

<br>&nbsp;
<table BORDER=0 CELLSPACING=2 CELLPADDING=6 WIDTH="650" >
<tr>
<td ALIGN=CENTER WIDTH="180"><a href="index.html" onMouseOver="if(document.images) document.bluehome0.src='pinkhome.gif';" onMouseOut="if(document.images) document.bluehome0.src='bluehome.gif'"><img SRC="bluehome.gif" NAME="bluehome0" BORDER=0 </A height=72 width=152></a></td>
</tr>
</table>

Ga met de muis over het beeld hieronder :
 
 

 
 

En hier heb je de bestanden "over.gif" en "up.gif" nodig.
 

<script LANGUAGE="JavaScript">
</script>

<table BORDER=0 CELLSPACING=2 CELLPADDING=6 WIDTH="650" >
<tr>
<td ALIGN=CENTER WIDTH="180"><a href="index.html" onMouseOver="if (document.images) document.up0.src='over.gif';" onMouseOut="if (document.images) document.up0.src='up.gif'"><img SRC="up.gif" NAME="up0" BORDER=0 </A height=60 width=75></a></td>
</tr>
</table>

Dit is het resultaat als je met de muis over de onderstaande afbeelding beweegt :
 

 
 

Nog een voorbeeld van rollover-effecten met de muis, maar dan met een animated gif :

Je hebt sm1r.gif nodig (het statische beeld), en sm2r.gif (met opwaaiende jurk)

HTML-code is als volgt :

<table>
<tr>
<td VALIGN=BOTTOM><a href="http://users.pandora.be/ghislaine.de.vos1/index.html" onMouseOver="if(document.images) document.imarilyn_r.src='sm2r.gif';" onMouseOut="if(document.images) document.imarilyn_r.src='sm1r.gif'"><img SRC="sm1r.gif" NAME="imarilyn_r" BORDER=0 </A height=171 width=131></a></td>
</tr>
</table>

Ga met de muis over deze Mc Murdoch - of is het Monroe ???
 

Achter deze gezonde bloem, schuilt een ziekelijk plantje als je er met de muis overgaat.
Voeg dit toe tussen de BODY-tags (je kan het website-adres wijzigen, en uiteraard ook de namen van de grafische
bestanden) :
<table>
<tr>
<td VALIGN=BOTTOM><a href="http://users.pandora.be/ghislaine.de.vos1/index.html" onMouseOver="if(document.images) document.dre.src='blumenies.gif';" onMouseOut="if(document.images) document.dre.src='Blu.gif'"><img SRC="Blu.gif" NAME="dre" BORDER=0 </A height=171 width=131></a></td>
</tr>
</table>
 

 

Animated gifs zijn bewegende beelden, in te voegen tussen de <BODY> en </BODY>-tags met
<img SRC="flamingo1.gif" height=177 width=135>


 

TERUG NAAR HOMEPAGE

TERUG NAAR "WEBSITE MAKEN"
 
 

xx