Adăugarea de coloane și rânduri suplimentare în Tumblr

Puteți edita tema dvs. Tumblr în orice mod doriți să utilizați editorul HTML Tumblr. Temele Tumblr utilizează eticheta "& div" pentru a specifica secțiunile din temă. Puteți adăuga o coloană suplimentară, cum ar fi o bara laterală, temei utilizând o combinație de coli de stil cascadă - sau cod CSS - și cod HTML. Definiți un tabel într-unul din & lt; div & gt; secțiuni, apoi adăugați rânduri utilizând funcția & lt; tr & gt; Etichete. Adăugați celule la rânduri cu & lt; td & gt; tag-uri

Definiți o coloană a barei laterale

Deschideți tabloul de bord Tumblr, apoi selectați blogul pe care doriți să îl modificați în tabloul de bord.

Faceți clic pe "Personalizare" apoi faceți clic pe "Editare HTML" pentru a deschide editorul HTML.

Definiți coloana inserând următorul cod între "& lt; style =" text /css " și "& lt; /style & gt;" în secțiunea CSS a codului temei. Puteți modela bara laterală, după cum doriți, dar codul de mai jos oferă construcția de bază pentru coloană:

. Sidebar {position: relative; stânga: 0px; top: 0px; }

Introduceți următorul cod între etichetele & lt; div id = "wrapper" & gt; și etichetele corespunzătoare & lt; /div & gt; în secțiunea corp a codului HTML unde doriți să apară coloana . Înlocuiți textul "(introduceți conținutul barei laterale aici)" cu propriul dvs. conținut.

& div class = "sidebar" & gt; ... (Introduceți conținutul barei laterale aici) ... & lt; /div & gt;

Faceți clic pe "Actualizați previzualizarea", apoi faceți clic pe "Salvați" pentru a salva modificările. Faceți clic pe "Ieșire" pentru a închide meniul Personalizați.

Definirea unui tabel cu rânduri

Deschideți codul temei în editorul HTML Tumblr, apoi localizați secțiunea & lt; div & gt; eticheta pe care o veți folosi pentru masa dvs. Creați o nouă secțiune & lt; div & gt;, dacă doriți.

Introduceți următorul cod pentru a defini noul tabel. Înlocuiți "Celula 1", "Celula 2", etc. cu conținutul dvs. Utilizați stilurile CSS pentru a formata tabelul, după cum doriți.

Faceți clic pe "Actualizare previzualizare", apoi faceți clic pe "Salvați" pentru a salva modificările. Faceți clic pe "Ieșire" pentru a închide meniul Personalizați.

Sfaturi

Cele mai multe teme Tumblr acceptă caracteristica Endless Scrolling, astfel încât nu este nevoie să adăugați rânduri temei decât dacă doriți să organizați aspectul în tabele.

Utilizați stilurile CSS pentru a personaliza aspectul coloanelor dvs. De exemplu, pentru a atribui culoarea alb ca fundal, introduceți instrucțiunea "background: #ffffff;" în codul CSS.

URL:https://ro.whycomputer.com/Internet/100519125.html