Če ste se kdaj pomaknili po spletni strani in se element na njej ni premaknil, ste bili priča oznaki položaja CSS v akciji. Blogerji Tumblr, ki to oznako dodajo svojim predlogam, lahko ustvarijo enak učinek v svojih spletnih dnevnikih. Primerno mesto za preizkus je v stranski vrstici. Ko v kodo HTML spletnega dnevnika dodate oznako položaja, bo stranska vrstica ostala nespremenjena, ko se ljudje pomikajo po straneh vašega spletnega dnevnika gor in dol.

Obiščite nadzorno ploščo Tumblr, nato kliknite ikono nastavitev in ime spletnega dnevnika, ki ga želite posodobiti. Če imate samo en spletni dnevnik, kliknite njegovo ime.

Kliknite »Prilagodi«, nato pa »Dodan HTML«. Tumblr odpre vašo temo in prikaže njeno kodo HTML.

Kliknite kjer koli znotraj kode in pritisnite "Ctrl-A", čemur sledi "Ctrl-C", da kopirate kodo v odložišče sistema Windows. Odprite nov dokument Notepad in prilepite kodo v dokument. Ti koraki zagotavljajo varnostno kopijo izvirne predloge.

Vrnite se na kodo Tumblr HTML in pritisnite "Ctrl-F", da odprete iskalno polje. V to iskalno polje vnesite »stransko vrstico« in pritisnite »Enter«. Tumblr najde prvi pojav "stranske vrstice" in prikaže odsek kode, ki vsebuje to besedo. Koda, ki jo najde, bi morala biti podobna naslednji:

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

Prva vrstica kode vsebuje besede #wrapper #sidebar. Levi oklepaj sledi tem besedam.

Naslednjo kodo prilepite tik pod prvo vrstico kode:

položaj: fiksno; desno: 100 slikovnih pik;

Atribut position brskalnikom naroči, naj popravijo stransko vrstico, tako da se med pomikanjem ne premika. Desni atribut brskalnikom pove, koliko slikovnih pik želite, da desni rob stranske vrstice sedi od desnega roba spletne strani. V tem primeru ima pravi atribut vrednost 100 px.

Kliknite "Posodobi predogled", da si ogledate predogled sprememb. Povlecite drsnik okna navzgor in navzdol in videli boste, da se vaša stranska vrstica ne premika. Kliknite »Shrani«, da shranite spremembe.

Nasveti

Morda boste želeli preizkusiti različne vrednosti za pravi atribut, če želite prilagoditi vodoravni položaj stranske vrstice. Če na primer spremenite vrednost s 100 na 50 slikovnih pik, se bočna vrstica premakne bolj desno za 50 slikovnih pik.

Opozorila

Pri delu v urejevalniku HTML bodite previdni, saj lahko nenamerna sprememba obstoječe kode dramatično vpliva na postavitev strani. Če spremenite kodo in ne morete ugotoviti, kako razveljaviti spremembe, lahko v urejevalniku HTML vedno izbrišete vse in v urejevalnik prilepite nadomestno kodo, ki ste jo kopirali, da jo obnovite v prvotno stanje.