[RISOLTO] inserire un link sopra un immagine

[squalogu]

ho scritto all'assistenza del templates e mi hanno detto di implementare il codice qua:
templates/[your_template]/less/theme.less

ho fatto e sparisce l'immagine di background...

[squalogu]

Ciao,
posso chiederti come mai secondo te l'hover nelle due scritte sopra la cartina non funzionano? ho impostato come mi avevi suggerito di inserire la stringa finale che puoi notare nel codice del template.


Poi ti ricordi che dall'assistenza mi avevano detto che è bene che il seguente codice del css venga incorporato nel fil less... poichè se e quando svuota la chache del template da joomla, sparisce il codice inserito, ma alla fine pensavo che quando abiliterò la cache conservativa, non ci sarà più bisogno di cancellarla e/o toccarla, in modo da lasciar perdere il fatto di doverlo scrivere nel file less
grazie








css templates:

Codice: [Seleziona]

}
#regione {
width: 350px;
height: 450px;
background-image: url(/images/sardegna.png);
}

.citta {
font-family: Tahoma, Geneva, sans-serif;
text-transform: capitalize;
font-size: 109%;
}


#regione ul li {
list-style: none;


}
#regione ul li a.sassari {
  color: #0099FF;
  left: -19px;
  position: relative;
  top: 110px;
  font-size: 90%;
}
#regione ul li a.porto_torres {
  color: #0099FF;
  position: relative;
  top: 59px;
  left: -83px;
  font-size: 90%;
}


.jm-module a:hover span {
  color: #005E52 !important;}







html modulo

Codice: [Seleziona]

<div id="regione">


<div class="citta">
<ul>


 


 <li><a class="sassari" href="http://sassari.html" title="sassari">sassari</a></li>
 <li><a class="porto_torres" href="http://porto_torres.html" title="porto torres">porto torres</a></li>
 
</ul>
<>
<>

[giusebos]

l'hover non funzione perchè hai modificato qualcosa nel codice....

adesso il css che ne regola il colore è questo

Codice: [Seleziona]

#regione ul li a:hover {
  color: #ffcc00;
}
per la storia della cache, quello che hai scritto non ha senso.
devi incollare il codice css nel file less in modo tale che il template in piena autonomia ne compili il css finale

[squalogu]

ok allora vedrò di modificare il file less.




per l'hover


ho modificato come mi dici ma forse sto ancora sbagliando.. ora compaiono anche i due puntini sopra la mappa.. non capisco non ho toccato il codice a quanto ricordi..

Codice: [Seleziona]

}
#regione {
width: 350px;
height: 450px;
background-image: url(/images/sardegna.png);
}

.citta {
font-family: Tahoma, Geneva, sans-serif;
text-transform: capitalize;
font-size: 109%;
}


#regione ul li a:hover {
  color: #ffcc00;
}
#regione ul li a.sassari {
  color: #0099FF;
  left: -19px;
  position: relative;
  top: 110px;
  font-size: 90%;
}
#regione ul li a.porto_torres {
  color: #0099FF;
  position: relative;
  top: 55px;
  left: -73px;
  font-size: 90%;
}


.jm-module a:hover span {
  color: #005E52 !important;
}

[squalogu]

niente giuseboss non riesco a trovare la configurazione corretta.....

[squalogu]

qualche consiglio?
cosa manca

[giusebos]

sinceramente non so cos'altro aggiungere.

[squalogu]

quindi è corretto? che strano... i link non appartenenti alla mappa funzionano regolarmente, quelli sopra l'immagine, funzionano come link, ma non come hover..

[squalogu]

#regione ul li a:hover {
  color: #ffcc00;      
--------------------------------------------------------


.jm-module a:hover span {
  color: #005E52 !important;




scusate se ci riprovo, io ho due hover..  li devo lasciare tutti e due? o elimino uno? perchè le scritte sopra nell'immagine non cambiano colore al passaggio del mouse..

[giusebos]

devi lasciarli entrambi, il primo è specifico per il to modulo, il secondo vale per i moduli in generale

[squalogu]

ciao,


no il secondo l'ho tolto perchè non cambia niente nel templates, comunque sia gli altri link funzionano come hover con e senza quella stringa.


per la prima invece se inserisco:

Codice: [Seleziona]

#regione ul li a:hover {
  color: #ffcc00;


sei vedono solo dei puntini sopra la regione e ai link non succede nulla,


se inserisco:


nella città specifica:

}
#regione ul li a.sassari a:hover{

color: #0099FF;
  left: -41px;
  position: relative;
  top: 63px;


allora funziona, ma la scritta non segue il posizionamento

[tomtomeight]

Però abbi pazienza 21 post dopo un risolto significa che o non hai risolto o stai chiedendo altre cose e la discussione diventa inutilmente lunga e inservibile. Poiché non voglio rileggermi tutti i 71 post regolati tu e decidi se è risolta o no e adegui il titolo oppure  apri una nuova discussione. 

[squalogu]

hai ragione, scusate.


si il problema originale è risolto.


nel caso apro un altro post.


grazie
ciao