TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Olika bakgrundsbild för olika sidor i Weebly

5

Anpassa Weebly bakgrundsbild

Weebly erbjuder mer än 100 mallar med fast bakgrundsbild, i den här artikeln förklarar vi följande två möjligheter att ändra bakgrundsbilden i ett Weebly -tema.

  • Ändra bakgrundsbilden för alla sidor
  • Ställ in olika bakgrundsbilder för olika sidor

I båda fallen måste du förbereda dina egna bakgrundsbilder som passar din webbplats mall. Du har också ett alternativ att använda Weebly bakgrundsbildredigerare.

Ändra bakgrundsbilden på din webbplats

  • Förbered en bild som passar din malldesign och navigering.
  • Logga in på ditt Weebly -konto och redigera webbplatsen där du vill ändra bakgrundsbilden.
  • I Weebly -redigeraren, gå till fliken "Design" och klicka på "Redigera HTML/CSS" -knappen.
  • Klicka på "Lägg till nya filer" under "Filer" och ladda upp din bakgrundsbild.

Olika bakgrundsbild för olika sidor i Weebly

Ändra bakgrundsbild av en Weebly -webbplats

  • Gå till “main-style.css" som finns under avsnittet “CSS”.
  • Leta reda på CSS -kroppen och ersätt den sista raden i kroppsdelen. Generellt kommer det att vara ungefär så här:
background: url(main-bg.jpg) repeat;
  • Ersätt raden med koden nedan:
background: url (Your-Background-Image-Name.jpg) repeat;
  • Om du namngav din uppladdade bakgrundsbild som image1.jpg kommer koden att se ut nedan:
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#5a5a5a; background: url(image1.jpg) repeat; }
  • Spara ditt tema och publicera webbplatsen. Öppna webbplatsen i webbläsaren för att kontrollera att bakgrundsbilden ändras till den nya bilden när du laddade upp.

Ange olika bakgrundsbilder för olika sidor på din webbplats

  • Följ samma steg i ovanstående metod för att ladda upp bildfilerna, här måste du ladda upp det antal bilder som krävs för att visas på olika sidor på din webbplats.
  • Namnge bilderna som image1.jpg, image2.jpg och så vidare.
  • Gå till fliken " Sidor " och välj den sida du vill ändra bakgrundsbilden.
  • Klicka på alternativet "Avancerade inställningar" och klistra in koden nedan i avsnittet "Rubrikkod" som visas på bilden nedan.

Olika bakgrundsbild för olika sidor i Weebly

Ändra bakgrundsbild av en Weebly -sida

  • Här är “image1.jpg” namnet på den bakgrundsbild du laddade upp.
  • Klistra in samma kod i rubrikkodavsnittet på olika sidor genom att ändra bildnamnet som "image2.jpg", "image3.jpg", etc.
  • Publicera din webbplats och olika sidor visar olika bakgrundsbilder när webbplatsen laddas i webbläsaren.

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer