+ Antworten
Seite 1 von 2 1 2 LetzteLetzte
Ergebnis 1 bis 10 von 13

Thema: Aktiviertes Menü anzeigen

  1. #1
    Neu an Board
    Registriert seit
    07.09.2008
    Beiträge
    21
    Bedankte sich
    3
    1 Danksagung in 1 Beitrag

    Standard Aktiviertes Menü anzeigen

    Hallo zusammen,
    das Thema ist hier schon oft behandelt worden und ich habe leider erfolglos einiges ausprobiert.

    Meine CSS class #mainlevel-nav soll den Button der aktuellen Seite genause anzeigen wie wenn der Mauszeiger drüberfährt.
    Wie gesagt ich habe viel gelesen und probiert, aber ich bekomme es einfach nicht hin.
    Hier die vorhandenen CSS Befehle für #mainlevel-nav (alle Versuche habe ich wieder entfernt):

    #mainlevel-nav li:hover {
    background: url(../images/grey/topmenu_shadow_l_grey.png) no-repeat top left;
    }

    #mainlevel-nav li a:link, #mainlevel-nav li a:visited {
    color: #aaa;


    }

    #mainlevel-nav li a:hover {
    color: #b8261d;
    background: url(../images/grey/topmenu_bg_grey_inverse.png) repeat-x scroll center top;

    }

    #mainlevel-nav li.active, #current {
    color: #b8261d;
    background: url(../images/grey/topmenu_bg_grey_inverse.png) repeat-x scroll center top;

    Die Website heißt: www.b4-distribution.com und es geht um das Menü mit der Startseite, Firmenprofil. etc.

    Danke im vorraus0
    Roger

  2. #2
    Hat hier eine Zweitwohnung Avatar von Furyk
    Registriert seit
    09.12.2003
    Ort
    Niederrhein
    Beiträge
    1.600
    Bedankte sich
    34
    Erhielt 289 Danksagungen
    in 280 Beiträgen

    Standard

    Zitat Zitat von Roke Beitrag anzeigen
    Die Website heißt: www.b4-distribution.de und ...
    ...und lässt sich nicht aufrufen. "seite konnte nicht gefunden werden."

    FYI
    • kein Support via PN • FAQ ist Pflichtlektüre • gelöste Threads bitte markieren
    • empfehlenswerte FF-Addons: Firebug, Web Developer

  3. #3
    Neu an Board
    Registriert seit
    07.09.2008
    Beiträge
    21
    Bedankte sich
    3
    1 Danksagung in 1 Beitrag

    Standard

    Zitat Zitat von Furyk Beitrag anzeigen
    ...und lässt sich nicht aufrufen. "seite konnte nicht gefunden werden."

    FYI
    Ist schon besser, wenn man seine URL kennt...
    Probiers mal hiermit:
    www.b4-distribution.com
    Sorry,
    Roger

  4. #4
    Hat hier eine Zweitwohnung Avatar von Furyk
    Registriert seit
    09.12.2003
    Ort
    Niederrhein
    Beiträge
    1.600
    Bedankte sich
    34
    Erhielt 289 Danksagungen
    in 280 Beiträgen

    Standard

    stimmt, schon besser.

    du hast in zwei css-dateien anweisungen für

    #mainlevel-nav

    nämlich in grey.css und joomla.css. vermutlich überschreibst du dir damit die eigenschaften.
    • kein Support via PN • FAQ ist Pflichtlektüre • gelöste Threads bitte markieren
    • empfehlenswerte FF-Addons: Firebug, Web Developer

  5. #5
    Neu an Board
    Registriert seit
    07.09.2008
    Beiträge
    21
    Bedankte sich
    3
    1 Danksagung in 1 Beitrag

    Standard

    Danke Furyk für Deine schnelle Antwort.
    Ich habe soviel über den richtigen CSS Befehl gelesen, dass ich nicht weiß was ich CSS mäßig einsetzen muss, um den gewünschten Effekt zu bekommen.
    Hast Du einen Tipp für mich, damit ich wenigstens den richtigen Befehl zum ausprobieren habe...
    Grüße
    Roger

  6. #6
    Hat hier eine Zweitwohnung Avatar von Furyk
    Registriert seit
    09.12.2003
    Ort
    Niederrhein
    Beiträge
    1.600
    Bedankte sich
    34
    Erhielt 289 Danksagungen
    in 280 Beiträgen

    Standard

    installier dir mal das firefox-addon firebug. das gibt dir sehr gut auskunft über die jeweils betreffenden werte. ausserdem kannst du damit css-werte "on the fly" ändern und begutachten, welche auswirkung das hat.
    • kein Support via PN • FAQ ist Pflichtlektüre • gelöste Threads bitte markieren
    • empfehlenswerte FF-Addons: Firebug, Web Developer

  7. #7
    --- Avatar von anka
    Registriert seit
    01.05.2008
    Ort
    Basel
    Beiträge
    9.077
    Bedankte sich
    342
    Erhielt 3.298 Danksagungen
    in 3.084 Beiträgen

    Standard

    Versuche es mal damit (die Farbe musst du noch anpassen):

    Code:
    a#active_menu-nav.mainlevel-nav  {
    	color: #b8261d;
    	background: url(../images/grey/topmenu_bg_grey_inverse.png) repeat-x scroll center top;
    
    }
    Und wie Furyk bereits gesagt hat, mit Firebug ist es relativ einfach
    Häufige Fragen und Antworten zu Joomla: Joomla FAQ - Kleines Helferlein: Firebug
    Joomla braucht dich!

    Kein Support per PN


  8. Erhielt Danksagungen von:


  9. #8
    Neu an Board
    Registriert seit
    07.09.2008
    Beiträge
    21
    Bedankte sich
    3
    1 Danksagung in 1 Beitrag

    Standard

    Das habe ich instaliert und komme normalerweise damit auch zum Ziel. Da der Befehl aber garnicht da ist, ist es schwer rumzuprobieren.
    Weißt Du welcher CSS Befehl dafür zuständig ist und wie der Befehl in meinem Fall aussehen muss?
    Ich habe mit .active #current focus usw. probiert und nix hat was bewegt.
    Diesen Befehl habe ich in der grey.css eingebaut:

    #mainlevel-nav li a:hover {
    color: #b8261d;
    background: url(../images/grey/topmenu_bg_grey_inverse.png) repeat-x scroll center top;

    funktioniert tadellos für die Mausüberfahrt. Jetzt soll das Menü einfach so stehen bleiben, wenn es angeklickt wurde...

  10. #9
    Neu an Board
    Registriert seit
    07.09.2008
    Beiträge
    21
    Bedankte sich
    3
    1 Danksagung in 1 Beitrag

    Standard

    Hallo Anka,
    das wars!
    Damit hast Du mir den Tag gerettet!
    Vielen Dank
    Roger

  11. #10
    --- Avatar von anka
    Registriert seit
    01.05.2008
    Ort
    Basel
    Beiträge
    9.077
    Bedankte sich
    342
    Erhielt 3.298 Danksagungen
    in 3.084 Beiträgen

    Standard

    Zitat Zitat von Roke Beitrag anzeigen
    Hallo Anka,
    das wars!
    Damit hast Du mir den Tag gerettet!
    Vielen Dank
    Roger
    Bitte, gerne

    Der Firebug zeigt dir übrigens auch, wie ein Element angesprochen wird bzw. wie es im CSS definiert werden muss (s. Bild)
    Angehängte Grafiken
    Häufige Fragen und Antworten zu Joomla: Joomla FAQ - Kleines Helferlein: Firebug
    Joomla braucht dich!

    Kein Support per PN


  12. Erhielt Danksagungen von:


+ Antworten
Seite 1 von 2 1 2 LetzteLetzte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein