Kaip sukurti fiksuotą šoninę juostą

Jei kada nors slinkote žemyn tinklalapiu ir jame esantis elementas nejudėjo, matėte CSS pozicijos žymą. „Tumblr“ tinklaraštininkai, pridėję šią žymą prie savo šablonų, gali sukurti tą patį efektą savo tinklaraščiuose. Tinkama vieta tai išbandyti yra šoninėje juostoje. Pridėjus pozicijos žymą prie savo tinklaraščio HTML kodo, šoninė juosta lieka fiksuota, kai žmonės slenka aukštyn ir žemyn jūsų tinklaraščio puslapiuose.

Apsilankykite „Tumblr“ informacijos suvestinėje, tada spustelėkite nustatymų piktogramą ir tinklaraščio, kurį norite atnaujinti, pavadinimą. Jei turite tik vieną tinklaraštį, spustelėkite jo pavadinimą.

Spustelėkite „Tinkinti“, tada - „Pridėtas HTML“. „Tumblr“ atidaro jūsų temą ir parodo jos HTML kodą.

Spustelėkite bet kurią kodo vietą ir paspauskite „Ctrl-A“, po to „Ctrl-C“, kad nukopijuotumėte kodą į „Windows“ iškarpinę. Atidarykite naują „Notepad“ dokumentą ir įklijuokite kodą į dokumentą. Šie veiksmai užtikrina, kad turite originalo šablono atsarginę kopiją.

Grįžkite į „Tumblr“ HTML kodą ir paspauskite „Ctrl-F“, kad atidarytumėte paieškos laukelį. Tame paieškos laukelyje įveskite „šoninė juosta“, tada paspauskite „Enter“. „Tumblr“ suranda pirmą „šoninės juostos“ atvejį ir parodo kodo sekciją, kurioje yra tas žodis. Rastas kodas turėtų atrodyti panašiai kaip šis:

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

Pirmoje kodo eilutėje yra žodžiai #wrapper #sidebar. Kairysis skliaustas seka tuos žodžius.

Įklijuokite šį kodą iškart po pirmąja kodo eilute:

padėtis: fiksuota; dešinėje: 100 taškų;

Padėties atributas nurodo naršyklėms pataisyti šoninę juostą, kad slinkdami ji nejudėtų. Tinkamas atributas nurodo naršyklėms, kiek pikselių norite, kad šoninės juostos dešinysis kraštas sėdėtų nuo tinklalapio dešiniojo paraštės. Šiame pavyzdyje tinkamo atributo vertė yra 100 taškų.

Spustelėkite „Atnaujinti peržiūrą“, kad peržiūrėtumėte pakeitimų peržiūrą. Vilkite lango slinkties juostą aukštyn ir žemyn ir pamatysite, kad šoninė juosta nejuda. Spustelėkite „Išsaugoti“, kad išsaugotumėte pakeitimus.

Patarimai

Jei norite pakoreguoti šoninės juostos horizontalią padėtį, galite eksperimentuoti su skirtingomis tinkamo atributo reikšmėmis. Pavyzdžiui, jei pakeisite vertę iš 100 taškų į 50 taškų, šoninė juosta pasislenks toliau į dešinę 50 taškų.

Įspėjimai

Būkite atsargūs dirbdami HTML redaktoriuje, nes atsitiktinis esamo kodo pakeitimas gali turėti didžiulį poveikį jūsų puslapio maketui. Jei pakeisite kodą ir negalėsite suprasti, kaip anuliuoti pakeitimus, visada galite ištrinti viską iš HTML redaktoriaus ir įklijuoti nukopijuotą atsarginį kodą į redaktorių, kad atkurtumėte pradinę būseną.