Ce înseamnă elementele fixe în Tumblr?

În Tumblr, termenul "elemente fixe" se referă la orice obiect din tema dvs. care nu se mișcă în raport cu fereastra browserului. De exemplu, o bară laterală fixă rămâne în același loc atunci când derulați pagina.

HTML și CSS

Toate temele Tumblr sunt compuse din HTML și CSS. În general, HTML stabilește structura, iar CSS definește stilul. În timp ce multe site-uri au fișiere separate, tema tipică Tumblr conține ambele în același fișier de cod.

Căutarea CSS-ului temei

Pentru a găsi codul sursă al temei, conectați-vă la contul Tumblr. Din tabloul de bord, dați clic pe pictograma cu rotiță pentru a accesa meniul Setări. Alegeți blogul dorit, apoi în secțiunea Tema, dați clic pe "Personalizează". Veți ajunge la pagina de personalizare a temei. Sub titlul temei, dați clic pe "Editați HTML" pentru a vedea codul HTML și CSS.

Proprietatea "position: fixed"

În codul temei, utilizați "Ctrl‑F" pentru a căuta elemente fixe. Căutați "position: fixed" (sau "position:fixed" fără spațiu). Elementul fixat apare înainte de acolada „{“. De exemplu, #sidebar{position:fixed;} fixează bara laterală.

Poziționarea elementelor

Odată ce ați definit modul de poziționare, puteți ajusta poziția pe axele orizontală și verticală specificând distanța în pixeli față de marginea containerului. De exemplu, #sidebar{position:fixed; top:20px; right:10px;} poziționează bara laterală la 20px de sus și 10px de dreapta fereastra browserului.

Modificarea elementelor fixe

Dacă localizați un element fix, îl puteți repositiona. Proprietatea "position: static" îl plasează în fluxul normal al paginii, iar "position: relative" îl deplasează față de poziția sa inițială. Proprietatea "position: absolute" îl scoate din flux și îl poziționează relativ la elementul părinte. Experimentați cu aceste tipuri pentru a personaliza elementele fixe din tema dvs. Tumblr.