Ombreggiatura con i CSS

[anija]

Se avete un'immagine o un DIV a cui volete aggiungere un'ombreggiatura, è sufficiente inserirlo dentro tre div, così:

Codice: Seleziona tutto

<div class="blur"><div class="shadow"><div class="content">[div o immagine]</div></div></div>

ed inserire nel CSS (oppure dentro l'HEAD del vostro template) questo codice:

Codice: Seleziona tutto

<style type='text/css'>
.blur { margin:0px 0px 0px 8px !important; background-color: #EEEEEE; color: inherit;}
.shadow, .content {margin:0px !important; position: relative; bottom: 2px; right: 2px;}
.shadow {background-color: #DDDDDD; color: inherit;}
.content {background-color: #fff; color: #000; border: 1px solid #BBBBBB; padding: 3px;}
</style>

Potete cambiare i colori delle ombre (#EEEEEE, #DDDDDD, ecc) a vostro piacimento

Risultato:

[Kujaku]

Un'altra gran bella dritta! Grazie!

[V4NY]

uaz anija grande ^^!