Knowledge Base Use Custom CSS Banner und andere Banner Tipps zum Zentrum
Zentrieren eines Banner
Standardmäßig wird die Fahne bei 15 Pixeln von beiden der oberen und rechten Bannerbereich positioniert. Wenn Sie zum Zentrum von Bannerbereich die Position des Banner-Bild bearbeiten möchten, auf der Design> Benutzerdefinierte CSS, können Sie das folgende CSS eingeben:
Entfernen Banner Padding
Typepad gilt automatisch ein 15-Pixel-Banner Grenze zu jeder Seite der Fahne. Wenn Sie voller Bannerbereich verwenden möchten, können Sie die Polsterung entfernen. Zum Entwerfen> Benutzerdefinierte CSS und Paste in dem folgenden Code:
Bitte beachten Sie, dass Sie XXX ersetzen müssen mit Ihren Banner tatsächlichen Höhe.
Anzeige des Titels und Beschreibung Text über ein Banner Bild
Wenn Sie ein Banner als Hintergrundbild verwenden möchten, aber möchte einen Blog Name und Beschreibung Text behalten, können Sie den folgenden Code verwenden. Beachten Sie, dass Sie das Banner-Image-Datei über Bibliothek> Datei-Manager müssen hochladen und bearbeiten Sie die URL und die Höhe Ihrer spezifischen Banner anzupassen.
Hinzufügen von Banner-Bild zu einem Advanced Template Design
Wenn Sie eine erweiterte Vorlage verwenden, müssen Sie das Thema Sheet Template mit CSS bearbeiten auf Ihrem Blog ein Bild Banner angezeigt werden soll.
Zuerst gehen Sie auf Bibliothek> Datei-Manager und laden Sie das gewünschte Bild dort für Ihren Banner verwenden. Klicken Sie sich durch die Datei und kopieren Sie die URL aus der Adressleiste des Browsers ein.
Nach dem Hochladen auf Ihren Datei-Manager, um das Banner Bild, können Sie den CSS-Code für Ihr Bild Banner auf Ihre Stylesheet-Vorlage hinzufügen. Bei Design> Vorlagen> Themen Sheet, suchen Sie nach der Überschrift:
Der Code in diesem Abschnitt müssen mit dem Code ersetzt werden:
Bitte beachten Sie auch, indem die Attribute auf die Klassen über die anderen CSS-Tipps oben in das Thema Sheet integrieren. Zentrum;: Um das Banner zu Zentrieren, zum Beispiel, können Sie Hintergrund-Position hinzufügen zur #banner Klasse im Thema Sheet