Kaip valdyti fiksuotus elementus Tumblr temoje

„Fiksuoti elementai“ Tumblr temoje – tai bet kuris objektas, kuris nejudėja kartu su puslapio slinkimu, bet lieka pastovioje vietoje naršyklės lange. Dažniausiai tai būna šoninė juosta arba meniu, kurie išlieka matomi net, kai vartotojas slenka žemyn.

HTML ir CSS Tumblr temose

Tumblr temų struktūrą valdo HTML, o jų išvaizdą – CSS. Skirtingai nuo daugelio svetainių, kur HTML ir CSS saugomi atskiruose failuose, Tumblr tema dažniausiai susideda iš vieno sujungto kodo, kuriame abu kalbos elementai yra kartu.

Kaip pasiekti temos CSS kodą

1. Prisijunkite prie savo Tumblr paskyros.
2. Skydelyje spustelėkite pavarų ikoną ir eikite į Nustatymus.
3. Pasirinkite norimą tinklaraštį.
4. Skiltyje Temos spustelėkite Keisti (Customize).
5. Atsidarys temų redagavimo puslapis – spustelėkite Redaguoti HTML. Čia matysite visas temos HTML ir CSS eilutes.

„position: fixed“ savybė

Kode galite naudoti „Ctrl + F“ paiešką ir įvesti position: fixed. Tai parodys visas vietas, kuriose elementai yra fiksuoti. Jei nieko nerandate, pabandykite position:fixed (be tarpo po dvitaškio). Fiksuotas elementas paprastai yra apibrėžtas prieš „{“ ženklą, pvz., #sidebar{position:fixed;} – fiksuotas elementas su ID sidebar.

Fiksuotų elementų pozicionavimas

Po to, kai elementas yra fiksuotas, jo vietą galite koreguoti nurodydami atstumą nuo kraštų. Pavyzdžiui:

#sidebar{position:fixed; top:20px; right:10px;}

Ši taisyklė pastatys šoninę juostą 20 px nuo naršyklės viršaus ir 10 px nuo dešiniojo krašto.

Fiksuotų elementų keitimas

Norėdami pašalinti fiksavimą, galite naudoti kitą pozicionavimo tipą:

• position: static – elementas lieka natūralioje HTML srauto vietoje.
• position: relative – elementas išlieka srauto dalyje, bet gali būti perkeltas nuo savo pradinės vietos (pvz., #sidebar{position:relative; right:20px;}).
• position: absolute – elementas pašalinamas iš srauto ir pozicionuojamas pagal artimiausią tėvinį elementą, kuris turi position:relative arba position:absolute.

Išbandykite skirtingus variantus, kad nustatytumėte, kurie elementai turėtų būti fiksuoti, o kurie – judėti kartu su turiniu.