tutorial ombra ai lati

[urulela]

salve, sapete mica dirmi dove poso trovare un tutorial per creare un'ombra come il layout diquesto sito? http://nicholasdeakins.com/
non saprei con quali termini esatti cercare

[graffithouse]

che programma usi?

perche il modo più veloce e che si può realizzare con tutti i softwer di grafice è:


crei in quadrato delle dimensioni esatte alla larghzza della pagina,

crei un nuovo livello sotto a quello,

crei un quadrato dandogli la forma che dovrà avere l'ombra, lo colori di nero e gli dai una sfocatura,

dopodichè diminuisci un po l'opacità ed il gioco è fatto

[evan75]

nel caso specifico hanno usato due immagini diverse:
la prima è lo sfondo

http://nicholasdeakins.com/images/index-repeat.gif

a cui hanno applicato un repeat x e y (cioè l'immagine si ripete sia in orizzontale che in verticale fino ad occupare tutta la dimensione dello schermo.


la seconda è l'ombra:

http://nicholasdeakins.com/images/greenlabel-bg.png

che è lo sfondo di un DIV (il div che contiene il sito)

es della struttura html:

head ---> richiami i css
body --->puoi direttamente assegnare qui lo sfondo (la prima immagine)
div container---> qui lo sfondo (la seconda immagine, no-repeat, posizionata al centro)


(se hai un minimo di familiarità con html e css sarà un gioco da ragazzi..)