Fixerad bakgrund

Fixerad bakgrund som tillåter innehållet att "flyta över" sidan när man scrollar.

Tobias Frisk avatar
Skrivet av Tobias Frisk
Uppdaterad för mer än en vecka sedan

I denna hjälpguide kan du lära dig hur du skapar en fixerad bakgrund som tillåter innehållet att "flyta över" sidan när man scrollar.

(Notera att detta tyvärr inte fungerar optimalt i webbläsaren Chrome som inte tillåter fixerad bakgrund.)

 

Detta görs i 3 steg:

1. Ställa in en färg för hemsidans bakgrund (kommer att synas i sidhuvud och sidfot).

2. Ställa innehållsdelens bakgrund till transparent.

3. Ladda upp en bakgrundsbild till sektioner och ställ in bilden att vara fixerad.

Detta gör att hemsidans innehåll kommer att flyta över sektionens bakgrundsbild.

Se video för exempel:

Välj färg för hemsidans bakgrund

Steg 1: Börja med att ställa in en bakgrundsfärg för hemsidan

Färgen kommer sedan att synas längst upp och längst ner på hemsidan. Så ställ gärna in en färg som passar med hemsidans övriga färger (t. ex knappar eller liknande).

Gå in under Ändra utseende  →  Bakgrund.

 

Välj önskad bakgrundsfärg för din hemsida i sidopanelen på höger sida.

 

Välj färg för innehållsdelens bakgrund

Nästa steg är att ställa in bakgrunden för innehållsdelen till transparent så att innehållet hamnar direkt ovanpå sektionen istället.

Steg 2: Ändra innehållets bakgrund

Gå in under Ändra utseende  → Färg och detaljer.

 

Välj Innehåll och gå sedan in under Färg.

 

Ställ in färgen till transparent.

 

 

Ladda upp bakgrundsbild till sektioner

Det sista steget är att ladda upp en bakgrundsbild till sektioner.

Steg 3: Ladda upp bakgrundsbild i sektion

Gå in i sektionens inställningar och klicka på Ändra bakgrund.

 

Gå in under fliken Bild och klicka sedan på Ladda upp och ladda upp önskad bild.

 

Ställ sedan in scrollningsbeteendet till Fixerad.

 

Innehållet i sektionen kommer nu att flyta över den uppladdade bilden när man scrollar på sidan. För bäst och snyggast effekt är ett tips att lägga till en ny sektion under och som du ställer in med valfri bakgrundsfärg. Under den sektionen lägger du sedan till ytterligare en men som du ställer in med samma bakgrundsbild som den övre. Då kommer du att få samma effekt som syns i videoklippet längre upp.

Fick du svar på din fråga?