[RISOLTO] Div effetto hover in articolo joomla

[rep]

Ciao a tutti, in un articolo joomla ho creato un div con opacity 0.8 e vorrei che al passaggio del mouse del mouse diventi 1...come posso settarlo in un articolo di joomla?

[Giuseppe63]

ciao rep,
la div che hai realizzato, è un'immagine?
nel caso sia immagine, puoi inserire nei parametri immagine, il mouse hover.

[tonicopi]

Se il tuo div fosse questo

Codice: [Seleziona]

.tuodiv {
opacity:0.8;
}dovresti creare questa regola:

Codice: [Seleziona]

.tuodiv:hover {
opacity:1;
}


[rep]

non è un immagine, nell'articolo ho inserito solo questo codice:



<div style="opacity: 0.9; margin-top: -50px; margin-left: 440px; width: 320px; border-radius: 5px; height: 530px; line-height: 20px; background: #ffffff;" align="center">
<p>{loadposition info}</p>
< / div>


il div non ha nome e non so come e dove si imposta l'hover

[tonicopi]

Gli stili in linea sono deprecati.
Dagli una  classe così:

Codice: [Seleziona]

<div class="tuodiv">
<p>{loadposition info}</p>
< / div>E poi crea le due regole che ti ho messo sopra (con l'aggiunta nella prima di tutte gli attributi che avevi prima scritto inline 

[rep]

grazie tonicopi, le regole dove le metto? sempre nell'articolo?

[tonicopi]

No le regole css vanno in uno dei fogli di stile del template.

[rep]

allora, nell'articolo ho scritto:



<div class="tuodiv">
<p>{loadposition info}</p>
< / div>


mentre nel css del template:
.tuodiv{ opacity:0.9; margin-top: -50px; margin-left: 440px; width: 320px; border-radius: 5px; height: 530px; line-height: 20px; background: #fff;}

.tuodiv:hover {opacity:1;}


ma non funziona! non prende il css

[tonicopi]

link al sito please

[rep]

sbagliavo io....funziona tutto!!!!!!!!!!!!!!!


grazie mille!!!!