Kaip sukurti fiksuotą šoninę juostą, esančią „Tumblr

Jei kada nors slenkate žemyn tinklalapį ir jo elementas neperkeliamas, matėte CSS pozicijos žymą veikiant. „Tumblr“ tinklaraščių kūrėjai, kurie prideda šią žymą prie jų šablonų, savo dienoraščiuose gali sukurti tą patį poveikį. Gera vieta tai išbandyti yra šoninėje juostoje. Įtraukę pozicijos žymą į savo tinklaraščio HTML kodą, jūsų šoninė juosta lieka fiksuota, kai žmonės slenka aukštyn ir žemyn savo tinklaraščių puslapiuose.

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

Spustelėkite „Tinkinti“, po to - „Pridėta HTML“. Tumblr atveria jūsų temą ir parodo jos HTML kodą.

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

Grįžkite į Tumblr HTML kodą ir paspauskite „Ctrl-F“, kad atidarytumėte paieškos laukelį. Į paieškos laukelį įveskite „sidebar“ (šoninė juosta), tada paspauskite „Enter“ (įvesti). Tumblr suranda pirmąjį „šoninės juostos“ atsiradimą ir parodo kodo dalį, kurioje yra tas žodis. Rastas kodas turėtų atrodyti panašus į:

įvyniojimas #sidebar {color: {color: Background}; }

Pirmoje eilutėje yra žodžiai #wrapper #sidebar. Kairysis laikiklis atitinka šiuos žodžius.

Įklijuokite šį kodą iš karto po pirmosios kodo eilutės:

pozicija: fiksuota; dešinėje: 100px;

Pozicijos atributas nurodo naršyklėms nustatyti šoninę juostą taip, kad jis nepaslenktų, kai slenkate. Teisė atributas nurodo naršyklėms, kiek taškų, kuriuos norite, kad šoninės juostos dešinysis kraštas sėdėtų iš tinkamo puslapio ribos. Šiame pavyzdyje dešiniojo atributo vertė yra 100 pikselių.

Jei norite peržiūrėti pakeitimų peržiūrą, spustelėkite „Atnaujinti peržiūrą“. Vilkite lango slinkties juostą aukštyn ir žemyn, ir pamatysite, kad jūsų šoninė juosta neperkelia. Jei norite išsaugoti pakeitimus, spustelėkite „Išsaugoti“.

Patarimai

Jei norite reguliuoti šoninės juostos horizontalią padėtį, galbūt norėsite eksperimentuoti su skirtingomis teisingo atributo reikšmėmis. Pvz., Jei pakeisite vertę nuo 100 pikselių iki 50 pikselių, šoninė juosta per 50 pikselių pereina toliau į dešinę.

Įspėjimai

Būkite atsargūs dirbdami HTML redaktoriuje, kaip netyčia keičiant esamą kodą, gali būti dramatiškas poveikis jūsų puslapio išdėstymui. Jei pakeisite kodą ir negalite išsiaiškinti, kaip atšaukti pakeitimus, visuomet galite ištrinti viską HTML redaktoriuje ir įklijuoti atsarginį kodą, kurį nukopijote į redaktorių, kad būtų atkurta pradinė būklė.

URL:https://lt.whycomputer.com/internetas/100419141.html