Se avete delle belle immagini da inserire nei post, è anche bello inserirle con un effetto tipicamente Web 2.0 come quello dropshadow, ovvero l’ ombra che vedete sui lati inferiore e destro di tutte le immagini di questo blog. Ottenere questo effetto è davvero molto semplice. Tutto quello di cui c’è bisogno è qualche riga di css e l’ immagine ombra.
Scaricate questa immagine: ombra e sistematela nella cartella image del vostro tema.
Poi aprite il file style.css del vostro tema e aggiungete:
1 2 .entry img {3 4 5 6 7
Già fatto! Semplice e veloce questo trucchetto per aggiungere un bell’ effetto alle vostre immagini!
Popularity: 1% [?]
Altri articoli interessanti:
di 
11 February, 2009 at 9:01 pm
L’immagine non si riesce a scaricare (shadows.gif). Poi una domanda: che plugin utilizzi per far ingrandire le immagini in quel modo? grazie!
12 February, 2009 at 12:35 am
@Marco – Grazie Marco per la segnalazione, effettivamente l’ immagine si apriva ma non si riusciva poi a salvarla, ora è compressa in un file rar e si scarica senza problemi.
Il plugin che uso per le immagini è Lightbox2
23 June, 2009 at 6:38 pm
.entry img {
background: url(images/shadow.gif) no-repeat right bottom;
Messo in fondo non funziona !
23 June, 2009 at 6:42 pm
Chiedo scusa il mio URL url(images/shadow.gif) no-repeat right bottom; era diverso !
Grazie per l’effetto
25 June, 2009 at 9:10 am
Figurati Albachiara, l’ importante è che tu abbia risolto!
8 July, 2009 at 10:17 am
Ciao
post interessante sai dirmi dove posizionare lo script nel foglio di stile?
Ho provato ma senza successo
8 July, 2009 at 5:55 pm
Ciao Ignazio, il codice puoi metterlo dove vuoi all’ interno del foglio di stile.
Può darsi che il tuo tema non identifichi l’ immagine con la classe “entry”, devi quindi controllare qual è la classe delle immagini dei post e sostituirne il nome, o nel tema o nel codice.
Spero di essere stata più chiara…
9 July, 2009 at 11:12 am
Ciao
sempre gentile,nel tema che utilizzo le sezioni entry sono:
.entry p a:visited
.entry ol
.entry ol li
.postmetadata ul,
.postmetadata li
Le ho provate tutte ha sostituire il nome sia al codice,che al tema ma senza successo, forse e il tema che non lo riconosce oppure sbaglio io, comunque tante grazie
11 July, 2009 at 10:14 am
Ciao Ignazio,
fai così allora, guarda il codice sorgente di una pagina che contiene un’ immagine in un post e identifica la classe a cui è associata, ci sarà qualcosa del tipo:
< img class oppure id="questo è il nome della classe o del div che puoi sostituire nel foglio di stile">
Fammi sapere poi…
18 July, 2009 at 6:11 pm
Ho provato diverse volte ma senza successo,
questo:< img class oppure id=" lo trovo nelle immagini dei post ma non nel foglio di stile
forse e´ il tema che non lo ha boh.Sara´ cosi?
Ti ringrazio ugualmente.