Om du någonsin har rullat ner en webbsida och ett objekt på den inte rörde sig, du har bevittnat CSS -positionstaggen i aktion. Tumblr -bloggare som lägger till den här taggen i sina mallar kan skapa samma effekt i sina bloggar. Ett bra ställe att prova detta på är i sidofältet. När du har lagt till en positionstagg i bloggens HTML -kod, ditt sidofält förblir fast när folk rullar upp och ner på dina bloggsidor.

Besök din Tumblr -instrumentpanel, klicka sedan på inställningsikonen och namnet på den blogg du vill uppdatera. Om du bara har en blogg, klicka på dess namn.

Klicka på "Anpassa" följt av "Tillagd HTML". Tumblr öppnar ditt tema och visar dess HTML -kod.

Klicka var som helst inuti koden och tryck på "Ctrl-A" följt av "Ctrl-C" för att kopiera koden till Windows urklipp. Öppna ett nytt anteckningsblock och klistra in koden i dokumentet. Dessa steg säkerställer att du har en säkerhetskopia av din ursprungliga mall.

Återgå till Tumblr HTML-kod och tryck på "Ctrl-F" för att öppna en sökruta. Skriv "sidofält" i sökrutan, tryck sedan på "Enter". Tumblr hittar den första förekomsten av "sidofält" och visar den kodavsnitt som innehåller det ordet. Koden som den hittar ska se ut som följande:

wrapper #sidebar {color:{color:Background}; }

Den första kodraden innehåller orden #wrapper #sidebar. En vänster parentes följer dessa ord.

Klistra in följande kod omedelbart under den första kodraden:

position:fast; höger:100px;

Positionattributet instruerar webbläsare att fixa sidofältet så att det inte rör sig när du rullar. Det högra attributet berättar för webbläsare hur många pixlar du vill att sidofältets högra kant ska sitta från webbsidans högra marginal. I det här exemplet, det högra attributet har ett värde på 100px.

Klicka på "Förhandsgranska uppdatering" för att se en förhandsgranskning av dina ändringar. Dra fönsterets rullningslist upp och ner så ser du att sidofältet inte rör sig. Klicka på "Spara" för att spara dina ändringar.

Tips

Du kanske vill experimentera med olika värden för rätt attribut om du vill justera sidofältets horisontella position. Till exempel, om du ändrar värdet från 100px till 50px, sidofältet rör sig längre till höger med 50 pixlar.

Varningar

Var försiktig när du arbetar i HTML -redigeraren, eftersom oavsiktlig ändring av befintlig kod kan ha dramatiska effekter på layouten på din sida. Om du ändrar koden och du inte kan ta reda på hur du ångrar dina ändringar, du kan alltid ta bort allt i HTML -redigeraren och klistra in säkerhetskopian som du kopierade i redigeraren för att återställa det till sitt ursprungliga skick.