Tilføjelse af ekstra kolonner og rækker til Tumblr

Du kan redigere dit Tumblr-tema på enhver måde, du vil bruge Tumblr HTML-editoren. Tumblr-temaer bruger “

”Tag for at specificere sektioner i temaet. Du kan tilføje en ekstra kolonne, såsom et sidebjælke, til dit tema ved hjælp af en kombination af Cascading Style Sheets - eller CSS-kode - og HTML-kode. Definer et bord i en af ​​dine
sektioner, og tilføj derefter rækker ved hjælp af tags. Føj celler til rækkerne med tags.

Definer en sidepanelkolonne

Åbn dit Tumblr-dashboard, og vælg derefter den blog, du vil ændre i dit dashboard.

Klik på "Tilpas", og klik derefter på "Rediger HTML" for at åbne HTML-editoren.

Definer kolonnen ved at indsætte følgende kode mellem "”Tags i CSS-sektionen i temakoden. Du kan style sidebjælken som ønsket, men koden nedenfor giver basiskonstruktionen til kolonnen:

.sidebar {position: relativ; venstre: 0px; top: 0px; }

Indsæt følgende kode mellem “

”Og tilsvarende“
”Tags i brødteksten i HTML-koden, hvor du vil have kolonnen til at blive vist. Udskift teksten “(Indsæt dit sidebarindhold her)” med dit eget indhold.

... (Indsæt dit sidebjælkeindhold her) ...

Klik på "Opdater eksempelvisning", og klik derefter på "Gem" for at gemme dine ændringer. Klik på “Afslut” for at lukke menuen Tilpas.

Definer en tabel med rækker

Åbn temakoden i Tumblr HTML-editoren, og find derefter

tag, som du vil bruge til din tabel. Opret en ny “
”Sektion, hvis det ønskes.

Indsæt følgende kode for at definere den nye tabel. Udskift "Cell 1", "Cell 2" osv. Med dit indhold. Brug CSS-stilarter til at formatere tabellen efter ønske.

Række 1, celle 1Række 1, celle 2
Række 2, celle 3Række 2, celle 4

Klik på "Opdater eksempelvisning", og klik derefter på "Gem" for at gemme dine ændringer. Klik på “Afslut” for at lukke menuen Tilpas.

Tips

De fleste Tumblr-temaer understøtter Endless Scrolling-funktionen, så der er ingen grund til at tilføje rækker til dit tema, medmindre du vil organisere layoutet i tabeller.

Brug CSS-stilarter til at tilpasse udseendet og følelsen af ​​dine kolonner. For eksempel, hvis du vil tildele farven hvid som baggrund, skal du indsætte udsagnet "baggrund: #ffffff;" ind i CSS-koden.