1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

WP 5.2 Aller guten (CSS-)Dinge sind drei...

Dieses Thema im Forum "Design" wurde erstellt von zonebattler, 7. Dezember 2019.

  1. zonebattler

    zonebattler Well-Known Member

    Registriert seit:
    23. Februar 2008
    Beiträge:
    345
    Zustimmungen:
    14
    Hallo zusammen,

    ich will die hiesige Hilfbereitschaft nicht überstrapazieren, aber meine eigenen Bemühungen führen mich nur fast zum Ziel (seufz)... Also auf ein Letztes (für heute): Auf meiner Testinstallation

    https://www.klein-aber-fein.de

    habe ich den Titel-Text durch ein Foto ersetzt und dieses mit etwas CSS schattiert. Soweit, so schön. Durch den Schatteneffekt wirkt es jetzt aber doof, wenn man einen Punkt des waagrechten Hauptmenüs anwählt, dann schlägt dessen weiße Hintergrundfarbe durch (was ohne den Schatten nicht zu sehen wäre).

    Mit

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    ist es mir immerhin schon mal gelungen, den unschönen Effekt beim Drüberhovern zu unterbinden, und mit

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    auch beim aktuell ausgewählten Menüpunkt. Das schaut dann auch schon fast so aus, wie ich es will. Was immer noch stört, ist das "Durchschlagen" des weißen Hintergrunds bei MouseOver über den aktuell ausgewählten (und daher hellgrau abgesetzten) Menüpunkt. Kriegt man das auch noch weg und wie fasse ich dann die drei Fälle in einem CSS-Statement syntaktisch korrekt zusammen, statt uneleganterweise deren drei zu verwenden?

    Dank und Gruß,
    Ralph
     
  2. zonebattler

    zonebattler Well-Known Member

    Registriert seit:
    23. Februar 2008
    Beiträge:
    345
    Zustimmungen:
    14
    Ha, ich habe eine elegantere Lösung gefunden und den Trick mit dem Abstand aus meinem vorherigen Problem angewendet: Mit dem margin-Argument in

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    setze ich das Hauptmenü ein Stück weit tiefer, so daß dessen weiße Hintergrundfarbe jetzt nicht mehr in den Schatten des Headerbildes hineinreicht, egal ob beim Hovern, Auswählen or whatever. Kostet nur wenig screen estate, schaut großzügiger aus und ist obendrein simpler...

    Beste Grüße,
    Ralph
     
    SEpp55 gefällt das.
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden