[RISOLTO] inserire un link sopra un immagine

[giusebos]

qui non ho capito, siamo passati da un argomento ad un altro.
Se desideri mappare un immagine la strada è completamente diversa......

per intenderci se vuoi cliccare su determinate zone dell'immagine della sardegna, occorre la mappatura dell'immagine.

[squalogu]

no., desidero posizionare il link in un determinato punto dell'immagine....  Pensavo che intendessi questo quando mi hai parlato di posizione nel CSS....  non desidero cliccare una zona dell'immagine ma il link, ma posizionarlo sopra l'immagine in un punto specifico.... non mi dire che ho frainteso tutto...
avevo anche riportato l'esempio di pugliae.com

[giusebos]

l'esempio di pugliae.com si è perso nei meandri di tutte queste botta e risposta....

Ti occorre una mappatura dell'immagine

cerca con google "mappe di immagine", troverai diversi esempi pratici

[squalogu]

ok. lo farò.


ma continuo a non capire.


mi hai dato i due codici perchè avevi capito che mi serviva inserire un unico link all'interno del modulo personalizzato HTML? ma a quel punto non c'era bisogno di inserire nessun codice css, inserivo semplicemente un link.


mi hai detto che il code del CSS serviva al posizionamento, di che cosa? del link all'interno dell'immagine o di cosa



in pugliae.com quella è una mappatura immagine?

la mappatura immagine non consiste nel attivare un area di un immagine e collegarmi un link?

riformulo la domanda, come ottengo il risultato della mappa di pugliae.com?

[squalogu]

qualcuno sa indicarmi se posso ottenere con "mappatura" la mappa presente in home page nel sito pugliae.com ?
o come posso fare per far visualizzare dei link cliccabili sopra un immagine come in quel caso?


i tutorial per immagini cliccabili (o imagemap) che ho trovato si riferiscono a selezionare una parte di immagine e dare la possibilità di cliccarci sopra. Io vorrei far comparire del testo cliccabile (non sottoforma di disegno)

[maicolstaip]

Io non ho capito nulla di quello che vuoi fare

[squalogu]

vorrei creare una mappa simile a quella presente qua: pugliae.com


dove ho la possibilità di cliccare ad esempio su: Foggia, quindi sopra una scritta non sopra una semplice  porzione di immagine

[maicolstaip]

Allora devi mappare l'immagine.

Fai l'immagine con le scritte che vuoi, unisci i livelli e poi mappi le scritte che sono in fin dei conti una porzione di immagine

Comunque sono argomenti da forum di grafica e non di joomla.

Ciao!

[squalogu]

si hai ragione. adesso che abbiamo inquadrato l'argomento si...


posso solo chiedere come ottengo un effetto simile al passaggio del mouse?


(a:hover per caso)?




grazie

[squalogu]

l'indicazione che mi aveva dato giusebos all'inizio codice html + css è corretta., perchè dopo avete cambiato opinione?


mi avete consigliato che per realizzare una mappa simile a quella presente sulla home di pugliae. com è necessaria una mappatura dell'immagine, invece con quei due codici ora che vedo anche qualche tutorial con firebug  dovrebbe essere sufficiente o sbaglio?

[squalogu]

ho cercato molto e studiato per realizzare una cosa simile  alla mappa di pugliae.com , ma trovo solo guide o altro per mappare o fare mappe simile a queste: html.it/pag/16053/le-mappe-di-immagine/


qualcuno può suggerirmi una guida o altro?

[giusebos]

non ci sono guide per queste cose, un pò come se uno cercasse una guida per riempire un bicchiere di acqua...

se analizzi la pagina vedi che quei link sono semplicemente una lista ordinata, poi ad ogni link, che deve avere una sua classe, gli si danno delle coordinate con i css,
ad esempio

Codice: [Seleziona]

.tua_classe {
  left: 58px;
  top: 186px;
}

naturalmente poi ci devono essere le classi per i capoluoghi di provincia e per i centri più piccoli

[squalogu]

ok, per ora mi interessa almeno posizionare un link, poi penserò ai capoluoghi.


Quello che non capisco è: l'immagine della puglia in questo caso, è un immagine di background? o posso inserirla anche come (inserisci immagine dal modulo) ?


quindi i link per ora risultano fuori dall'immagine perchè non ho inserito le classi nel css?


GRAZIE!

[giusebos]

regoli tutto con i css, devi fare in modo che la mappa vada posizionata sotto i link, usando un div specifico

[squalogu]

... ok, che div? 

[giusebos]

penso che ti serva un tutor, perchè così non andiamo da nessuna parte.

[squalogu]

Codice: [Seleziona]

<p><img src="images/sardinia.png" alt="" /></p>

posso specificare in questo modo l'immagine all'interno del modulo e inserire i codici che mi hai suggerito nel css?

[squalogu]

o mi stai consigliando di inserirla direttamente dal css?


e in questo caso come faccio a specificare in che modulo posizionarla?

[giusebos]

nello zip un esempio che puoi inserire in un modulo html, naturalmente devi rivedere le dimensioni della sardegna e le coordinate dei testi, inoltre personalizzerai a piacimento gli stili delle città

nello zip c'è un file html, un css e una immagine della sardegna


[allegato eliminato automaticamente dopo un anno]

[squalogu]

   ...GRAZIE... non ho parole... ti faccio sapere il risultato