Mappe Cliccabili 
Autore: Giuseppe V.
Visite 4585,
Followers 2,
Condiviso 59
Salve, in una mia pagina ho un'immagine di un volto a cui vorrei aggiungere un collegamento ipertestuale, e fin qui la procedura è semplice; vorrei però far sì che, scorrendo con il mouse sull'immagine, il "ditino" per potersi collegare entri in funzione solo nell'area del volto, e non entro l'area rettangolare di tutta l'immagine. in altre parole vorrei aggiungere all'immagine quella che in gergo html si chiama una mappa cliccabile. E' possibile farlo tramite WebSite? Come posso modificare i confini entro i quali entra in funzione il collegamento ipertestuale? Grazie in anticipo
Postato il
Sul sito unofficial di serzio abbiamo affrontato il prob la scorsa settimana ed e' uscito un link aun servixio gratuito che data l'immagine ti crea fuori html da inserirti a manovella nella pagina interessata
Si però la pagina html funzia come descritto sopra, la manina resta in tutta l'immagine, e non solo sulla parte linkata...vedi
http://provesitotest.altervista.org/nr4/mappa.html
Nell'esempio riportato sul sito unofficial la manina compare solo sulle zone mappate.
Oops, scusa Mirko. Mi sono accorto solo ora che partecipi in prima persona alla discussione a cui facevo riferimento.
Ciao Giuseppe,
puoi utilizzare questa semplice guida già utilizzata per il funzionamento delle mappe cliccabili:
http://answers.websitex5.com/post/3372
Prova a vedere se l'esempio fa per te.
Cosa vuoi dire...non capisco??? ho schiacciato qualche cosa che non dovrei, io non voglio partecipare in prima persona...possono scrivere tutti....
Adesso sono io che non ti capisco.
Io ed Alessandrro M. ti abbiamo segnalato una discussione sul sito cosiddetto unofficial.
Solo successivamente mi sono accorto della presenza di un tuo messaggio nella sudetta discussione. Deduco che la nostra segnalazione non era proprio necessaria, riferendosi a qualcosa che già conosci. Tutto qui.
A ok...ora sono riuscito a farla giusta...grazie a tutti...ciaoooo
Però sul tuo sito di prova c'è ancora quella errata.
le ho lasciate tutte 2 per vedere la differenza...
Luca, il post che hai indicato: http://answers.websitex5.com/post/3372è impostato come privato e non si riesce a visualizzare
ciaoo, infatti segnalo anche io che il messaggio è privato :-)
Autore
Ok, ho fatto un passettino avanti...ho il codice html della mappa cliccabile che funziona perfettamente, ma non riesco a collegare immagine relativa e mappa...una sta in una cella della griglia della pagina, l'altra sta a fianco...
qualcuno sa dirmi come fonderle assieme?
Grazie ancora, magari nel link sta scritto quest'ultimo passo ma la privacy mi rimbalza...
Ciao Giuseppe, se hai risolto bene, altrimenti ti spiego passo passo come ho fatto io...semplicissimo con GIMP...ciaoooo
Giuseppe V., io non sono espertissimo, ma credo che dovresti allegare il file immagine all' "Oggetto HTML e Widgets" (dopo aver inserito nell'apposito spazio anche il codice HTML che già hai). Per allegare l'immagine vai nella Sezione Esperto e troverai, sotto al riquadro Codice CSS il riquadro File allegati al codice dove puoi "aggiungere" , "modificare" o "rimuovere" i file che vuoi....
Ciao
P.S. la Sezione Esperto la trovi sempre cliccando su "Oggetto HTML e Widgets" che avrai appositamente inserito sulla griglia di impaginazione ed entrando così nelle sue Proprietà.
Ciao Giuseppe,
hai ragione, ti ho postato in un post privato. Se ti è utile prova a seguire questa guida:
<MAP NAME="pianta_italia">
<AREA SHAPE="rect" COORDS="71,133,385,289" HREF="files/piemonte.html" TITLE="piemonte" ALT="piemonte" />
</MAP>
<IMG SRC="files/italia.jpg" USEMAP="#pianta_italia" />
Nel tab esperto dell'oggetto HTML e Widgets è importante che inserisci tutto il files dell'immagine della piantina, e colleghi le pagine html. Per fare questo basta che aggiungi i files allegati al codice html e lasci il percorso di collegamento sulla cartella "files"
Per una linea guida del codice ti consiglio di leggere questo tips&tricks generico per evo 8 ma sempre utile per le spiegazioni tecniche relative al codice html:
http://www.websitex5.com/it/resources/tips_0910.pdf
Spero di esserti stato utile.
Autore
Bingo. grazie tante Luca, esattamente la guida che mi serviva.