whycomputer.com >> Datornätverk >  >> Internet

Hur man skapar ett fast sidofält på Tumblr

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.


URL:https://sv.whycomputer.com/internet/1014019141.html

Internet
  • Hur man skapar QR -kod för en PDF

    En Quick Response -kod kan vara ett kraftfullt marknadsföringsverktyg att använda när du skapar utskriftsmedier som du förväntar dig kommer att ses av personer som äger smartphones. En QR -kod är en liten fyrkantig bild som innehåller kodad text. När en smartphone -ägare tar en bild av koden, hennes

  • Hur skapar jag ett Tumblr -tema i Dreamweaver?

    Ett Tumblr -tema är sidlayouten som bestämmer utseendet på din blogg, inklusive dess färger och bilder, och du kan skapa ditt eget tema med Dreamweaver. Även om Tumblr ger dig en standardlayout för din sida, du kan skapa ett anpassat tema genom att ändra den befintliga CSS -koden (Cascading Style Sh

  • Hur man ändrar titelteckensnittet på Tumblr

    Folk på Tumblr är så seriösa med att deras användare uttrycker sig, de offrade bokstaven e från appens namn. De uppmuntrar sina användare att vara lika upprörda, exceptionellt och extraordinärt som möjligt, ger dem tillgång till den råa koden som avgör hur deras blogg kommer att se ut. Till exempel,

Datornätverk © https://sv.whycomputer.com