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

    Sfondo graduale con CSS e immagini

    Salve a tutti,

    spero di aver scritto nella sezione adatta del forum, ero incerto se metterlo qua o in grafica, sto realizzando un sito internet e dovrei realizzare una struttura identica a questa che si vede in questo sito:
    http://www.credit-suisse.com/it/it/

    Volevo chiedervi come posso realizzare lo sfondo che sfuma gradualmente dal blu scuro al bianco in modo che si adatti almeno in larghezza alle diverse risoluzioni???

    Per quanto riguarda invece la bordatura del foglio bianco, cioè l'ombra che fa sembrare il foglio in rialzo basta realizzarla con 1 div a sinistra e 1 div a destra che contengono l'immagine per tutta la lunghezza della pagina???

    Grazie a tutti quanti risponderanno
    ENRYWEB Web Agency
    http://www.enryweb.it

  2. #2
    La cosa la puoi realizzare in maniera molto semplice grazie all'ausilio dei css.
    Ti spiego passo passo quello che devi fare...
    Clicca sulla sfumatura che trovi sullo sfondo, e seleziona visualizza immagine di sfondo. Successivamente, quando ti troverai di fronte l'immagine che compone lo sfondo, salvala sul tuo computer con un nome a tua scelta.
    Successivamente incolla l'img appena scaricata nella tua cartella delle immagini che compongono il sito che stai realizzando.
    Successivamente nel CSS quando definisci le regole per il body aggiungi questa regola:
    background: #ffffff url(nome_img.jpg) repeat-x;
    In questo modo, dici al css di ripetere l'img che hai appena scaricato per tutta la parte orizzontale di cui verrà composto il sito.

    Fai qualche prova e poi fammi sapere, intanto in bocca al lupo!
    WordPress AndMore - Apprendiamo WordPress Facilmente!

  3. #3
    Anch'io avevo provato in quel modo, ma l'immagine che scarico è lunga e stretta, parte dall'alto con un colore blu scuro e va verso il basso tendente al bianco...

    ...se io faccio un repeat-x lui ripete la stessa immagine in orizzontale senza allargarla
    ENRYWEB Web Agency
    http://www.enryweb.it

  4. #4
    Sono riuscito a realizzare l'effetto appena capisco come ho fatto lo posto se potesse servire ad altri
    ENRYWEB Web Agency
    http://www.enryweb.it

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