Udtrykket "faste elementer" i Tumblr henviser til ethvert objekt i dit Tumblr-tema, der ikke bevæger sig i forhold til browservinduet. For eksempel kan dit tema have et sidebjælke, der er rettet. I dette tilfælde bevæger sidebjælken sig ikke, når du ruller ned på siden; det forbliver altid det samme sted i forhold til browservinduet. Faste elementer er defineret i dit temas Cascading Style Sheets-kode.
HTML og CSS
Alle Tumblr-temaer er defineret af en kombination af HTML og CSS. Generelt styrer HTML strukturen på et tema, mens CSS dikterer dets stil. Mange websteder har separate HTML- og CSS-filer. HTML og CSS for et typisk Tumblr-tema findes dog sammen i en samlet kildekode.
Find dit tema CSS
For at finde dit temas kildekode skal du logge på din Tumblr-konto. Klik på tandhjulsikonet på dit dashboard for at få adgang til menuen Indstillinger. I menuen Indstillinger skal du vælge den blog, du vil se. I blogtilpasningsmenuen skal du klikke på "Tilpas" i sektionen Tema. Dette fører dig til temaet tilpasningsside. Klik på "Rediger HTML" under titlen på dit tema. Dette viser dit temas HTML og CSS.
Stillingen: Fast ejendom
Inden for dit temas kode kan du trykke på "Ctrl-F" for at søge efter bestemte emner. Hvis du skriver "position: fixed" i søgefeltet, kan du cykle gennem forskellige forekomster af faste elementer i dit tema. Hvis din søgning ikke giver nogen resultater eller færre end forventet, kan du prøve at søge efter "position: fixed" uden plads efter kolon. Elementet, der er rettet, vil blive navngivet før parentes "{". For eksempel vil #sidebar {position: fixed;} rette et element med "sidebar" ID.
Placering af elementerne
Når et elements metode til positionering er blevet specificeret, kan du flytte det langs de vandrette eller lodrette akser med et bestemt antal pixels. For at gøre dette skal du angive kanten på elementets container og antallet af pixels, du vil adskille elementet fra den kant. For eksempel # sidebjælke {position: fast; top: 20px; højre: 10px;} placerer sidepanelet 20 pixels fra toppen af browservinduet og 10 pixels fra højre for browservinduet.
Ændring af faste elementer
Hvis du finder et fast element, kan du ændre den måde, det placeres på. Attributten "position: static" løser elementets position i forhold til dens placering i strømmen af HTML-koden. Denne attribut bruges til at udligne elementet med et bestemt beløb fra dets normale statiske position. For eksempel # sidebjælke {position: relativ; right: 20px;} ville udligne # sidebjælkelementet 20 pixels fra sin normale højre kant. Endelig fjerner attributten position: absolut elementet fra dokumentstrømmen og placerer det i forhold til dets indeholdende element. For eksempel, hvis et absolut positioneret element er inden i et relativt placeret element, vil eventuelle ændringer i dets position forekomme i forhold til det relative placerede element. Du kan eksperimentere med disse forskellige positioneringstyper for at tilpasse, hvilke elementer der er rettet i dit Tumblr-tema.
