Styling einzelne Seite Registerkarten auf Blogger
Ändern der Darstellung von Seite Registerkarten auf Blogger ist relativ einfach. Es kann über Vorlagendesigner des integrierten Menüs oder mithilfe von benutzerdefinierten CSS erfolgen. Allerdings werden die Änderungen auf alle Registerkarten angewendet werden.
USA Today bunte Navigation Tabs
Ja, es ist möglich, mit einigen HTML und CSS zwickt natürlich. Sehen Sie sich die Demo auf unserem Widget Vitrine Blog. Beachten Sie, dass „SEO Tools“ Tab eine andere Hintergrundfarbe als der Rest der Registerkarten.
Dieser Tweak ist ein zweistufiger Prozess und wird nur auf Layoutvorlagen begrenzt (es wird nicht auf dynamische Vorlagen arbeiten). Zunächst müssen Sie durch die Bearbeitung der Seiten-Gadget-Vorlage HTML eine Kennung zu jedem Registerkarte zuweisen. Sobald Sie das getan haben, können Sie einen einzigartigen Stil auf jede Registerkarte gelten durch Verweis es Bezeichner in CSS.
Lass uns zur Arbeit gehen:
1. Zuweisen einer eindeutigen Kennung (en) auf jeder Lasche
Für Sie jede Registerkarte einzeln in CSS zielen zu können, hat jede Lasche eine Kennung haben, und es muss eindeutig sein. In unserem Fall werden wir einen Klassennamen (s) als Kennung verwenden. Hier ist wie:
- Zum Vorlage> HTML bearbeiten> Gehen, klicken Sie auf das Widget-Vorlagen Checkbox erweitern.
- Suchen Sie Ihre Seiten-Gadget durch diese Codezeile zu finden:
- Mehrere Linien unten, dass Sie diesen Code finden:
- Ersetzen Sie es mit dieser:
Was der neue Code tut, ist der Titel der einzelnen Register auf den Klassennamen der Registerkarte Hinzufügen, damit die einzelnen Registerkarten ermöglichen referenziert werden, indem sie es später Titel ist.
2. Die Anwendung des Styling
Um eine Registerkarte zu Stil, gehen Sie auf Vorlage> Anpassen> Erweitert> CSS hinzufügen und einen CSS-Code in die benutzerdefinierte CSS-Feld eingeben. Das Snippet sollte im folgenden Format sein:
Für einen Registerkarte Namen aus mehreren Worten, wird jedes Wort ein Klassenname worden. Also, wenn Ihr Register Name ist „SEO Tools“, können Sie die Registerkarte Referenz entweder mit:- "SEO", wie folgt aus:
- oder „Tools“, wie folgt aus: