Ako zmraziť pole popisu, ale nie posúvaciu stránku na Tumblr

Ak vaša motív blogu Tumblr umožňuje, aby sa pole popisu posúvalo spolu s vašimi blogovými príspevkami nadol, je pravdepodobné, že ho môžete uzamknúť na svojom mieste. Na to musí téma obsahovať na svojej stránke CSS možnosť s možnosťou uzamknutia políčka popisu. Keďže vývojári často používajú rovnaký kód CSS pre všetky svoje témy, zvyčajne existuje veľká šanca, že má túto možnosť. Zložitá časť prichádza v snahe nájsť, aké slovo vývojár použil na odomknutie tejto funkcie. V mnohých prípadoch to môže byť také jednoduché, ako slovo „pevné“, ale nemôžete si byť istí, aké slovo môže byť, kým si tento kód nepreskúmate.

Preskúmanie kódu HTML

Prihláste sa do aplikácie Tumblr a kliknite na ikonu Nastavenia v tvare ozubeného kolieska v hornej časti dashboardu. Vyberte svoj blog v sekcii Blogy na bočnom paneli a kliknite na položku Upraviť motív. Kliknite na odkaz „Upraviť HTML“ pod názvom témy na bočnom paneli. HTML kód vašej témy sa zobrazuje vľavo a na pravej strane sa zobrazuje ukážka blogu Tumblr.

Stlačením klávesu „Ctrl-F“ na klávesnici otvoríte pole Hľadať a napíšete dve alebo tri slová presne tak, ako sa zobrazujú. v poli popisu vášho blogu. Tým sa dostanete priamo do HTML kódu pre tieto slová. Posúvajte sa nahor, kým neuvidíte kód v poli s popisom, napríklad „blok: Popis“.

Preskúmajte riadky priamo nad kódom v poli s popisom a vyhľadajte atribút, ktorý udržiava pohyb v poli s popisom v plnom rozsahu, ako napríklad „odlepenie“. ", 3, [[Toto slovo by malo byť v značke „div id“, napríklad „

Nahraďte atribút, ktorý ponecháva pole popisu na stránke plávajúce, slovom„ pevná, "ako napríklad" & lt; div id = "fixed" & gt ;. " Kliknite na tlačidlo Aktualizovať ukážku. Kliknite na ukážku napravo a skúste stránku posúvať. Ak to funguje, kliknite na tlačidlo „Uložiť“. Počas posúvania obsahu blogu zostane vaše popisné pole nezmenené. Ak to nefunguje, musíte skontrolovať kód CSS, aby ste našli správne slovo.

Nájdenie kódu CSS

Prejdite na začiatok tém Tumblrovej témy HTML kód. Kliknite na pole „Vyhľadať“ nad kódom a napíšte „šablóna so štýlmi“. Tým sa dostanete do prvej inštancie tohto slova v kóde HTML, zvyčajne do prvých 50 riadkov, napríklad „rel = stylesheet“. Zvýraznite webovú adresu tesne pred týmto slovom, počnúc reťazcom „http:“ a končiacim reťazcom „css“. Toto je webová adresa stránky CSS témy.

Otvorte novú kartu prehľadávača, prilepte adresu URL CSS do panela s adresou a stlačte kláves Enter. Spočiatku môžete vidieť nezmyselné písmená a čísla, ale ak posuniete stránku nadol, uvidíte kód CSS, ktorý vyzerá veľmi podobne ako kód HTML. Tento kód nemôžete zmeniť, ale môžete ho použiť na nájdenie slova, ktoré môže zamknúť popisné pole.

Stlačte kláves Ctrl-F a napíšte slovo použité v kóde HTML témy, aby sa zachovalo pole s popisom plávajúce, napríklad „float“. Keď nájdete toto slovo, prejdite nahor a nadol na stránku a preskúmajte kód v okolí. Vyhľadajte opačné slovo, ktoré sa môže použiť na zaistenie na svojom mieste, napríklad „pevné“, „statické“ alebo „prilepené“.

Vráťte sa späť na kartu prehľadávača, v ktorej je zobrazený kód HTML témy a slovo nahradiť. ponechanie políčka popisu plávajúce so slovom, ktoré ho môže udržiavať pevné. Kliknite na tlačidlo „Aktualizovať ukážku“ a potom skúste prejsť na stránku s ukážkou. Ak to funguje, kliknite na tlačidlo „Uložiť“. Ak to nefunguje, pokračujte v hľadaní správneho kúzelného slova.

Tipy

V niektorých prípadoch vývojár témy nemusel obsahovať kód CSS, aby umožnil téme opraviť popisné pole.

Upozornenia

Neukladajte zmeny v kóde HTML témy Tumblr, kým si dôkladne neskúmate ukážku. Náhodné zmeny v kóde HTML môžu vážne narušiť rozloženie vášho blogu.

• Predchádzajúca strana: Existuje aplikácia na zhotovenie fotografií Tumblr?
• Ďalšia strana: Ako navigovať v komentároch k Tumblr