Extra kolommen en rijen toevoegen aan Tumblr

Je kunt je Tumblr-thema op elke gewenste manier bewerken met de Tumblr HTML-editor. Tumblr-thema's gebruiken de "

”-tag om secties in het thema op te geven. U kunt een extra kolom, zoals een zijbalk, aan uw thema toevoegen door een combinatie van Cascading Style Sheets -- of CSS-code -- en HTML-code. Definieer een tabel in een van uw

secties en voeg dan rijen toe met de labels. Voeg cellen toe aan de rijen met labels.

Een zijbalkkolom definiëren

Open je Tumblr-dashboard en selecteer vervolgens de blog die je wilt wijzigen in je dashboard.

Klik op 'Aanpassen' en klik vervolgens op 'HTML bewerken' om de HTML-editor te openen.

Definieer de kolom door de volgende code in te voegen tussen de "”-tags in de CSS-sectie van de themacode. U kunt de zijbalk naar wens opmaken, maar de onderstaande code biedt de basisconstructie voor de kolom:

.zijbalk { positie: relatief; links: 0px; boven: 0px; }

Plaats de volgende code tussen de "

” en bijbehorende “

”-tags in het hoofdgedeelte van de HTML-code waar u de kolom wilt laten verschijnen. Vervang de tekst "(Voeg hier uw zijbalkinhoud in)" door uw eigen inhoud.

...(Voeg hier uw zijbalkinhoud in)...

Klik op 'Voorbeeld bijwerken' en klik vervolgens op 'Opslaan' om uw wijzigingen op te slaan. Klik op "Afsluiten" om het menu Aanpassen te sluiten.

Definieer een tabel met rijen

Open de themacode in de Tumblr HTML-editor en zoek de

tag die u voor uw tabel gaat gebruiken. Maak een nieuwe "

” sectie, indien gewenst.

Voeg de volgende code in om de nieuwe tabel te definiëren. Vervang "Cel 1", "Cel 2", enz. door uw inhoud. Gebruik CSS-stijlen om de tabel naar wens op te maken.

 Rij 1, cel 1 Rij 1, cel 2
 Rij 2, cel 3 Rij 2, cel 4

Klik op 'Voorbeeld bijwerken' en klik vervolgens op 'Opslaan' om uw wijzigingen op te slaan. Klik op "Afsluiten" om het menu Aanpassen te sluiten.

Tips

De meeste Tumblr-thema's ondersteunen de functie Eindeloos scrollen, dus het is niet nodig om rijen aan uw thema toe te voegen, tenzij u de lay-out in tabellen wilt ordenen.

Gebruik CSS-stijlen om het uiterlijk van uw kolommen aan te passen. Als u bijvoorbeeld de kleur wit als achtergrond wilt toewijzen, voegt u de instructie "background: #ffffff;" in. in de CSS-code.