TechBlogSD - Tutto per WordPress e sviluppo WEB
Istruzioni WEB e WordPress, notizie, recensioni di temi e plugin

Immagine di sfondo diversa per pagine diverse in Weebly

17

Personalizzazione dell’immagine di sfondo Weebly

Weebly offre più di 100 modelli con immagine di sfondo fissa, in questo articolo spieghiamo le seguenti due possibilità di cambiare l’immagine di sfondo in un tema Weebly.

  • Cambia l’immagine di sfondo per tutte le pagine
  • Imposta immagini di sfondo diverse per pagine diverse

In entrambi i casi devi preparare le tue immagini di sfondo che si adattino al modello del tuo sito. Hai anche la possibilità di utilizzare l’ editor di immagini di sfondo Weebly.

Modifica dell’immagine di sfondo del tuo sito

  • Prepara un’immagine che si adatti al design e alla navigazione del tuo modello.
  • Accedi al tuo account Weebly e modifica il sito di cui vuoi cambiare l’immagine di sfondo.
  • Nell’editor Weebly, vai alla scheda "Progettazione" e fai clic sul pulsante "Modifica HTML/CSS".
  • Fai clic su "Aggiungi nuovi file" nella sezione "File" e carica l’immagine di sfondo.

Immagine di sfondo diversa per pagine diverse in Weebly

Cambia l’immagine di sfondo di un sito Weebly

  • Vai a "main-style.css" disponibile nella sezione "CSS".
  • Individua il corpo del CSS e sostituisci l’ultima riga nella sezione del corpo. Generalmente sarà qualcosa come di seguito:
background: url(main-bg.jpg) repeat;
  • Sostituisci la riga con il codice seguente:
background: url (Your-Background-Image-Name.jpg) repeat;
  • Se hai chiamato l’immagine di sfondo caricata come image1.jpg, il codice avrà il seguente aspetto:
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#5a5a5a; background: url(image1.jpg) repeat; }
  • Salva il tuo tema e pubblica il sito web. Apri il sito nel browser per verificare che l’immagine di sfondo venga modificata nella nuova immagine durante il caricamento.

Impostazione di immagini di sfondo diverse per pagine diverse del tuo sito

  • Segui gli stessi passaggi nel metodo sopra per caricare i file di immagini, qui devi caricare il numero di immagini necessarie per la visualizzazione in diverse pagine del tuo sito.
  • Assegna un nome alle immagini come image1.jpg, image2.jpg e così via.
  • Vai alla scheda " Pagine " e scegli la pagina di cui vuoi cambiare l’immagine di sfondo.
  • Fare clic sull’opzione "Impostazioni avanzate" e incollare il codice seguente nella sezione "Codice intestazione" come mostrato nell’immagine sottostante.

Immagine di sfondo diversa per pagine diverse in Weebly

Cambia l’immagine di sfondo di una pagina Weebly

  • Qui "image1.jpg" è il nome dell’immagine di sfondo che hai caricato.
  • Incolla lo stesso codice nella sezione del codice dell’intestazione di pagine diverse cambiando il nome dell’immagine come "image2.jpg", "image3.jpg", ecc.
  • Pubblica il tuo sito e pagine diverse mostreranno diverse immagini di sfondo quando il sito viene caricato nel browser.

Fonte di registrazione: www.webnots.com
Lascia una risposta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More