Hoe het beschrijvingsvak te bevriezen, maar niet de scrollpagina op Tumblr

Als je Tumblr-blogthema het beschrijvingsvak samen met je blogposts langs de pagina laat scrollen, is de kans groot dat je het vak op zijn plaats kunt vergrendelen. Om dit te doen, moet het thema een optie op de CSS-pagina bevatten met een optie om het beschrijvingsvak te vergrendelen. Omdat ontwikkelaars vaak dezelfde CSS-code gebruiken voor al hun thema's, is de kans groot dat ze deze optie hebben. Het lastige is om te proberen te vinden welk woord de ontwikkelaar heeft gebruikt om deze functie te ontgrendelen. In veel gevallen kan het zo simpel zijn als het woord 'vast', maar je weet niet zeker wat het woord is totdat je de code bekijkt.

De HTML-code onderzoeken

Log in op Tumblr en klik op het tandwielvormige pictogram Instellingen boven aan uw dashboard. Selecteer je blog in het gedeelte Blogs in de zijbalk en klik op 'Thema bewerken'. Klik op de link 'HTML bewerken' onder de themanaam in de zijbalk. De HTML-code van je thema verschijnt aan de linkerkant en een voorbeeld van je Tumblr-blog verschijnt aan de rechterkant.

Druk op "Ctrl-F" op het toetsenbord om het zoekveld te openen en typ twee of drie woorden precies zoals ze in het beschrijvingsvak van je blog verschijnen. Hiermee gaat u rechtstreeks naar de HTML-code voor die woorden. Scrol omhoog totdat u de code van het beschrijvingsvak ziet, zoals 'block:Description'.

Bekijk de regels direct boven de code van het beschrijvingsvak en zoek naar het attribuut dat het beschrijvingsvak zwevend houdt, zoals 'unstuck' of 'float'. Dit woord moet binnen een "div id"-tag staan, zoals "

."

Vervang het kenmerk dat ervoor zorgt dat het beschrijvingsvak op de pagina blijft zweven door het woord 'vast', zoals '

. Klik op de knop 'Voorbeeld bijwerken'. Klik op het voorbeeld aan de rechterkant en probeer door de pagina te scrollen. Als dit werkt, klikt u op de knop 'Opslaan'. Uw beschrijvingsvak blijft op zijn plaats terwijl de inhoud van uw blog scrolt. Als dit niet werkt niet werkt, moet u de CSS-code onderzoeken om het juiste woord te vinden.

De CSS-code vinden

Scrol naar de bovenkant van de HTML-code van je Tumblr-thema. Klik op het veld 'Zoeken' boven de code en typ 'stylesheet'. Hiermee gaat u naar de eerste instantie van dit woord in de HTML-code, meestal binnen de eerste 50 regels of zo, zoals 'rel=stylesheet'. Markeer de URL net voor dit woord, beginnend met "http:" en eindigend op "css". Dit is het webadres van de CSS-pagina van het thema.

Open een nieuw browsertabblad, plak de CSS-URL in de adresbalk en druk op "Enter". In het begin ziet u misschien betekenisloze letters en cijfers, maar als u naar beneden scrolt, ziet u de CSS-code, die erg lijkt op HTML-code. U kunt deze code niet wijzigen, maar u kunt deze wel gebruiken om het woord te vinden dat het beschrijvingsvak op zijn plaats kan vergrendelen.

Druk op "Ctrl-F" en typ het woord dat wordt gebruikt in de HTML-code van het thema om het beschrijvingsvak zwevend te houden, zoals "zweven". Wanneer u dit woord vindt, bladert u omhoog en omlaag op de pagina om de code in de buurt te bekijken. Zoek naar het tegenovergestelde woord dat kan worden gebruikt om het op zijn plaats te vergrendelen, zoals 'vast', 'statisch' of 'vastgelopen'.

Ga terug naar het browsertabblad met de HTML-code van het thema en vervang het woord dat het beschrijvingsvak zwevend houdt door het woord dat het mogelijk vasthoudt. Klik op de knop "Voorbeeld bijwerken" en probeer vervolgens naar beneden te scrollen op de voorbeeldpagina. Als dit werkt, klikt u op de knop "Opslaan". Als het niet werkt, ga dan verder met je zoektocht naar het juiste toverwoord.

Tips

In sommige gevallen heeft de thema-ontwikkelaar mogelijk geen CSS-code toegevoegd om een ​​thema een vast beschrijvingsvak te geven.

Waarschuwingen

Sla wijzigingen in de HTML-code van je Tumblr-thema pas op als je het voorbeeld zorgvuldig hebt bekeken. Het willekeurig wijzigen van iets in de HTML-code kan de lay-out van je blog ernstig in de war brengen.