Navigation rechts
Design Iceblue : Navigation rechts
Navi-Buttons lassen sich (wie hier) auf der rechten Seite platzieren.
Dazu sind 3 Schritte notwendig :
Schritt 1 :
Die erste rechte Box (td.shouty) bekommt mit background-color:
gleiche Hintergrundfarbe , wie die Navi-Buttons auf der linken Seite haben.
Sonst bleiben weiße Ränder (Hintergrund der Box) sichtbar !
• Hintergrundfarbe der Navi-Buttons findet Ihr im Code bei Klasse td.nav { ...
• in diesem Beispiel ist es die Farbe #343434;
• im CSS-Code mit einfügen / Feld "Text über Design" :
/* Box 1 */
td.shouty {
padding: 0px !important;
background-color:#343434;
background-image: none; }
td.shouty {
padding: 0px !important;
background-color:#343434;
background-image: none; }
Schritt 2 :
• Ein Beispiel für 3 Navi-Buttons
• auf "Design einstellen" gehen
• dort in das Feld "erste rechte Box " einfügen :
<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td class="nav">
<a href="HIER LINK">TEXT</a></td>
</tr>
<tr>
<td class="nav">
<a href="HIER LINK">TEXT</a></td>
</tr>
<tr>
<td class="nav">
<a href="HIER LINK">TEXT</a></td>
</tr>
</table>
<tr>
<td class="nav">
<a href="HIER LINK">TEXT</a></td>
</tr>
<tr>
<td class="nav">
<a href="HIER LINK">TEXT</a></td>
</tr>
<tr>
<td class="nav">
<a href="HIER LINK">TEXT</a></td>
</tr>
</table>
• durch das class="nav" habt Ihr rechts gleiche Buttons wie linke Seite
• der Hover-Effekt ist automatisch der gleiche wie in linker Navigation
• im Code den Link zur gewünschten Seite einfügen
• im Code bei Text gewünschten Linktext einfügen
Schritt 3 :
Die Links, die auf rechte Seite sollen, müssen wir in der Navigation auf der linken Seite "unsichtbar" machen. Sonst haben wir sie doppelt drin . Jede Seite die wir erstellen oder erstellt haben, erscheint ja auch immer in der linken Navigation. Wir können einzelne Navi-Links (Buttons) mit CSS-Code entfernen. Beschreibung : Seiten aus linker Navigation entfernen
• es betrifft nur die Seitentitel, die rechts stehen sollen
• sollen rechts 5 Buttons eingefügt werden ?
• dann muss 5 mal #nav_Seitentitel {display: none; } eingefügt werden
• statt Seitentitel den korrekten Titel der Seite
• bitte folgt der Beschreibung im genannten Link
