horizontale Navigation - active link darstellen

Wie verwendet man Templates oder erstellt Navigationen und passt diese an.

horizontale Navigation - active link darstellen

Beitragvon Jörn » 25. Apr 2011, 22:05

Hallo zusammen,

ich habe mich als absolutes HTML/CSS/PHP Greenhorn zu Redaxo verlaufen, und versuche mich an der Erstellung eines Templates. Erstaunlicherweise bin ich bisher ganz gur zurecht gekommen :D

Ich habe mir eine Top Navigation erstellt (alles mit den Beispiel Daten), und möchte gern das in der Top Navigation nicht nur ein Hoover Effekt zu sehen ist, sondern das der aktive Link die Farbe des Hoovers dann auch behält. Leider finde ich weder in der Doku noch im Forum eine Hilfe, die ich auch umsetzen kann. Könnt ihr mir bitte auf diesem Weg weiterhelfen? Das ist meine Testseite, falls jemand sich die Mühe macht nachzusehen. Vielen Dank im voraus

VG
Jörn
Jörn
 
Beiträge: 49
Registriert: 19. Apr 2011, 20:29

Re: horizontale Navigation - active link darstellen

Beitragvon jackomono » 25. Apr 2011, 22:55

Moin,

versuchs mal hiermit:

Code: Alles auswählen
#topnav a:hover,
#topnav a.active    {
           background-color: #00FF00;
}


Gruß
Jakob
jackomono
 
Beiträge: 184
Registriert: 15. Apr 2007, 17:32
Wohnort: Hamburg

Re: horizontale Navigation - active link darstellen

Beitragvon Jörn » 25. Apr 2011, 23:04

Hallo Jakob,

Danke für Deine Antwort. Leider funktioniert Dein Vorschlag nicht wie gewünscht :-(

VG
Jörn
Jörn
 
Beiträge: 49
Registriert: 19. Apr 2011, 20:29

Re: horizontale Navigation - active link darstellen

Beitragvon Jörn » 26. Apr 2011, 05:56

Hallo zusammen,

die Navigation ist direkt in meinem default Template integriert:

Code: Alles auswählen
         <div id="topnav">
            <?php
            $rexnav1 = rex_navigation::factory();
            echo $rexnav1->get(0,1,FALSE,TRUE);
            ?>
         </div>


VG
Jörn
Jörn
 
Beiträge: 49
Registriert: 19. Apr 2011, 20:29

Re: horizontale Navigation - active link darstellen

Beitragvon Jörn » 26. Apr 2011, 07:17

ich habs eben gefunden, es steht bei den Tutorials unter erstellen einer Navigation. Bei der Beispiel CSS Datei kann man es heraus lesen. Für mein Beispiel sieht es dann so aus:

Code: Alles auswählen
#topnav a:hover,
#topnav a.rex-current  {
                          background-color: #00FF00;      /* markiert den aktiven Link dauerhaft */

}


VG
Jörn
Jörn
 
Beiträge: 49
Registriert: 19. Apr 2011, 20:29


Zurück zu Templates/Navigationen [R4]

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste