Kako zamrznuti okvir s opisom, ali ne i stranicu za pomicanje na Tumblr

Ako vaša tema bloga Tumblr omogućuje da se okvir s opisom pomiče prema dolje po stranici zajedno s vašim postovima na blogu, velika je vjerojatnost da možete zaključati okvir na mjestu. Da bi to učinila, tema mora na svojoj CSS stranici sadržavati opciju s opcijom zaključavanja okvira s opisom. Budući da programeri često koriste isti CSS kôd za sve svoje teme, obično postoji velika šansa da ima ovu opciju. Lukavi dio dolazi u pokušaju pronalaska riječi koju je programer koristio za otključavanje ove značajke. U mnogim slučajevima to može biti jednostavno kao riječ "fiksno", ali ne možete biti sigurni koja riječ može biti dok ne proučite kôd.

Ispitivanje HTML koda

Prijavite se na Tumblr i kliknite ikonu Postavke u obliku zupčanika na vrhu nadzorne ploče. Odaberite svoj blog iz odjeljka Blogovi na bočnoj traci i kliknite "Uredi temu". Kliknite vezu "Uredi HTML" ispod naziva teme na bočnoj traci. HTML kôd vaše teme pojavit će se s lijeve strane, a pregled vašeg Tumblr bloga pojavit će se s desne strane.

Pritisnite "Ctrl-F" na tipkovnici da biste otvorili polje za pretraživanje i upišite dvije ili tri riječi točno onako kako se pojavljuju u okviru za opis vašeg bloga. To vas vodi direktno na HTML kôd za te riječi. Pomaknite se prema gore dok ne vidite kôd okvira za opis, poput "blok: Opis".

Ispitajte retke izravno iznad koda okvira za opis i potražite atribut koji zadržava plutajuće polje opisa, poput "odlijepljeno" ili "plutajuće". Ova bi riječ trebala biti unutar oznake "div id" kao što je "

."

Zamijenite atribut koji zadržava okvir opisa plutajući na stranici riječju "fiksirano", kao što je "

. "Kliknite gumb" Ažuriraj pregled ". Kliknite pregled s desne strane i pokušajte pomicati stranicu. Ako to uspije, kliknite gumb" Spremi ". Vaš će opisni okvir ostati fiksan dok se sadržaj vašeg bloga pomiče. Ako se to ne dogodi Ne radi, trebate ispitati CSS kôd da biste pronašli pravu riječ.

Pronalaženje CSS koda

Pomaknite se na vrh HTML koda teme Tumblr. Kliknite polje "Pretraži" iznad koda i upišite "tablicu stilova". To vas vodi do prve instance ove riječi u HTML kodu, obično unutar prvih 50 redaka ili tako nekako, kao što je "rel = styleheet". Označite URL neposredno prije ove riječi, počevši s "http:" i završavajući s "css". Ovo je web adresa CSS stranice teme.

Otvorite novu karticu preglednika, zalijepite CSS URL u adresnu traku i pritisnite "Enter". Isprva ćete možda vidjeti besmislena slova i brojeve, ali ako se pomaknete prema dolje, vidjet ćete CSS kôd koji izgleda vrlo slično HTML kodu. Ovaj kôd ne možete promijeniti, ali pomoću njega možete pronaći riječ koja može zaključati okvir s opisom.

Pritisnite "Ctrl-F" i upišite riječ koja se koristi u HTML kodu teme kako bi okvir s opisom ostao plutajući, poput "plutajući". Kad pronađete ovu riječ, pomaknite se prema gore i dolje po stranici da biste pregledali kod u blizini. Potražite suprotnu riječ koja se može upotrijebiti za njezino zaključavanje, poput "fiksirano", "statično" ili "zaglavljeno".

Vratite se na karticu preglednika koja prikazuje HTML kôd teme i zamijenite riječ držeći okvir s opisom plutajućim riječju koja može zadržati fiksnost. Kliknite gumb "Ažuriraj pregled", a zatim pokušajte pomaknuti stranicu pregleda. Ako to uspije, kliknite gumb "Spremi". Ako ne uspije, nastavite potragu za pravom čarobnom riječju.

Savjeti

U nekim slučajevima programer teme možda nije uključio CSS kôd kako bi tema imala fiksni okvir s opisom.

Upozorenja

Nemojte spremati promjene u HTML kodu teme Tumblr dok pažljivo ne pregledate pregled. Nasumično mijenjanje bilo čega u HTML kodu može ozbiljno pokvariti izgled vašeg bloga.