Al sito http://blizzard.com/starcraft/ in basso ci sono alcuni bottoni che funzionano da link.
Tuttavia, pur essendo tutto il bottone un'unica immagine, solo cliccando nell'area al centro funzionano da link. Come si fa a fare una cosa simile?
Al sito http://blizzard.com/starcraft/ in basso ci sono alcuni bottoni che funzionano da link.
Tuttavia, pur essendo tutto il bottone un'unica immagine, solo cliccando nell'area al centro funzionano da link. Come si fa a fare una cosa simile?
Quelle immagini sono state mappate...
prova a fare una ricerca nel forum con key "map"codice:<map name="pcdemo"> <area shape=poly coords="120,24,122,21,137,21,141,25,177,25,179,27,294,27,296,29,296,45,294,47,161,47,161,48,142,48,140,50,118,50,118,24" href="scdemo.shtml" onMouseOver="point('pcdemo')" onMouseOut="nopoint('pcdemo')" alt="Download the PC Demo"> </map>
se utilizzi dreamweaver è abbastanza semplice crearle... in pratica puoi selezionare le aree cliccabili in ogni immagine ed inserire un link per ogni map.
se non utilizzi dw trovi una lista di download per mappare le immagini di seguito:
http://download.html.it/categorie/st...ows/image-map/
romadesign.it - villanidance.it - xoombla.it - thaliaservices.it
"Grandi menti discutono di idee, menti mediocri discutono di eventi, piccole menti discutono di persone."
l'immagine usata e' quella che ti posto qua sotto, poi hanno creato una mappa per rendere sensibile solo l'area desiderata
questa e' la stringa che carica l'immagine e richiama la mappa:
mentre questa e' la mappa e la trovi nel codice in calce alla pagina:codice:<td background="0"></td>
codice:<map name="pcdemo"> <area shape=poly coords="120,24,122,21,137,21,141,25,177,25,179,27,294,27,296,29,296,45,294,47,161,47,161,48,142,48,140,50,118,50,118,24" href="scdemo.shtml" onMouseOver="point('pcdemo')" onMouseOut="nopoint('pcdemo')" alt="Download the PC Demo"> </map>
se ti servono ulteriori spiegazioni sulle mappe pero' dovrai chiedere nella sezione dedicata a html/xhtml
edit: arrivo tardi![]()