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

Mouseover Effekt

Dieses Thema im Forum "Design" wurde erstellt von Robbel, 10. Januar 2011.

  1. Robbel

    Robbel Member

    Registriert seit:
    9. Januar 2011
    Beiträge:
    19
    Zustimmungen:
    0
    Abend,

    Ich möchte die Navigationsleiste so gestalten, dass die einzelnen Worte in den Zeile mit einer Linie abgetrennt sind. Wenn man über ein Wort fährt soll dann ein Mouseover Effekt das ganze hervorheben, also die ausgewählte Leiste und nicht nur das Wort ansich.

    Meine Fragen wäre also:

    1. Wie erstelle ich am leichtesten diese Trennlinien?
    2. Wie erstelle ich dafür dann den Mouseover Effekt?
     
  2. scotti

    scotti Well-Known Member

    Registriert seit:
    6. Februar 2010
    Beiträge:
    425
    Zustimmungen:
    0
    Das wird in der style.css definiert und ist bei jedem Theme anders.
     
  3. espe

    espe Well-Known Member

    Registriert seit:
    8. Januar 2011
    Beiträge:
    77
    Zustimmungen:
    0
    Es gibt unwahrscheinlich viele Möglichkeiten für einen schicken MouseOver.
    Wenn du kreativ bist und CSS verstehst dürfte es soweit keine Probleme geben.
    Wenn nicht poste doch mal einen Link zu einem Effekt deiner Wahl und/oder deiner Seite/Theme :)
     
  4. Robbel

    Robbel Member

    Registriert seit:
    9. Januar 2011
    Beiträge:
    19
    Zustimmungen:
    0
    Prinzipiell sollen die einzelnen Menüpunkte mit einer Linie getrennt werden und wenn man mit der Maus herüberfährt, sollte sich der hellgraue Hintergrund verfärben.

    Zur Veranschaulichung habe ich einen Screen angehängt.

    Hier noch die Style.css. Evtl. könnt ihr mir sagen wo ich was einfügen sollte.

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  5. espe

    espe Well-Known Member

    Registriert seit:
    8. Januar 2011
    Beiträge:
    77
    Zustimmungen:
    0
    CSS deiner ganzen Sidebar. Könnte so klappen, Link zur Seite bitte :D

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  6. Robbel

    Robbel Member

    Registriert seit:
    9. Januar 2011
    Beiträge:
    19
    Zustimmungen:
    0
    PM ist raus.
     
  7. espe

    espe Well-Known Member

    Registriert seit:
    8. Januar 2011
    Beiträge:
    77
    Zustimmungen:
    0
    Schön üben und weiterlesen! :)

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  8. Robbel

    Robbel Member

    Registriert seit:
    9. Januar 2011
    Beiträge:
    19
    Zustimmungen:
    0
    Danke, hat geklappt. ;)
     
  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