Vad betyder fasta element i Tumblr?

Termen "fasta element" i Tumblr avser alla objekt i ditt Tumblr -tema som inte rör sig i förhållande till webbläsarfönstret. Till exempel, ditt tema kan ha en sidofält som är fixat. I detta fall, sidofältet rör sig inte när du rullar ner på sidan; det stannar alltid på samma plats i förhållande till webbläsarfönstret. Fasta element definieras i ditt temas kaskadstilarkskod.

HTML och CSS

Alla Tumblr -teman definieras av en kombination av HTML och CSS. I allmänhet, HTML styr strukturen för ett tema, medan CSS dikterar sin stil. Många webbplatser har separata HTML- och CSS -filer. Dock, HTML och CSS för ett typiskt Tumblr -tema finns tillsammans i en enhetlig källkod.

Hitta ditt tema CSS

För att hitta ditt temas källkod, du måste logga in på ditt Tumblr -konto. Från din instrumentpanel, klicka på kugghjulsikonen för att komma till menyn Inställningar. I menyn Inställningar, välj den blogg du vill se. I bloggens anpassningsmeny, klicka på "Anpassa" i temasektionen. Detta tar dig till temans anpassningssida. Under ditt temas titel, klicka på "Redigera HTML". Detta visar ditt temas HTML och CSS.

Positionen:Fast egendom

Inom ditt temas kod, Du kan trycka på "Ctrl-F" för att söka efter specifika objekt. Om du skriver "position:fast" i sökfältet, du kan bläddra igenom olika instanser av fasta element i ditt tema. Om din sökning inte ger några resultat eller färre än väntat, försök att söka efter "position:fast" utan utrymme efter kolon. Elementet som är fixat kommer att namnges före "{" -fästet. Till exempel skulle #sidebar {position:fast;} fixa ett element med "sidofält" -ID.

Placera elementen

När ett element placeringsmetod har specificerats, du kan flytta den längs de horisontella eller vertikala axlarna med ett visst antal pixlar. För att göra detta, ange kanten på elementets behållare och antalet pixlar du vill skilja elementet från den kanten. Till exempel, #sidebar {position:fast; topp:20px; höger:10px;} placerar sidofältet 20 pixlar från toppen av webbläsarfönstret och 10 pixlar från höger om webbläsarfönstret.

Ändra fasta element

Om du hittar ett fast element, du kan ändra sättet på vilket den är placerad. Attributet "position:statisk" fixar elementpositionen relativt dess plats i flödet av HTML -koden. Detta attribut används för att kompensera elementet med en viss mängd från dess normala statiska position. Till exempel, #sidebar {position:relativ; höger:20px;} skulle kompensera #sidebar -elementet 20 pixlar från dess normala högra kant. Slutligen, positionen:absolut attribut tar bort elementet från dokumentflödet och placerar det i förhållande till dess innehållande element. Till exempel, om ett absolut positionerat element är inuti ett relativt positionerat element, alla ändringar av dess position kommer att ske i förhållande till det relativt positionerade elementet. Du kan experimentera med dessa olika positioneringstyper för att anpassa vilka element som är fixade i ditt Tumblr -tema.