psp7

sli_4.jpg (10193 bytes)
Den gröna färgen talar om vilken cell som är aktiv
vilken del av bilden jag kan lägga in egenskaper på..

Den gröna och röda färgen markeringsfärgen
kan du föresten ändra
under "Preferences"-knappen..

Så jag markerar med Arrow-verktyget i
"Tips"-cellen så den blir grön



sli_8.gif (2910 bytes)Cell Properties

Sen fyller jag i Cell Properties
URL : tips.htm
Alt-text : Tips,
Target : _blank, ska länken öppnas i nytt fönster , eller...

sli_9.jpg (6959 bytes) Vill du ha en mail - adress,
skriver du i mailto:
och sen din mailadress..



Rollover effekt

sli_6.gif (4592 bytes)Jag vill att bild två ska visas om man för musen över
och tar man bort musen, ska bild ett visas igen..
och klickar man ska bild två också visas..

Så jag bländrar mej fram till filerna jag vill ska användas..

Tänk på att det kan vara bra att spara ibland
spara en "settings"-fil..
som du ersätter vart eftersom...

Fortsätt sen så med alla cellerna..



Sen är det bara att "Save" eller "Save as".
Namnge din htmlfil  ..  min fick heta
klar.htm
kopiera din kod och lägg in den på din sida..
eller så jobbar du utifrån sidan du nyss gjort...
Längre ned på sidan ser du hur min kod ser ut,
Koden är mellan de här taggarna...
<!-- Begin Table -->     <!-- End Table -->

Först kommer en enkel kod.. med en bild som länkar..
jag har markerat länken med blått och bilden med rött..
Sedan kommer koden jag har använt.. med mouseover..
och genast blev det lite mera kod....
bar
<!-- Begin Table -->
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="200" HEIGHT="200">
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="100" HEIGHT="100">
<A HREF="
tips.htm"><IMG NAME="Image10" SRC="tips1.jpg" WIDTH="100" HEIGHT="100" BORDER="0" ALT="Tips"></A></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="100" HEIGHT="100">
<A HREF="
grafik.htm"><IMG NAME="Image11" SRC="grafik1.jpg" WIDTH="100" HEIGHT="100" BORDER="0" ALT="Grafik"></A></TD>
</TR>
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="100" HEIGHT="100">
<A HREF="
mailto:tina@swd.nu"><IMG NAME="Image12" SRC="mail1.jpg" WIDTH="100" HEIGHT="100" BORDER="0" ALT="Mail me"></A></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="100" HEIGHT="100">
<A HREF="
../index.htm"><IMG NAME="Image13" SRC="index1.jpg" WIDTH="100" HEIGHT="100" BORDER="0" ALT="Min hemsida"></A></TD>
</TR>
</TABLE>
<!-- End Table -->

bar
<!-- Begin Table -->
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="200" HEIGHT="200">
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="100" HEIGHT="100">
<A HREF="
tips.htm" TARGET="_blank" onClick="if(document.images) document.Image10.src='tips2.jpg';"
onMouseOver="if(document.images) document.Image1.src='
tips2.jpg';"
onMouseOut="if(document.images) document.Image1.src='
tips1.jpg';" >
<IMG NAME="Image1" SRC="
tips1.jpg" WIDTH="100" HEIGHT="100" BORDER="0" ALT="Tips"></A></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="100" HEIGHT="100">
<A HREF="
grafik.htm" TARGET="_blank" onClick="if(document.images) document.Image11.src='grafik2.jpg';"
onMouseOver="if(document.images) document.Image2.src='
grafik2.jpg';"
onMouseOut="if(document.images) document.Image2.src='
grafik1.jpg';" >
<IMG NAME="Image2" SRC="
grafik2.jpg" WIDTH="100" HEIGHT="100" BORDER="0" ALT="Grafik"></A></TD>
</TR>
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="100" HEIGHT="100">
<A HREF="
mailto:tina@swd.nu" onClick="if(document.images) document.Image12.src='mail1.jpg';"
onMouseOver="if(document.images) document.Image3.src='
mail2.jpg';"
onMouseOut="if(document.images) document.Image3.src='
mail2.jpg';">
<IMG NAME="Image3" SRC="
mail1.jpg" WIDTH="100" HEIGHT="100" BORDER="0" ALT="Mail me"></A></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="100" HEIGHT="100">
<A HREF="
../index.htm" TARGET="_blank" onClick="if(document.images) document.Image13.src='index2.jpg';"
onMouseOver="if(document.images) document.Image4.src='
index2.jpg';"
onMouseOut="if(document.images) document.Image4.src='
index1.jpg';" >
<IMG NAME="Image4" SRC="
index1.jpg" WIDTH="100" HEIGHT="100" BORDER="0" ALT="Min hemsida"></A></TD>
</TR>
</TABLE>
<!-- End Table -->
bar

Föresten..
tveka inte att skicka gärna ett mail
om det är något du inte förstår !




Ja då var det klart..
Så nu kan du testa Image Mapper
som du också hittar under File - Export...
Som är samma sak, fast du gör länkbara markeringar
i stället för i tabell...

     Lycka till !

Tillbaka

Index

Det är alltid roligt med feedback på det man gör...
Så berätta gärna eller skicka mej ett "Visit me" mail....
så får jag se hur det blev....
©   Tina   februari   2001