Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Layout effetto particolare

    Ciao a tutti,
    sto cercando di realizzare un layout ma non riesco a capire come fare... in allegato trovate l'immagine d'esempio.

    Praticamente voglio mettere una banda con un'immagine (non immagini ripetute), qui avevo pensato di dare all'immagine un width esagerato in modo che anche ad alte risoluzioni non creava problemi.
    Poi sopra a questa banda il layout con la particolarità che l'header riporti la velatura esatta dell'immagine sottostante.

    Secondo voi è realizzabile? Avete consigli, suggerimenti su come procedere?

    Grazie
    Fabio
    Immagini allegate Immagini allegate

  2. #2
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606
    Tanti consigli
    Primo non legare l'immagine di sfondo alla larghezza del browser ma fai si che essa sia a sestante, cioè che non tocchi i bordi, in questo modo difficilmente diventerà importante la sua larghezza totale, basterà che sia più grande di quella dell'header interno.
    L'header dev'essere sfumato, cioè la stessa immagine dello sfondo ma sfumata, solo così riuscirai a renderla perfetta in ogni circostanza.
    In alternativa fai una zona sfumata all'immagine di sfondo e tramite spostamento con margine negativo sposti e centri la zona di header lì sopra.
    Lo sto tentando qui http://martapolli.name/ prova a vedere se ti va bene.


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 © 2024 vBulletin Solutions, Inc. All rights reserved.