Dodavanje dodatnih stupaca i redaka na Tumblr

Možete urediti svoju Tumblr temu na bilo koji način pomoću Tumblr HTML uređivača. Tumblr teme koriste "

"Za određivanje odjeljaka u temi. Možete dodati dodatni stupac, poput bočne trake, svojoj temi pomoću kombinacije kaskadnih tabela stilova - ili CSS koda - i HTML koda. Definirajte tablicu u jednom od svojih

odjeljke, a zatim dodajte retke pomoću oznake. Dodajte stanice u retke pomoću oznake.

Definirajte stupac bočne trake

Otvorite svoju nadzornu ploču Tumblr, a zatim odaberite blog koji želite izmijeniti na nadzornoj ploči.

Kliknite "Prilagodi", a zatim "Uredi HTML" da biste otvorili HTML uređivač.

Definirajte stupac umetanjem sljedećeg koda između ""U CSS odjeljku koda teme. Možete stilizirati bočnu traku, po želji, ali donji kod pruža osnovnu konstrukciju za stupac:

.sidebar {položaj: relativan; lijevo: 0px; vrh: 0 piksela; }

Umetnite sljedeći kod između "

"I odgovarajući"

"U dijelu tijela HTML koda u kojem želite da se stupac pojavi. Zamijenite tekst "(Ovdje umetnite sadržaj bočne trake)" vlastitim sadržajem.

... (Ovdje umetnite sadržaj bočne trake) ...

Kliknite "Ažuriraj pregled", a zatim "Spremi" da biste spremili promjene. Kliknite "Izlaz" da biste zatvorili izbornik Prilagodi.

Redovima definirajte tablicu

Otvorite kod teme u HTML uređivaču Tumblr, a zatim pronađite

oznaku koju ćete koristiti za svoj stol. Stvori novi “

Odjeljak, ako želite.

Umetnite sljedeći kod za definiranje nove tablice. Zamijenite "Ćelija 1", "Ćelija 2" itd. Svojim sadržajem. Koristite CSS stilove za oblikovanje tablice po želji.

 Red 1, ćelija 1 Red 1, ćelija 2
 Red 2, ćelija 3 Red 2, ćelija 4

Kliknite "Ažuriraj pregled", a zatim "Spremi" da biste spremili promjene. Kliknite "Izlaz" da biste zatvorili izbornik Prilagodi.

Savjeti

Većina Tumblr tema podržava značajku Beskrajno pomicanje, tako da nema potrebe za dodavanjem redaka u temu ako ne želite organizirati izgled u tablicama.

Upotrijebite CSS stilove za prilagodbu izgleda i izgleda vaših stupaca. Na primjer, da biste dodijelili bijelu boju kao pozadinu, umetnite izraz "background: #ffffff;" u CSS kod.