Ombreggiatura con i CSS

Qua trovi codici già pronti e tanti consigli per abbellire il tuo blog

Moderatori: Moderatori iobloggo, Moderatori HTML & Grafica

Ombreggiatura con i CSS

Messaggioda anija » 21 dicembre 2005, 12:09

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

regolamento // guida // faq // cerca
Immagine
« sei in intimo allineamento con il palpitante ronzio del Divino Wow » Rob Brezsny
Immagine Immagine Immagine Immagine
Avatar utente
anija
Admin
Admin
 
Messaggi: 7745
Iscritto il: 3 marzo 2004, 16:59
Località: Milano
Indirizzo blog: http://anija.iobloggo.com

Messaggioda Kujaku » 21 dicembre 2005, 19:40

Un'altra gran bella dritta! :) Grazie! :D
Kujaku
esperto
esperto
 
Messaggi: 101
Iscritto il: 1 novembre 2005, 21:38
Località: Padova

Messaggioda V4NY » 10 marzo 2006, 20:33

uaz anija grande ^^! :angel:
!IE ? FF : MZ

while($noob)
{
echo "
Perfavore LEGGI LE FAQ";
}

OS:SlackWare Linux
Member of :WordPress Italia - Team
MKPortal Skinner

<a title="My PGP Key" href="http://vanessa.areaunix.org/my-pgp-key/"><img src="http://vanessa.areaunix.org/wp-content/themes/vanessa3/images/pgp.gif" alt="" border="0" height="19" width="88"></a><a href="http://www.last.fm/user/V4NY/" target="_blank" title="My Last.FM"><img src="http://vanessa.areaunix.org/lastfm_button.png" alt="" border="0"></a>
Immagine
V4NY
occasionale
occasionale
 
Messaggi: 48
Iscritto il: 28 maggio 2004, 8:41


Torna a Consigli e Trucchi

Chi c’è in linea

Visitano il forum: Nessuno e 1 ospite

cron