ilch Forum » Allgemein » HTML, PHP, SQL,... » Bild wird farbig, wenn man rüberfährt?!

Geschlossen
  1. Mi. 08.08.2012 17:25 Uhr #1
    User Pic
    Zerzaro Mitglied
    Registriert seit
    06.03.2010
    Beiträge
    84
    Beitragswertungen
    2 Beitragspunkte
    Hey Leute,
    Wie macht man das, das ein Bild sich anders färbt, wenn man rüberscrollen tut? Wie auf dieser Seite (oben zusehen Startseite, Downloads etc.)

    Aber es sollte auch möglich sein, das man auf das Bild klicken kann, damit man auf eine andere Page geht lächeln

    Hoffe ihr könnt mir helfen!
    0 Mitglieder finden den Beitrag gut.
  2. Mi. 08.08.2012 17:31 Uhr #2
    User Pic
    she Mitglied
    Registriert seit
    13.11.2010
    Beiträge
    1.115
    Beitragswertungen
    82 Beitragspunkte
    #menu a:hover {
color: white;
background-image: url(img/bg_menu2.png);
background-repeat: repeat-x;
border-right: 1px solid black;
border-left: 1px solid black;
}


    ist dafür verantwortlich. Ändern in deinen belieben zwinker
    Google+ shelfinger.eu
    Das Wissen verfolgt mich - doch ich bin schneller!
    0 Mitglieder finden den Beitrag gut.
  3. Mi. 08.08.2012 20:28 Uhr #3
    User Pic
    Zerzaro Mitglied
    Registriert seit
    06.03.2010
    Beiträge
    84
    Beitragswertungen
    2 Beitragspunkte
    Warum nur ein img? Müssen nicht 2 verschiedene Bilder angezeigt werden?
    Und wie kann ich nen Link drauß machen?


    Zuletzt modifiziert von Zerzaro am 08.08.2012 - 20:28:48
    0 Mitglieder finden den Beitrag gut.
  4. Mi. 08.08.2012 20:37 Uhr #4
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.629
    Beitragswertungen
    1192 Beitragspunkte
    Prinzip: 

    <style>
a.menu { } /* Link */
a.menu:hover  { } /* Link mit Hover */
</style>

<a class="menu" href="#">Link</a>
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  5. Mi. 08.08.2012 21:52 Uhr #5
    User Pic
    Zerzaro Mitglied
    Registriert seit
    06.03.2010
    Beiträge
    84
    Beitragswertungen
    2 Beitragspunkte
    Okay.. ist der erste Link, sowie der dadrunter für die 2 Bilder und der letzte dann der Link zum weiterleiten, wenn man raufklicken tut? ^^
    0 Mitglieder finden den Beitrag gut.
  6. Mi. 08.08.2012 22:17 Uhr #6
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.629
    Beitragswertungen
    1192 Beitragspunkte
    Mir ist jetzt nicht klar, was du damit aussagen willst.
    Lies dich mal in CSS ein, damit Du den Sinn verstehst.

    a.menu {} stellt die Formatierung per CSS für ein Link dar
    a.menu:hover {} stellt die Formatierung per CSS für den gleichen Link mit Hover/Cursor darauf dar

    <a class="menu" href="#">Link</a> ist dieser Link, da hier die Klasse menu darauf angewendet wird.
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten