Dodajanje dodatnih stolpcev in vrstic na Tumblr

Temo Tumblr lahko urejate na kakršen koli način z uporabo urejevalnika HTML Tumblr. Tumblr teme uporabljajo "

Za označevanje odsekov v temi. Temi lahko dodate dodaten stolpec, na primer stransko vrstico, s kombinacijo kaskadnih slogovnih listov - ali kode CSS - in kode HTML. Določite tabelo v enem od svojih
, nato dodajte vrstice z uporabo oznake. V vrstice dodajte celice z oznake.

Določite stolpec stranske vrstice

Odprite nadzorno ploščo Tumblr, nato izberite spletni dnevnik, ki ga želite spremeniti na nadzorni plošči.

Kliknite »Prilagodi« in nato »Uredi HTML«, da odprete urejevalnik HTML.

Določite stolpec z vstavitvijo naslednje kode med "«V razdelku CSS kode teme. Stransko vrstico lahko po želji oblikujete, vendar spodnja koda vsebuje osnovno konstrukcijo stolpca:

.sidebar {položaj: relativni; levo: 0px; zgoraj: 0px; }

Vstavite naslednjo kodo med „

"In ustrezni"
«V razdelku telesa kode HTML, kjer želite, da se stolpec prikaže. Besedilo »(Tu vstavite vsebino stranske vrstice)« zamenjajte z lastno vsebino.

... (sem vstavite vsebino stranske vrstice) ...

Kliknite »Posodobi predogled« in nato »Shrani«, da shranite spremembe. Kliknite »Izhod«, da zaprete meni Prilagodi.

Določite tabelo z vrsticami

Odprite kodo teme v urejevalniku HTML Tumblr in poiščite

oznako, ki jo boste uporabili za tabelo. Ustvari novo
", Če želite.

Vnesite naslednjo kodo, da določite novo tabelo. Zamenjajte »Cell 1«, »Cell 2« itd. Z vašo vsebino. Uporabite sloge CSS za formatiranje tabele, kot želite.

Vrstica 1, celica 1Vrstica 1, celica 2
Vrstica 2, celica 3Vrstica 2, celica 4

Kliknite »Posodobi predogled« in nato »Shrani«, da shranite spremembe. Kliknite »Izhod«, da zaprete meni Prilagodi.

Nasveti

Večina tem Tumblr podpira funkcijo neskončnega drsenja, zato v temo ni treba dodajati vrstic, razen če želite razporeditev urediti v tabelah.

S slogi CSS prilagodite videz in videz stolpcev. Če želite na primer za ozadje dodeliti belo barvo, vstavite stavek "background: #ffffff;" v kodo CSS.