Tutorial: Sidebar fixieren

Ich hatte jetzt mal Lust ein Tutorial zu machen, da mir zur Zeit nicht einfällt was ich posten könnte.

Es haben einige gefragt, ob ich weiß wie man die Sidebar "fixiert", also, dass sie beim runterscrollen sich nicht bewegt und dazu mach ich jetzt ein Tutorial :)

Gleich im Vorraus: Die Sidebar darf nicht länger als der Bildschirm sein!

 Schritt 1:

Als erstes geht ihr auf Design und dann auf HTML bearbeiten.

Schritt 2:

Dort sucht ihr dann nach:

]]></b:skin>

Das sollte dann ungefähr so aussehen wie bei mir.

Um die "Suchleiste" (unten rot umrandet auf dem Bild) zu bekommen, drückt ihr Strg + F dann findet ihr die Stelle schneller ;)

Schritt 3:

Wenn ihr eure Sidebar auf der linken Seite habt, dann fügt ihr das hier (vor ]]></b:skin>) ein:

}#sidebar-left-1{position:fixed;}

Wenn ihr eure Sidebar auf der rechten Seite habt, dann fügt ihr das hier (vor ]]></b:skin>) ein:

}#sidebar-right-1{position:fixed;}

Und wenn ihr links und rechts eine habt fügt ihr beide einfach so ein:

}#sidebar-right-1{position:fixed;}
}#sidebar-left-1{position:fixed;}

und dann einfach auf " Vorlage speichern" und fertig :)