Čo znamenajú pevné prvky v Tumblr?

Termín „pevné prvky“ v Tumblr sa vzťahuje na akýkoľvek objekt v téme Tumblr, ktorý sa nepohybuje relatívne k oknu prehliadača. Vaša téma môže mať napríklad napríklad pevný bočný panel. V tomto prípade sa bočný panel pri posúvaní stránky dole nepohybuje; vždy zostane na rovnakom mieste vzhľadom na okno prehľadávača. Pevné prvky sú definované v kóde kaskádových štýlov vo vašom motíve.

HTML a CSS

Všetky motívy Tumblr sú definované kombináciou HTML a CSS. HTML spravidla riadi štruktúru témy, zatiaľ čo štýl CSS určuje jej štýl. Mnoho webových stránok má samostatné súbory HTML a CSS. HTML a CSS typickej témy Tumblr však existujú spolu v jednom zjednotenom zdrojovom kóde.

Hľadanie témy CSS

Ak chcete nájsť zdrojový kód témy, musíte sa prihlásiť do svojho účtu Tumblr. Na hlavnom paneli kliknite na ikonu ozubeného kolieska, čím sa dostanete do ponuky Nastavenia. V ponuke Nastavenia vyberte blog, ktorý chcete zobraziť. V ponuke prispôsobenia blogu kliknite na položku Prispôsobiť v časti Téma. Týmto sa dostanete na stránku prispôsobenia témy. Pod názvom témy kliknite na položku „Upraviť HTML“. Zobrazí sa HTML a CSS vašej témy.

Pozícia: Pevné vlastníctvo

V rámci kódu témy môžete stlačiť „Ctrl-F“ a vyhľadať konkrétne položky. Ak do vyhľadávacieho poľa napíšete „position: fixed“, môžete v téme prechádzať rôznymi inštanciami pevných prvkov. Ak vaše vyhľadávanie neprináša žiadne výsledky alebo menej, ako sa očakávalo, skúste vyhľadať výraz „position: fixed“ bez medzery za dvojbodkou. Element, ktorý je pevný, bude pomenovaný pred zátvorkou "{". Napríklad #sidebar {position: fixed;} by opravil prvok pomocou ID „bočného panela“.

Polohovanie prvkov

Po určení polohy prvku elementom zadané, môžete ho posúvať po horizontálnej alebo vertikálnej osi o určitý počet pixelov. Za týmto účelom určte okraj kontajnera prvku a počet pixelov, ktoré chcete od prvku oddeliť. Napríklad #sidebar {position: fixed; hore: 20px; right: 10px;} umiestni bočný panel 20 pixelov od horného okraja okna prehliadača a 10 pixelov zprava od okna prehliadača.

Zmena pevných prvkov

Ak nájdete pevný prvok, môžete zmeniť spôsob, akým je umiestnený. Atribút "position: static" opravuje polohu prvku vzhľadom na jeho miesto v toku kódu HTML. Tento atribút sa používa na vyrovnanie prvku o určitú hodnotu z jeho normálnej statickej polohy. Napríklad #sidebar {position: relatívny; right: 20px;} by odsunul prvok #sidebar o 20 pixelov od jeho normálneho pravého okraja. Nakoniec atribút position: absolútny odstráni prvok z toku dokumentu a umiestni ho vzhľadom na jeho prvok obsahujúci. Napríklad, ak je prvok s absolútnou polohou vo vnútri prvku s relatívnou polohou, vyskytnú sa akékoľvek zmeny jeho polohy vzhľadom na prvok s relatívnou polohou. Môžete experimentovať s týmito rôznymi typmi polohovania a prispôsobiť tak, ktoré prvky sú v téme Tumblr fixované.

• Predchádzajúca strana: Ako nastaviť Twitter na telefóne, ktorý nie je Smartphone
• Ďalšia strana: Môžu vaši pravidelní sledovatelia Tumblr vidieť súkromný blogový príspevok?