Back to top

Autore Topic: effetto ombra immagine al passaggio mouse  (Letto 4280 volte)

Offline emco1984

  • Nuovo arrivato
  • *
  • Post: 8
    • Mostra profilo
effetto ombra immagine al passaggio mouse
« il: 22 Apr 2013, 20:10:04 »
Salve a tutti, volevo sapere se c'è qualche modulo o plug-in che consente di dare ad un immagine un effetto ombra oppure un effetto cornice nel momento in cui ci si passa sopra col mouse.
Ciò mi serve per evidenziare che quell'immagine è cliccabile e che apre un altro articolo.
Grazie

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:effetto ombra immagine al passaggio mouse
« Risposta #1 il: 22 Apr 2013, 20:24:09 »
ciao, tramite il css puoi inserire una cosa del genere
Codice: [Seleziona]
a img:hover{border:2px solid red;}senza installare nulla!

Offline emco1984

  • Nuovo arrivato
  • *
  • Post: 8
    • Mostra profilo
Re:effetto ombra immagine al passaggio mouse
« Risposta #2 il: 22 Apr 2013, 21:39:13 »
Ti ringrazio della risposta ma non mi funziona. Questo è il codice relativo all'immagine, come dovrei modificarlo?



<p><img style="text-decoration: blink; border: 2px solid black;" src="images/ZSDFG.png" alt="" />
</p>


Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:effetto ombra immagine al passaggio mouse
« Risposta #3 il: 22 Apr 2013, 21:47:33 »
devi  aprire il file template.css del tuo template ed incollarci il codice dentro. Senza un link alla pagina funzionante non posso controllare l'effetto

Offline emco1984

  • Nuovo arrivato
  • *
  • Post: 8
    • Mostra profilo
Re:effetto ombra immagine al passaggio mouse
« Risposta #4 il: 23 Apr 2013, 12:03:18 »
non devo inserire il codice all'interno dell'articolo dove ci sono le immagini?
Mi stai dicendo di inserire il codice che mi hai dato proprio nel file generale template.css?


Al momento ho risolto sfruttando la funzione rollover dell'editor jce e caricando sul mouseover la stessa immagine ma modificata con gimp dandogli l'ombra desiderata. Però in questo modo dovrei caricare due immagini per ogni elemento in cui desidero questo effetto.

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:effetto ombra immagine al passaggio mouse
« Risposta #5 il: 23 Apr 2013, 12:09:47 »
Al momento ho risolto sfruttando la funzione rollover dell'editor jce e caricando sul mouseover la stessa immagine ma modificata con gimp dandogli l'ombra desiderata. Però in questo modo dovrei caricare due immagini per ogni elemento in cui desidero questo effetto.
------------------------------------------------------
Se usi questo metodo devi fare così. Se invece vuoi ottenere l'effetto su tutte le immagini in modo pratico devi usare il css. Se il css lo inserisci nella pagina vale solo per quella pagina, se lo inserisci nel file generale varrà per tutte le immagini linkabili.

Offline emco1984

  • Nuovo arrivato
  • *
  • Post: 8
    • Mostra profilo
Re:effetto ombra immagine al passaggio mouse
« Risposta #6 il: 23 Apr 2013, 15:54:46 »
ti ringrazio ma se inserisco quel codice solo nella pagina non funziona. Io lo inserisco nel codice html generato da jceeditor ma non funge. Non capisco dove sbaglio.

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:effetto ombra immagine al passaggio mouse
« Risposta #7 il: 23 Apr 2013, 16:56:50 »
non vedendo come lo hai inserito non posso dirti niente. Probabilmente lo inserisci nel posto sbagliato o l'editor ti cancella il codice.
Serve un riferimento alla pagina

 



Web Design Bolzano Kreatif