Der Begriff "feste Elemente" bezieht sich in Tumblr auf jedes Objekt in Ihrem Tumblr-Theme, das sich nicht relativ zum Browserfenster bewegt. Beispielsweise könnte Ihr Design eine feste Seitenleiste haben. In diesem Fall bewegt sich die Seitenleiste nicht, wenn Sie auf der Seite nach unten scrollen; es bleibt immer an der gleichen Stelle relativ zum Browserfenster. Feste Elemente werden im Cascading Style Sheets-Code Ihres Themes definiert.
HTML und CSS
Alle Tumblr-Themes werden durch eine Kombination aus HTML und CSS definiert. Im Allgemeinen steuert HTML die Struktur eines Themas, während CSS seinen Stil vorgibt. Viele Websites haben separate HTML- und CSS-Dateien. HTML und CSS eines typischen Tumblr-Themes existieren jedoch zusammen in einem einheitlichen Quellcode.
Finden Sie Ihr Theme-CSS
Um den Quellcode Ihres Themes zu finden, müssen Sie sich bei Ihrem Tumblr-Konto anmelden. Klicken Sie in Ihrem Dashboard auf das Zahnradsymbol, um auf das Einstellungsmenü zuzugreifen. Wählen Sie im Menü Einstellungen den Blog aus, den Sie anzeigen möchten. Klicken Sie im Blog-Anpassungsmenü im Abschnitt "Thema" auf "Anpassen". Dadurch gelangen Sie zur Seite zur Anpassung des Themas. Klicken Sie unter dem Titel Ihres Themes auf "HTML bearbeiten". Dadurch werden HTML und CSS Ihres Themes angezeigt.
Die Position: Feste Immobilie
Im Code Ihres Themes können Sie "Strg-F" drücken, um nach bestimmten Elementen zu suchen. Wenn Sie "position: fixed" in das Suchfeld eingeben, können Sie durch verschiedene Instanzen von festen Elementen in Ihrem Theme wechseln. Wenn Ihre Suche keine oder weniger Ergebnisse liefert als erwartet, suchen Sie nach "position:fixed" ohne Leerzeichen nach dem Doppelpunkt. Das fixierte Element wird vor der Klammer "{" benannt. #sidebar{position:fixed;} würde beispielsweise ein Element mit der "sidebar"-ID reparieren.
Positionierung der Elemente
Nachdem die Positionierungsmethode eines Elements festgelegt wurde, können Sie es entlang der horizontalen oder vertikalen Achse um eine bestimmte Anzahl von Pixeln verschieben. Geben Sie dazu die Kante des Containers des Elements und die Anzahl der Pixel an, die das Element von dieser Kante trennen möchten. Zum Beispiel #sidebar{position:fixed; oben: 20px; right: 10px;} positioniert die Seitenleiste 20 Pixel vom oberen Rand des Browserfensters und 10 Pixel von der rechten Seite des Browserfensters.
Feste Elemente ändern
Wenn Sie ein festes Element lokalisieren, können Sie seine Positionierung ändern. Das Attribut "position:static" legt die Elementposition relativ zu seiner Position im Fluss des HTML-Codes fest. Dieses Attribut wird verwendet, um das Element um einen bestimmten Betrag von seiner normalen statischen Position zu versetzen. Zum Beispiel #sidebar{position: relativ; right:20px;} würde das #sidebar-Element um 20 Pixel von seinem normalen rechten Rand versetzen. Schließlich entfernt das Attribut position:absolute das Element aus dem Dokumentenfluss und positioniert es relativ zu seinem enthaltenden Element. Wenn sich beispielsweise ein absolut positioniertes Element innerhalb eines relativ positionierten Elements befindet, treten alle Änderungen seiner Position relativ zum relativ positionierten Element auf. Sie können mit diesen verschiedenen Positionierungstypen experimentieren, um anzupassen, welche Elemente in Ihrem Tumblr-Theme fixiert sind.
