Hinzufügen zusätzlicher Spalten und Zeilen zu Tumblr

Sie können Ihr Tumblr-Theme mit dem Tumblr-HTML-Editor beliebig bearbeiten. Tumblr-Themes verwenden die „

”-Tag, um Abschnitte im Thema anzugeben. Sie können Ihrem Design eine zusätzliche Spalte hinzufügen, z. B. eine Seitenleiste, indem Sie eine Kombination aus Cascading Style Sheets – oder CSS-Code – und HTML-Code verwenden. Definieren Sie eine Tabelle in einem Ihrer

Abschnitte und fügen Sie dann Zeilen mit der Stichworte. Zellen mit to zu den Zeilen hinzufügen Stichworte.

Definieren Sie eine Seitenleistenspalte

Öffnen Sie Ihr Tumblr-Dashboard und wählen Sie dann den Blog aus, den Sie in Ihrem Dashboard ändern möchten.

Klicken Sie auf „Anpassen“ und dann auf „HTML bearbeiten“, um den HTML-Editor zu öffnen.

Definieren Sie die Spalte, indem Sie den folgenden Code zwischen den "”-Tags im CSS-Abschnitt des Theme-Codes. Sie können die Seitenleiste wie gewünscht gestalten, aber der folgende Code stellt das Basiskonstrukt für die Spalte bereit:

.sidebar { position: relativ; links: 0px; oben: 0px; }

Fügen Sie den folgenden Code zwischen „

“ und entsprechende “

”-Tags im Hauptteil des HTML-Codes, in dem die Spalte erscheinen soll. Ersetzen Sie den Text „(Ihren Seitenleisteninhalt hier einfügen)“ durch Ihren eigenen Inhalt.

...(Fügen Sie hier Ihren Sidebar-Inhalt ein)...

Klicken Sie auf „Vorschau aktualisieren“ und dann auf „Speichern“, um Ihre Änderungen zu speichern. Klicken Sie auf „Beenden“, um das Menü „Anpassen“ zu schließen.

Definieren Sie eine Tabelle mit Zeilen

Öffnen Sie den Theme-Code im Tumblr-HTML-Editor und suchen Sie dann das

Tag, das Sie für Ihre Tabelle verwenden werden. Erstelle eine neue "

“, falls gewünscht.

Fügen Sie den folgenden Code ein, um die neue Tabelle zu definieren. Ersetzen Sie „Zelle 1“, „Zelle 2“ usw. durch Ihren Inhalt. Verwenden Sie CSS-Stile, um die Tabelle wie gewünscht zu formatieren.

 Zeile 1, Zelle 1 Zeile 1, Zelle 2
 Zeile 2, Zelle 3 Zeile 2, Zelle 4

Klicken Sie auf „Vorschau aktualisieren“ und dann auf „Speichern“, um Ihre Änderungen zu speichern. Klicken Sie auf „Beenden“, um das Menü „Anpassen“ zu schließen.

Tipps

Die meisten Tumblr-Designs unterstützen die Endless Scrolling-Funktion, sodass Sie Ihrem Design keine Zeilen hinzufügen müssen, es sei denn, Sie möchten das Layout in Tabellen organisieren.

Verwenden Sie CSS-Stile, um das Erscheinungsbild Ihrer Spalten anzupassen. Um beispielsweise die Farbe Weiß als Hintergrund zuzuweisen, fügen Sie die Anweisung "background: #ffffff;" ein. in den CSS-Code.