Suntuubi-palvelussa käytetään evästeitä. Palvelua käyttämällä hyväksyt evästeiden käytön. Lue lisää. OK


Navigaatiobannerin teko mappausohjelmalla ylägrafiikkaan

 

1.Tee ensin grafiikka kuva kuvankäsittelyohjelmalla. Jos laitat sen ylägrafiikkaan tee kuvasta sivujesi levyinen yleensä se on suntuubissa 780px.
2.Kirjoita sitten kuvankäsittelyohjelmalla tähän kuvaan linkkiesi nimet.
3.Tallenna valmis kuva koneellesi ja siirrä se suntuubi sivuillesi (Tiedostot/Image/hae kuva koneeltasi.)
4.Sitten menet tällaisille sivuille...http://www.image-maps.com
5.Kohdasta From your PC klikkaa nappia selaa ja haet kuvasi koneeltasi.
6.Sitten klikkaa nappia Start mapping your image
7.Klikkaa Continue to next step
8.Sitten klikkaa nappia Rectangle
9.Levitä neliö linkkitekstisi levyiseksi ja korkuiseksi.
10.Kohtaan link for this map laitat sivujesi linkkitekstisi osoitteen esim. http://www.kotisivuapu.suntuubi.com/?cat=86
11.Sitten klikkaa nappia save
12.Tee seuraava linkki toista kohdat 6-----8
13.Kun olet saanut kaikki linkit tehtyä klikkaa nappulaa Get your code
14.Sitten sivun yläosasta klikkaa linkkiä HTML-code
15.Kopioi koodi voit kopioida vain koodin yläosan..jätä tuo sivujen linkkikoodi pois (katso alla esim.)
16.Siirrä koodi esim. ilmaisohjelmaan muistio tai sitten suoraan sivujesi koodiin..
17.Muuta koodissa tuo mappauskuvan osoite omien sivujesi mappauskuvan osoitteeksi siellä Image tiedostossa..Tämä osoite muutetaan (src="..............image-maps...11122")
(src="http://kotisivuapu.suntuubi.com/datafiles/userfiles/Image/Banneri2.jpg")Tässä esimerkkinä sivujeni osoite kuvalle.
TÄMÄ ON ERITTÄIN TÄRKEÄÄ KOSKA NUO MAPPAUSKUVAT SÄILYTETÄÄN TUOLLA TIEDOSTOISSA VAIN TIETYN AIKAA..ELIKKÄ MAPPAUSKUVASI HÄVIÄÄ TIETYNAJAN PÄÄSTÄ JOS TUOTA MUUTOSTA EI TEE.

Esim.koodi:

<div style="text-align:center; width:399px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_8201201221211239" src="http://kotisivuapu.suntuubi.com/datafiles/userfiles/Image/Banneri2.jpg" usemap="#Image-Maps_8201201221211239" border="0" width="399" height="400" alt="" />
<map id="_Image-Maps_8201201221211239" name="Image-Maps_8201201221211239">
<area shape="rect" coords="89,171,278,204" href="http://www.kotisivuapu.suntuubi.com/?cat=86" alt="" title=""    />
<area shape="rect" coords="397,398,399,400" href="http://www.image-maps.com/index.php?aff=mapped_users_8201201221211239" alt="Image Map" title="Image Map" />
</map>

18.Kopioi koodi hiirellä
19.Koodin asennus sivuille ylägrafiikkaan: Klikkaa sivuillasi keltaisesta palkista ylhäällä Grafiikka/Lisää grafiikkaa yläpalkkiin/edistynyt muokkaus.
20.Näin aukeaa HTML-editori. Siinä kirjoitusosan yläpuolella on työkalunapit.Klikkaa sieltä nappia Koodi ja liitä hiirellä koodi editoriin.
21.Tallenna ja julkaise.
22.Testaa että kaikki toimii..
23.Sitten kannattaa laittaa nuo kaikki linkkisivut piilosivuiksi niin suntuubin oma navigaatio häviää.Elikkä klikkaa muokkaa navigaatiota ja käy läpi kaikki sivusi ja kohtaan Näkyvä laita Piilosivu..
 

 

 

 


©2017 Vinkkejä kotisivujen tekoon,sivujen arvostelu - suntuubi.com