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

Hur man fryser beskrivningsrutan men inte rullningssidan på Tumblr

Om ditt Tumblr -bloggtema låter beskrivningsrutan rulla ner på sidan tillsammans med dina blogginlägg, chansen är stor att du kan låsa lådan på plats. Att göra så, temat måste innehålla ett alternativ på sin CSS -sida med ett alternativ för att låsa beskrivningsrutan. Eftersom utvecklare ofta använder samma CSS -kod för alla sina teman, det är vanligtvis en god chans att det har det här alternativet. Den knepiga delen kommer i att försöka hitta vilket ord utvecklaren använde för att låsa upp den här funktionen. I många fall kan det vara så enkelt som ordet "fast, "men du kan inte vara säker på vad ordet kan vara förrän du undersöker koden.

Undersöker HTML -koden

Logga in på Tumblr och klicka på den växelformade inställningsikonen högst upp på instrumentpanelen. Välj din blogg från avsnittet Bloggar i sidofältet och klicka på "Redigera tema". Klicka på länken "Redigera HTML" under temanamnet i sidofältet. Ditt temas HTML -kod visas till vänster och en förhandsvisning av din Tumblr -blogg visas till höger.

Tryck på "Ctrl-F" på tangentbordet för att öppna sökfältet och skriv två eller tre ord exakt som de visas i din bloggs beskrivningsruta. Detta tar dig direkt till HTML -koden för dessa ord. Rulla upp tills du ser beskrivningsboxens kod, till exempel "block:Description."

Undersök raderna direkt ovanför beskrivningsrutans kod och leta efter attributet som håller beskrivningsrutan flytande, till exempel "unstuck" eller "float". Detta ord bör finnas inom en "div id" -tagg, till exempel "

."

Ersätt attributet som håller beskrivningsrutan flytande på sidan med ordet "fast, "t.ex."

. "Klicka på knappen" Förhandsgranska uppdatering ". Klicka på förhandsgranskningen till höger och försök att rulla sidan. Om det fungerar, klicka på knappen "Spara". Din beskrivningsruta förblir fast på plats medan bloggens innehåll rullar. Om detta inte fungerar, du måste undersöka CSS -koden för att hitta rätt ord.

Hitta CSS -koden

Rulla till toppen av ditt Tumblr -temas HTML -kod. Klicka på "Sök" -fältet ovanför koden och skriv "formatmall". Detta tar dig till den första förekomsten av detta ord i HTML -koden, vanligtvis inom de första 50 raderna eller så, som "rel =stylesheet." Markera URL:en precis före detta ord, börjar med "http:" och slutar med "css." Detta är webbadressen för temat CSS -sida.

Öppna en ny webbläsarflik, klistra in CSS -URL:en i adressfältet och tryck på "Enter". Först kan du se meningslösa bokstäver och siffror, men om du rullar ner på sidan, du kommer att se CSS -koden, som liknar HTML -kod. Du kan inte ändra den här koden, men du kan använda det för att hitta ordet som kan låsa beskrivningsrutan på plats.

Tryck på "Ctrl-F" och skriv ordet som används i temans HTML-kod för att hålla beskrivningsrutan flytande, som "float". När du hittar detta ord, rulla upp och ner på sidan för att undersöka koden i närheten. Leta efter det motsatta ordet som kan användas för att låsa det på plats, som "fixat, "" statisk, "eller" fastnat ".

Gå tillbaka till webbläsarfliken som visar temat HTML -kod och ersätt ordet och håll beskrivningsrutan flytande med ordet som kan hålla det fixat. Klicka på knappen "Uppdatera förhandsgranskning" och försök sedan rulla ner förhandsgranskningssidan. Om detta fungerar, klicka på knappen "Spara". Om det inte fungerar, fortsätt din jakt på rätt magiska ord.

Tips

I vissa fall, temautvecklaren kanske inte har inkluderat CSS -kod för att tillåta ett tema att ha en fast beskrivningsruta.

Varningar

Spara inte ändringar i ditt Tumblr -temas HTML -kod förrän du noggrant har granskat förhandsgranskningen. Slumpmässigt att ändra någonting i HTML -koden kan allvarligt förstöra din bloggs layout.


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

Internet
  • Så här lägger du in ett e-kort

    E-kort kan hittas på ett antal webbplatser för alla typer av semester eller tillfälle. Ibland, individer vill lägga upp dessa kort på sin egen webbplats, på en social nätverkssajt eller till och med på en blogg. För att lägga upp ett e-kort, du måste bädda in den på sidan med en inbäddningskod. Åtgä

  • 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,

  • Så här tar du bort Reblog på Tumblr

    Genom att inaktivera Reblog -knappen på din Tumblr -blogg kommer du att förhindra obehörig omfördelning av dina inlägg och öka trafiken till din sida. Webbplatsen låter dig se och redigera källkoden för ditt tema via en online -textredigerare. Du kan använda den här funktionen för att hitta koden so

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