Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : rep 20 Sep 2013, 11:23:10

: [RISOLTO] Div effetto hover in articolo joomla
: rep 20 Sep 2013, 11:23:10

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?

: Re:Div effetto hover in articolo joomla
: Giuseppe63 20 Sep 2013, 13:26:41

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

: Re:Div effetto hover in articolo joomla
: tonicopi 20 Sep 2013, 13:56:36

Se il tuo div fosse questo

:

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

:

.tuodiv:hover {
opacity:1;
}
:)

: Re:Div effetto hover in articolo joomla
: rep 20 Sep 2013, 15:01:40

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

: Re:Div effetto hover in articolo joomla
: tonicopi 20 Sep 2013, 16:47:09

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

:

<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  :)

: Re:Div effetto hover in articolo joomla
: rep 20 Sep 2013, 17:51:54

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

: Re:Div effetto hover in articolo joomla
: tonicopi 20 Sep 2013, 21:23:52

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

: Re:Div effetto hover in articolo joomla
: rep 21 Sep 2013, 09:33:47

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

: Re:Div effetto hover in articolo joomla
: tonicopi 21 Sep 2013, 14:33:12

link al sito please

: Re:Div effetto hover in articolo joomla
: rep 23 Sep 2013, 13:52:47

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


grazie mille!!!!