Izraz "fiksni elementi" v Tumblr se nanaša na kateri koli predmet v vaši temi Tumblr, ki se ne premakne glede na okno brskalnika. Na primer, vaša tema ima lahko stransko vrstico, ki je popravljena. V tem primeru se stranska vrstica ne pomakne, ko se pomaknete navzdol po strani; vedno ostane na istem mestu glede na okno brskalnika. Fiksni elementi so definirani v kodi kaskadnih slogov vaše teme.
HTML in CSS
Vse teme Tumblr so definirane s kombinacijo HTML in CSS. HTML na splošno nadzoruje strukturo teme, medtem ko CSS narekuje njen slog. Številna spletna mesta imajo ločene datoteke HTML in CSS. Vendar pa HTML in CSS tipične teme Tumblr obstajata skupaj v eni poenoteni izvorni kodi.
Iskanje teme CSS
Če želite poiskati izvorno kodo teme, se morate prijaviti v svoj račun Tumblr. Na nadzorni plošči kliknite ikono zobnika, da odprete meni Nastavitve. V meniju Nastavitve izberite spletni dnevnik, ki si ga želite ogledati. V meniju za prilagajanje bloga v razdelku Tema kliknite »Prilagodi«. To vas bo pripeljalo do strani za prilagajanje teme. Pod naslovom teme kliknite »Uredi HTML«. To bo prikazalo HTML in CSS vaše teme.
Položaj: nepremičnina
Znotraj kode teme lahko za iskanje določenih elementov pritisnete "Ctrl-F". Če v iskalno polje vtipkate "position: fixed", lahko v svoji temi krožite po različnih primerkih fiksnih elementov. Če vaše iskanje ne vrne nobenega rezultata ali manj, kot je bilo pričakovano, poskusite poiskati "position: fixed" brez presledka za dvopičjem. Element, ki je fiksiran, bo poimenovan pred oklepajem "{". Na primer #sidebar {position: fixed;} bi popravil element z ID-jem "stranske vrstice".
Pozicioniranje elementov
Ko je določen način pozicioniranja elementa, ga lahko premikate vzdolž vodoravne ali navpične osi za določeno število slikovnih pik. Če želite to narediti, določite rob vsebnika elementa in število slikovnih pik, ki jih želite ločiti od tega roba. Na primer, #sidebar {position: fixed; zgoraj: 20 slikovnih pik; desno: 10 slikovnih pik;} bo bočno vrstico postavil 20 pik od vrha okna brskalnika in 10 slikovnih pik od desne strani okna brskalnika.
Spreminjanje fiksnih elementov
Če najdete fiksni element, lahko spremenite način njegove postavitve. Atribut "position: static" popravi položaj elementa glede na njegovo mesto v toku kode HTML. Ta atribut se uporablja za odmik elementa za določeno količino od njegovega običajnega statičnega položaja. Na primer, #sidebar {position: relative; desno: 20px;} bi odmikal element #sidebar za 20 slikovnih pik od njegove običajne desne meje. Na koncu atribut position: absolute odstrani element iz toka dokumenta in ga postavi glede na element, ki ga vsebuje. Če je na primer absolutno pozicioniran element znotraj relacijsko postavljenega elementa, se pojavijo kakršne koli spremembe njegovega položaja glede na relativno pozicioniran element. Lahko eksperimentirate s temi različnimi vrstami pozicioniranja, da prilagodite, kateri elementi so določeni v vaši temi Tumblr.
