Trennstriche für Schnellzugriffe
In diesem Tutorial wird gezeigt, wie man die Schnellzugriffe mit einem Trennstrich unterteilen kann.
 |
 |
 |
| Schnellzugriffe ohne Trennstrich | Schnellzugriffe mit Trennstrich |
Ein fertiges Design mit Trennstrichen bei den Schnellzugriffen kann in der Galerie heruntergeladen werden.
Schritte
Im Menu zurechtfinden
Da sich die Schnellzugriffe standardmässig in der Kopfzeile befinden, wechselt man in das Register "Kopf-/Fusszeile".
Hier finden sich Einstellungen zu der Kopf- und die Fusszeile. In der Sektion "Schnellzugriff Link" können die Links bearbeitet werden.
Hier finden sich Einstellungen zu der Kopf- und die Fusszeile. In der Sektion "Schnellzugriff Link" können die Links bearbeitet werden.
Rahmen auf Schnellzugriff-Link setzten
Der Trennstrich soll über einen Rahmen auf den Schnellzugriff Links gesetzt werden.
Über die Sektion "Schnellzugriff Link" > "Normal", können die Links gestylt werden.
Im Einstellungsdialog Register "Rahmen" können alle vier Rahmen nach Belieben gestylt werden.
Da momentan kein Rahmen vorhanden ist, sind alle Rahmen deaktiviert.
Über die Sektion "Schnellzugriff Link" > "Normal", können die Links gestylt werden.
Im Einstellungsdialog Register "Rahmen" können alle vier Rahmen nach Belieben gestylt werden.
Da momentan kein Rahmen vorhanden ist, sind alle Rahmen deaktiviert.
Rahmen einschalten
Um einen Strich rechts von jedem Schnellzugriffelement zu erhalten, wird die Checkbox "Rechter Rahmen anzeigen" aktiviert. Dann muss der Rahmenstil, Rahmenfarbe und Rahmendicke ausgewählt werden.
Rahmenstil
Unter "Rahmenstil" können verschiedene Stils für den Rahmen ausgewählt werden. Wenn man einen normalen Rahmen möchte, wählt man den Stil "Durchgezogen (solid)" aus.
Rahmenfarbe
Als nächstes kann die Farbe für den Rahmen gewählt werden. "Keine Angabe" bewirkt, dass der Browser als Rahmenfarbe die Textfarbe verwendet.
Rahmendicke
Bei der "Rahmendicke" wird ein Pixelwert eingegeben, der die Breite des Rahmens bestimmt.
Abstand
Bevor der Dialog geschlossen wird, wechselt man in das Register "Innenabstand".
Der Abstand "Rechts" wird auf 9px erhöht. Dadurch wird der Rahmen zwischen den Links zentriert.
Der Abstand "Rechts" wird auf 9px erhöht. Dadurch wird der Rahmen zwischen den Links zentriert.
Ende
Durch die Einstellungen für den Rahmen und den Abstand rechts von jedem Schnellzugriff-Link, ergeben sich schöne Trennstriche.