Wie man eine benutzerdefinierten Tumblr-Layout in CSS
Tumblr ist eine kostenlose Blogging-Plattform, die alle Tools zum Erstellen Ihrer eigenen benutzerdefinierten Layouts mit HTML und CSS bietet. Sie können die Tumblr-CSS-Datei direkt aus dem Tumblr-Dashboard nicht bearbeiten. Aber Sie finden die URL für die CSS-Datei im HTML-Design und verwenden, um die CSS-Datei auf Ihren Computer herunterladen. Sobald die Datei auf Ihrem Computer befindet, können in einem Text-Editor anpassen und dann auf Ihren Tumblr-Account hochladen.
Anweisungen
CSS-Datei herunterladen
1 Melden Sie sich Ihrem Tumblr Konto, und klicken Sie auf den Namen des Blogs, den Sie anpassen möchten.
2 "Anpassen der Darstellung" aus dem Menü auf der rechten Seite klicken Sie auf die Schaltfläche "HTML bearbeiten" um Tumblr Thema Code anzuzeigen.
3 Suchen Sie die Codezeile, die das CSS-Stylesheet angibt. Dies wird in der Nähe der Spitze des Codes und beginnt mit den folgenden:
< link Rel = "Stylesheet" Type = "Text/Css"
4 Markieren Sie die URL-Adresse des CSS-Stylesheets, die diesen Code folgt. Dies wird mit "http://" beginnen und enden mit "CSS".
5 Mit der rechten Maustaste, und wählen Sie "Kopieren" aus dem Menü.
6 Öffnen Sie einen neuen Tab in Ihrem Browser, mit der rechten Maustaste in die Adressleiste und wählen Sie "Einfügen."
7 Drücken Sie die "Enter"-Taste, die CSS-Datei anzuzeigen.
8 Klicken Sie mit der rechten Maustaste in der CSS-Code und wählen Sie "Speichern" oder "Speichern unter" um die CSS-Datei auf Ihrem Computer zu speichern.
Bearbeiten und Hochladen von neuen CSS-Datei
9 Öffnen Sie die gespeicherte CSS-Datei mit einem Texteditor. Sie können nun Elemente des CSS-Layouts, wie z. B. die Layout-Farben, den Schriftschnitt und die Verknüpfung Stile ändern. Wenn Sie mit CSS-Programmierung vertraut sind, können Sie die CSS-Datei weiter anpassen es auch eigene Code-Blöcke hinzufügen. Speichern Sie die Änderungen an der CSS-Datei, wenn Sie fertig sind.
10 Navigieren Sie zu Tumblrs "Einer statischen Datei hochladen" Seite, klicken Sie auf "Datei auswählen" und suchen Sie auf Ihrem Computer der benutzerdefinierten CSS-Datei. Doppelklicken Sie auf die Datei, um es zu laden.
11 Klicken Sie auf "Datei hochladen", um die CSS-Datei in Ihrem Tumblr Konto zu speichern. Ein neues Textfeld erscheint, die anzeigt der URL-Adresse für Ihre hochgeladenen CSS-Datei.
12 Kopieren Sie die URL-Adresse und dem Tumblr-Blog HTML-Code zurück.
13 Ersetzen Sie die URL-Adresse des alten Stylesheets im Code durch die neue Stylesheet URL-Adresse klicken Sie auf "Vorschau aktualisieren." Ihre CSS-Layout in der Vorschau sehen Sie die Änderungen.
14 Klicken Sie auf "Speichern", um die Änderungen in Ihrem Tumblr-Blog zu veröffentlichen.