Översikt
I Gamla Sitebuildern kan du skapa en effekt där bakgrundsbilden ligger kvar medan innehållet rör sig över den när besökaren scrollar på sidan.
För att skapa effekten behöver du göra tre inställningar:
Välja en bakgrundsfärg för hemsidan.
Göra innehållsdelens bakgrund transparent.
Lägga till en bakgrundsbild i en sektion och ställa in den som fixerad.
Observera: Funktionen fungerar tyvärr inte optimalt i Chrome, eftersom webbläsaren inte tillåter fixerad bakgrund.
Steg 1: Välj bakgrundsfärg för hemsidan
Bakgrundsfärgen kommer att synas längst upp och längst ner på hemsidan, i sidhuvudet och sidfoten. Välj därför en färg som passar med hemsidans övriga färger, exempelvis knapparna.
Gå till Ändra utseende → Bakgrund.
Välj önskad bakgrundsfärg i sidopanelen till höger.
Steg 2: Gör innehållsdelens bakgrund transparent
För att innehållet ska visas direkt ovanpå sektionens bakgrundsbild behöver innehållsdelens bakgrund vara transparent.
Gå till Ändra utseende → Färg och detaljer.
Välj Innehåll.
Öppna Färg.
Ställ in färgen på Transparent.
Steg 3: Lägg till en fixerad bakgrundsbild i en sektion
Öppna sektionens inställningar.
Klicka på Ändra bakgrund.
Gå till fliken Bild.
Klicka på Ladda upp och välj den bild du vill använda.
Ställ in scrollningsbeteendet på Fixerad.
Nu ligger bakgrundsbilden kvar medan innehållet i sektionen flyter över den när besökaren scrollar på sidan.
Tips för en snyggare effekt
För att skapa en effekt som liknar exemplet i källartikeln kan du använda flera sektioner efter varandra:
Lägg till en sektion med en bakgrundsfärg.
Lägg till ytterligare en sektion med samma bakgrundsbild som den första sektionen med fixerad bakgrund.
Upprepa upplägget för att skapa en sammanhängande visuell effekt när besökaren scrollar.
Relaterade artiklar
Sammanfattning
För att skapa en fixerad bakgrund går du till Ändra utseende → Bakgrund och väljer en bakgrundsfärg. Gör sedan innehållsdelens bakgrund transparent under Färg och detaljer → Innehåll → Färg. Avsluta med att ladda upp en bild under sektionens Ändra bakgrund → Bild och välja scrollningsbeteendet Fixerad.
Tänk på att effekten inte fungerar optimalt i Chrome.