Izraz "fiksni elementi" u Tumblru odnosi se na bilo koji objekt u vašoj Tumblr temi koji se ne pomiče u odnosu na prozor preglednika. Na primjer, vaša tema može imati fiksnu bočnu traku. U tom se slučaju bočna traka ne pomiče kad se pomičete prema dolje po stranici; uvijek ostaje na istom mjestu u odnosu na prozor preglednika. Fiksni elementi definirani su u kodu Cascading Style Sheets vaše teme.
HTML i CSS
Sve Tumblr teme definirane su kombinacijom HTML-a i CSS-a. Općenito, HTML kontrolira strukturu teme, dok CSS diktira njezin stil. Mnoge web stranice imaju zasebne HTML i CSS datoteke. Međutim, HTML i CSS tipične Tumblr teme postoje zajedno u jednom objedinjenom izvornom kodu.
Pronalaženje vaše teme CSS
Da biste pronašli izvorni kod svoje teme, morate se prijaviti na svoj Tumblr račun. Na nadzornoj ploči kliknite ikonu zupčanika da biste pristupili izborniku Postavke. U izborniku Postavke odaberite blog koji želite pregledati. U izborniku za prilagodbu bloga kliknite "Prilagodi" u odjeljku Tema. Ovo će vas odvesti na stranicu za prilagodbu teme. Pod naslovom teme kliknite "Uredi HTML". Ovo će prikazati HTML i CSS vaše teme.
Položaj: Fiksno vlasništvo
Unutar koda teme možete pritisnuti "Ctrl-F" da biste pretražili određene stavke. Ako u polje za pretraživanje upišete "position: fixed", možete kružiti kroz različite instance fiksnih elemenata u svojoj temi. Ako vaše pretraživanje ne rezultira rezultatima ili manje od očekivanog, pokušajte potražiti "position: fixed" bez razmaka nakon dvotočke. Element koji je fiksiran bit će imenovan ispred zagrade "{". Na primjer #sidebar {position: fixed;} popravio bi element s ID-om "bočne trake".
Pozicioniranje elemenata
Nakon što se odredi metoda pozicioniranja elementa, možete ga pomicati duž vodoravne ili okomite osi za određeni broj piksela. Da biste to učinili, navedite rub spremnika elementa i broj piksela koji želite odvojiti element od tog ruba. Na primjer, #sidebar {position: fixed; vrh: 20 piksela; desno: 10px;} postavit će bočnu traku 20 piksela od vrha prozora preglednika i 10 piksela s desne strane prozora preglednika.
Promjena fiksnih elemenata
Ako locirate fiksni element, možete promijeniti način na koji je postavljen. Atribut "position: static" popravlja položaj elementa u odnosu na njegovo mjesto u tijeku HTML koda. Ovaj se atribut koristi za pomak elementa za određenu količinu iz njegovog uobičajenog statičkog položaja. Na primjer, #sidebar {pozicija: relativna; desno: 20px;} pomaknuo bi element #sidebar 20 piksela od njegove normalne desne granice. Na kraju, atribut position: absolute uklanja element iz toka dokumenta i postavlja ga u odnosu na njegov element koji sadrži. Na primjer, ako se element s apsolutnim položajem nalazi unutar relativno pozicioniranog elementa, dogodit će se sve promjene njegovog položaja u odnosu na element s relativnim položajem. Možete eksperimentirati s ovim različitim vrstama pozicioniranja kako biste prilagodili koji su elementi fiksni u vašoj Tumblr temi.
