im header Social networks integrieren wie

  • Sorry für den Doppelpost.


    Kann mir jemand erklären wie ich es hinbekomme das die Buttons einen Mouse-Over-Effekt haben?
    Also mit 2 verschiedenen Grafiken.
    Macht man das mit CSS (womit ich mich nicht auskenne)?

    • Teambeitrag

    Dafür solltest du das Bild als Hintergrund vom Link einbinden:


    <a href="Twitter" class="soboTwitter">Twitter</a>


    Und dann kannst du dem einen Hoverstatus verpassen:


    .soboTwitter {
    background:bild;
    }


    .soboTwitter:hover {
    background:bild_hover;
    }


    Vermutlich solltest du den Buttons dann auch eine feste Größe geben:


    .soboTwitter {
    background:bild;
    display:block;
    width:100px;
    height:100px;
    }


    .soboTwitter:hover {
    background:bild_hover;
    }
    usw…

    Deine Anfrage wurde nicht beantwortet? Dann bitte einfach noch mal kurz im Thema nachfragen.


    Mein Blog: TwentyMag <- Lesen, Teilen, Liken, Kommentieren, Abonnieren. Ihr wisst bescheid, was labere ich hier groß rum :eyes:


  • Hat jemand eine Idee wie das jetzt im WBB4 funktioniert?
    Ich habe es bislang nicht hinbekommen.