Ce înseamnă elemente fixe în Tumblr?

Termenul "elemente fixe" din Tumblr se referă la orice obiect din tema Tumblr care nu se mișcă în raport cu fereastra browserului. De exemplu, tema dvs. ar putea avea o bara laterală fixă. În acest caz, bara laterală nu se mișcă când derulați pagina în jos; rămâne mereu în același loc în raport cu fereastra browserului. Elementele fixe sunt definite în codul stilului de cascadă al temei.

HTML și CSS

Toate temele Tumblr sunt definite printr-o combinație de HTML și CSS. În general, HTML controlează structura unei teme, în timp ce CSS dictează stilul acesteia. Multe site-uri web au fișiere separate HTML și CSS. Cu toate acestea, HTML și CSS ale unei teme tipice Tumblr există împreună într-un singur cod sursă unificat.

Găsirea temei CSS

Pentru a localiza codul sursă al temei, trebuie să vă conectați la contul dvs. Tumblr. Din tabloul de bord, faceți clic pe pictograma roată pentru a accesa meniul Setări. În meniul Setări, selectați blogul pe care doriți să îl vizualizați. În meniul de personalizare a blogului, dați clic pe "Personalizați" în secțiunea Tematică. Aceasta vă va duce la pagina de personalizare a temelor. Sub titlul temei, dați clic pe "Editați HTML". Acest lucru va afișa HTML și CSS-ul temei.

Poziția: proprietate fixă ​​

În cadrul codului temei, puteți apăsa "Ctrl-F" pentru a căuta articole specifice. Dacă tastați "position: fixed" în câmpul de căutare, puteți să navigați prin diferite instanțe de elemente fixe din tema dvs. În cazul în care căutarea nu produce rezultate sau mai puține decât cele așteptate, încercați să căutați "poziția: fixă" fără spațiu după colon. Elementul care este fixat va fi denumit înainte de "{" bracket. De exemplu, #sidebar {position: fixed;} ar repara un element cu ID-ul "sidebar".

Poziționarea elementelor

Odată ce metoda de poziționare a unui element a fost specificat, îl puteți deplasa de-a lungul axelor orizontale sau verticale cu un anumit număr de pixeli. Pentru a face acest lucru, specificați marginea containerului elementului și numărul de pixeli pe care doriți să îl separați de marginea respectivă. De exemplu, #sidebar {position: fixed; top: 20px; dreapta: 10px;} va poziționa bara laterală cu 20 pixeli din partea de sus a ferestrei browserului și 10 pixeli din partea dreaptă a ferestrei browserului.

Schimbarea elementelor fixe

Dacă localizați un element fix, puteți schimba modul în care este poziționat. Atributul "position: static" stabilește poziția elementului față de locul său în fluxul codului HTML. Acest atribut este utilizat pentru a compensa elementul cu o anumită valoare din poziția sa statică normală. De exemplu, #sidebar {position: relative; dreapta: 20px;} ar compensa elementul #sidebar 20 de pixeli de la marginea sa normală dreaptă. În cele din urmă, poziția: atributul absolut elimină elementul din fluxul documentelor și îl poziționează relativ la elementul care îl conține. De exemplu, dacă un element poziționat absolut este în interiorul unui element poziționat relativ, orice modificări ale poziției sale vor avea loc în raport cu elementul poziționat relativ. Puteți experimenta aceste tipuri diferite de poziționare pentru a particulariza ce elemente sunt fixate în tema dvs. Tumblr
URL:https://ro.whycomputer.com/Internet/100519347.html