www.MegaLab.it

da **ugus** » gio mag 15, 2008 2:58 pm

qualcuno mi puoò spiegare come ricreare questo effetto righe oblique con sfumatura per sfondo html? uso dremweaver ma sono principiante..
sul web nn ho trovato tutorial esauriente...
vedi esempio:

http://www.hugodesign.net/download_area ... tolo-1.jpg

da **Pacopas** » gio mag 15, 2008 3:17 pm

devi mettere lo sfondo alla pagina con una immagine di pochi px di larghezza e molto alta che si ripete in tutto lo sfondo.

da che sito lo hai preso che ti faccio vedere... oppure comprendiamo meglio la tecnica usata?

da **ssjx** » gio mag 15, 2008 3:24 pm

Intanto sei nella sezione sbagliata... questo 3D va in Area webmaster

Detto questo il modo più semplice e veloce è quello di dividere le due cose, ovvero:

- l'immagine di sfondo con l'effetto sfumatura ..... in Photoshop (o chi per lui) crea un'immagine le cui dimensioni saranno 2 pixel o giù di lì per la larghezza ed invece per la lunghezza imposterai quella desiderata (in base al progetto che stai realizzando)... quindi applica la suddetta sfumatura ed il gioco è fatto

- l'effetto righe obligue... per saperne di più vai a questo link alla voce Uno sfondo per il menu .... troverai l'esatta procedura per realizzarle

Fatto questo passiamo all'html ..... il codice generico sarà una cosa di questo genere:

Codice: Seleziona tutto: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>TITOLO</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <style type="text/css"> html, body { background: transparent ; width: 100%; height: 100%; margin: 0; padding:0; } #box1 { background: transparent url(bg.gif) repeat-y; width: 100%; height: 100%; margin: 0; padding:0; } #box2 { background: transparent url(stripes.gif) repeat; width: 100%; height: 100%; margin: 0; padding:0; } </style> </head> <body> <div id="box1"> <div id="box2"> </div> </div> </body> </html>

da **ssjx** » gio mag 15, 2008 3:25 pm

forse sono stato troppo lento [acc2]

da **Pacopas** » gio mag 15, 2008 3:28 pm

ssjx ha scritto:Intanto sei nella sezione sbagliata... questo 3D va in Area webmaster

ma lo sai che ero sicuro di averlo visto in web master? comincio a perdere la bussola.. sposto...

ps
anche in ritardo ma certo più preciso [;)]

www.MegaLab.it

ricreare sfondo righe in html

ricreare sfondo righe in html

Chi c’è in linea