Cum să creezi o bara laterală fixă pe Tumblr

Pași pentru configurarea barei laterale fixe

Atunci când scroll-uiți o pagină web și un element nu se mișcă, ați observat efectul poziționării CSS position: fixed;. În blogurile Tumblr, adăugarea acestei proprietăți în template îți permite să fixezi bara laterală.

1. Accesează setările blogului

Din tabloul de bord Tumblr, click pe pictograma de setări și apoi pe numele blogului pe care vrei să-l modifici. Dacă ai un singur blog, selectează-l.

2. Deschide HTML-ul temei

Click pe Customize → Added HTML. Tumblr îți va afișa codul HTML al temei.

3. Salvează o copie de rezervă

Selectează tot codul (Ctrl‑A), copiază-l (Ctrl‑C) și lipește-l într-un fișier Notepad. Astfel vei avea un backup în caz de eroare.

4. Găsește secțiunea sidebar

În editorul HTML, apasă Ctrl‑F și caută „sidebar”. Codul găsit arată cam așa:

wrapper #sidebar { color: {color:Background}; }

5. Adaugă proprietatea CSS

Imediat sub linia precedentă, inserează:

position: fixed; right: 100px;

Prin position: fixed bara rămâne în aceeași poziție în timpul scroll-ului, iar right: 100px specifică distanța de 100px față de marginea dreaptă a paginii.

6. Previzionează și salvează

Click pe Update Preview pentru a vedea rezultatul. Trage bara de scroll și verifică că bara laterală nu se mișcă. Dacă ești mulțumit, click pe Save.

Sfaturi

Pălți să ajustezi valoarea right pentru a poziționa bara exact cum dorești. De exemplu, schimbând 100px în 50px, bara se va deplasa cu 50px spre dreapta.

Avertismente

Modificările în editorul HTML pot afecta semnificativ aspectul paginii. Dacă nu reușești să revii la starea inițială, poți șterge tot codul din editor și lipește backup-ul salvat anterior.