Fotografo, formatore e direttore responsabile di Total-Photoshop.
E' uno degli autori degli ebook, video tutorial, corsi e video corsi che trovi nello store di TP.
Communication Specialist si occupa di consulenza alle aziende e formazione.
Il suo motto preferito: "Se hai la curiosità e l'immaginazione hai tutto".
Twitter: @max_furia
[...] approfondire consulta la fonte: Video tutorial per Dreamweaver, Photoshop e CSS: creare uno sfondo … Articoli correlati: Video tutorial Dreamweaver: cerare un foto album | Total Photoshop [...]
ciaoo, complimenti,
dovrei inserire un’immagine fissa che occupi tutta la pagina , se aggiungo alla propietà di pagina lo sfondo mi rimane sempre una parte in bianco, come posso fare??? grazie
Un’immagine fissa che occupi tutta la pagina?
Ci sono tanti artifizi per creare questa cosa, faccio però un po’ fatica a risponderti in due righe.
Considera però almeno due elementi:
1) La pagina avrà uno scrolling? Se si bisogna considerare che l’immagine dovrà essere progettata in modo tale da consentire alla pagina di proseguire con un colore di collegamento. Mi spiego: se l’immagine finisce con un buon margine di nero (ad esempio) imposta come colore di sfondo della pagina proprio il nero. Quando l’immagine si interrompe non si percepirà lo stacco.
2) Puoi pensare di creare un’immagine che si “compone” come se fosse un pattern. Questo però richiede che l’immagine sia uguale a se stessa e che sia possibile ripeterla come se fossero tanti mattoncini che si affiancano l’un l’altro.
Un ulteriore possibilità è data dalla creazione di un div di sfondo nel quale inserisci l’immagine delle dimensioni che vuoi. Questa soluzione potrebbe però essere invalidante. Un’immagine che pesa tanto influisce sui tempi di caricamento della pagina e non è fruibile su tutti i dispositivi.
Spero di esserti stato d’aiuto
Ciao, ho seguito il tutorial passo dopo passo e nella progettazione il risultato è perfetto, il problema nasce quando provo la pagina sul browser, a quel punto mi ripete lo sfondo verticalmente all’infinito invece di mettermi il bianco (azzurro che sfuma fino al bianco e poi di nuovo azzurro fino al bianco e ancora ancora ancora)…
Non riesco a capire perchè…
Hai sempre voluto inserire uno sfondo sfumato nei tuoi siti web ma, gira e rigira, ti è sempre sembrata una cosa complicata?
Il segreto sta nel mantenere le pagine veloci e snelle lasciando ai fogli di stile (CSS) il compito di comporre la grafica.
Eccoti il video tutorial per realizzare questo effetto in modo semplice con Dreamweaver, Photoshop e quattro righe di codice per scrivere il CSS.
[...] approfondire consulta la fonte: Video tutorial per Dreamweaver, Photoshop e CSS: creare uno sfondo … Articoli correlati: Video tutorial Dreamweaver: cerare un foto album | Total Photoshop [...]
Video tutorial per Dreamweaver, Photoshop e CSS: creare uno sfondo …, 4 anno fà
[...] la lettura: Creare uno sfondo sfumato per le tue pagine web con Dreamweaver [...]
Creare uno sfondo sfumato per le tue pagine web con Dreamweaver, 4 anno fà
ciaoo, complimenti,
dovrei inserire un’immagine fissa che occupi tutta la pagina , se aggiungo alla propietà di pagina lo sfondo mi rimane sempre una parte in bianco, come posso fare??? grazie
Claudio, 3 anno fà
Un’immagine fissa che occupi tutta la pagina?
Ci sono tanti artifizi per creare questa cosa, faccio però un po’ fatica a risponderti in due righe.
Considera però almeno due elementi:
1) La pagina avrà uno scrolling? Se si bisogna considerare che l’immagine dovrà essere progettata in modo tale da consentire alla pagina di proseguire con un colore di collegamento. Mi spiego: se l’immagine finisce con un buon margine di nero (ad esempio) imposta come colore di sfondo della pagina proprio il nero. Quando l’immagine si interrompe non si percepirà lo stacco.
2) Puoi pensare di creare un’immagine che si “compone” come se fosse un pattern. Questo però richiede che l’immagine sia uguale a se stessa e che sia possibile ripeterla come se fossero tanti mattoncini che si affiancano l’un l’altro.
Un ulteriore possibilità è data dalla creazione di un div di sfondo nel quale inserisci l’immagine delle dimensioni che vuoi. Questa soluzione potrebbe però essere invalidante. Un’immagine che pesa tanto influisce sui tempi di caricamento della pagina e non è fruibile su tutti i dispositivi.
Spero di esserti stato d’aiuto
Max, 3 anno fà
Ciao, dai un occhiata al sito di supporto per il mio forum che sto facendo, grazie hai tuoi tutorial!!!:
http://supportoforum.altervista.org/
Orfeo, 2 anno fà
Ciao, ho seguito il tutorial passo dopo passo e nella progettazione il risultato è perfetto, il problema nasce quando provo la pagina sul browser, a quel punto mi ripete lo sfondo verticalmente all’infinito invece di mettermi il bianco (azzurro che sfuma fino al bianco e poi di nuovo azzurro fino al bianco e ancora ancora ancora)…
Non riesco a capire perchè…
blackswitcher, 2 anno fà