Terminas „fiksuoti elementai“ „Tumblr“ reiškia bet kurį „Tumblr“ temos objektą, kuris nejuda, palyginti su naršyklės langu. Pavyzdžiui, jūsų temoje gali būti pataisyta šoninė juosta. Tokiu atveju šoninė juosta nejuda, kai slenkate žemyn; jis visada lieka toje pačioje vietoje, palyginti su naršyklės langu. Fiksuoti elementai yra apibrėžti jūsų temos „Kaskadinių stiliaus lentelių“ kode.
HTML ir CSS
Visas „Tumblr“ temas apibrėžia HTML ir CSS derinys. Apskritai HTML valdo temos struktūrą, o CSS - jos stilių. Daugelyje svetainių yra atskiri HTML ir CSS failai. Tačiau tipiškos „Tumblr“ temos HTML ir CSS egzistuoja kartu vieningame šaltinio kode.
Kaip rasti savo temą CSS
Norėdami rasti temos šaltinio kodą, turite prisijungti prie „Tumblr“ paskyros. Informacijos suvestinėje spustelėkite krumpliaračio piktogramą, kad pasiektumėte meniu „Nustatymai“. Meniu Nustatymai pasirinkite tinklaraštį, kurį norite peržiūrėti. Tinklaraščio tinkinimo meniu dalyje „Tema“ spustelėkite „Tinkinti“. Tai pateks į temos tinkinimo puslapį. Po temos pavadinimu spustelėkite „Redaguoti HTML“. Tai parodys jūsų temos HTML ir CSS.
Pareigos: ilgalaikis turtas
Temos kode galite paspausti „Ctrl-F“, kad galėtumėte ieškoti konkrečių elementų. Jei į paieškos lauką įrašote „position: fixed“, galite peržiūrėti įvairius fiksuotų elementų egzempliorius savo temoje. Jei jūsų paieška nerodo rezultatų arba yra mažiau nei tikėtasi, pabandykite ieškoti „pozicija: pataisyta“ be tarpo po dvitaškio. Fiksuotas elementas bus pavadintas prieš skliaustą „{“. Pavyzdžiui, #sidebar {position: fixed;} taisytų elementą su „šoninės juostos“ ID.
Elementų išdėstymas
Nurodžius elemento padėties nustatymo metodą, jį galite perkelti tam tikru taškų skaičiumi išilgai horizontalios arba vertikalios ašies. Norėdami tai padaryti, nurodykite elemento konteinerio kraštą ir taškų skaičių, kurį norite atskirti elementą nuo to krašto. Pavyzdžiui, #sidebar {position: fixed; viršuje: 20 taškų; dešinėje: 10 taškų;} šoninė juosta bus išdėstyta 20 taškų nuo naršyklės lango viršaus ir 10 taškų nuo naršyklės lango dešinės.
Fiksuotų elementų keitimas
Jei nustatote fiksuotą elementą, galite pakeisti jo išdėstymo būdą. Atributas „position: static“ nustato elemento padėtį, palyginti su jo vieta HTML kodo sraute. Šis atributas naudojamas tam, kad elementas būtų atsvertas tam tikra suma nuo jo įprastos statinės padėties. Pavyzdžiui, #sidebar {pozicija: santykinis; right: 20px;} atsvertų #sidebar elementą 20 taškų nuo įprasto dešiniojo krašto. Galiausiai, pozicija: absoliutus atributas pašalina elementą iš dokumento srauto ir padeda jį, palyginti su jį turinčiu elementu. Pavyzdžiui, jei absoliučiai išdėstytas elementas yra santykinai išdėstyto elemento viduje, bet kokie jo padėties pokyčiai įvyks santykinai išdėstyto elemento atžvilgiu. Galite eksperimentuoti su šiais skirtingais padėties nustatymo tipais, kad pritaikytumėte, kokie elementai yra fiksuoti jūsų „Tumblr“ temoje.
