Termen "fasta element" i Tumblr hänvisar till något objekt i ditt Tumblr-tema som inte rör sig i förhållande till webbläsarfönstret. Till exempel kan ditt tema ha ett sidofält som är fixat. I det här fallet rör sig inte sidofältet när du rullar ner på sidan. den förblir alltid på samma plats i förhållande till webbläsarfönstret. Fasta element definieras i ditt temas Cascading Style Sheets-kod.
HTML och CSS
Alla Tumblr-teman definieras av en kombination av HTML och CSS. I allmänhet styr HTML strukturen för ett tema, medan CSS dikterar dess stil. Många webbplatser har separata HTML- och CSS-filer. HTML och CSS för ett typiskt Tumblr-tema finns dock tillsammans i en enhetlig källkod.
Hitta ditt tema CSS
För att hitta ditt temas källkod måste du logga in på ditt Tumblr-konto. Klicka på kugghjulsikonen på instrumentpanelen för att komma till menyn Inställningar. Välj den blogg du vill visa i menyn Inställningar. I blogganpassningsmenyn klickar du på "Anpassa" i avsnittet Tema. Detta tar dig till teman anpassningssidan. Klicka på "Redigera HTML" under ditt temas titel. Detta visar ditt temas HTML och CSS.
Positionen: fast egendom
Inom temakoden kan du trycka på "Ctrl-F" för att söka efter specifika objekt. Om du skriver "position: fixed" i sökfältet kan du bläddra igenom olika instanser av fasta element i ditt tema. Om din sökning inte ger resultat eller färre än förväntat, försök att söka efter "position: fixed" utan utrymme efter kolon. Elementet som är fixat kommer att namnges före parentes "{". Till exempel skulle #sidebar {position: fixed;} fixa ett element med "sidofält" ID.
Placera elementen
När ett element har positionerats har du flyttat det 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 som du vill separera elementet från den kanten. Till exempel # sidofält {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 kan du ändra sättet det placeras på. Attributet "position: static" fixar elementpositionen i förhållande till 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 # sidofält {position: relativ; höger: 20px;} skulle kompensera #sidebar-elementet 20 pixlar från sin normala högra kant. Slutligen tar attributet position: absolute bort elementet från dokumentflödet och placerar det relativt det innehållande elementet. Till exempel, om ett absolut positionerat element är inuti ett relativt placerat element kommer alla ändringar av dess position att inträffa relativt det relativt placerade elementet. Du kan experimentera med dessa olika positioneringstyper för att anpassa vilka element som är fasta i ditt Tumblr-tema.
