Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di capsula
    Registrato dal
    Jan 2006
    Messaggi
    818

    Effetto "ombra" blog html.it

    'sera... premetto che non son sicuro sia la sezione corretta... casomai chiedo ai mod di spostare...volevo chiedere una cosa.
    Avete presente l'effetto di "ombra" presente nel blog di html.it? Metto l'immagine con cui è creato così mi capite subito

    Io non riesco a capire come si riesca a fare quell'effetto se non si usa una dimensione fissa del layout... cioè come si fa a fare in modo che le due immagini creino l'effetto corretto con un layout percentuale?

    Forse la domanda è banale ma non ho capito.... spero di essermi spiegato bene, in caso ditemelo che cerco di esprimermi meglio! Grazie, ciao

  2. #2
    Utente di HTML.it L'avatar di foo
    Registrato dal
    Dec 2006
    Messaggi
    114
    in breve ci sono due div principali, uno dentro l'altro.
    in uno è impostato un bgnd per la sinistra, in uno il bgnd per la destra.
    in entrambi i casi viene lasciato un padding adeguato affinché l'immagine di bgnd sia visibile.

    il primo contenitore è centrato con margin:0 auto; (o simile) ed è reso responsabile della larghezza attraverso l'assegnazione di un width in percentuale.

  3. #3
    Utente di HTML.it L'avatar di capsula
    Registrato dal
    Jan 2006
    Messaggi
    818
    Non ho ben capito... mi potresti fare un esempio?

  4. #4
    Utente di HTML.it L'avatar di foo
    Registrato dal
    Dec 2006
    Messaggi
    114
    Originariamente inviato da capsula
    Non ho ben capito... mi potresti fare un esempio?
    quale esempio migliore del sito in questione:

    div#pro{width:90%; padding-left:10px;margin:0 auto;
    background:#FFFFFF url(fauxleft.jpg) repeat-y left;
    min-width:760px;max-width:980px}
    div#container{padding-right:10px;text-align:left;
    background:url(fauxright.jpg) repeat-y right}


    considera che nel blog di html.it le imgs fauxleft e fauxright sono responsabili, oltre che dell'ombra, anche del colore delle due colonne laterali

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.