Marktplatz Downloads Tutorials Forum

Designnation bietet auch:

Tutorial hinzufügen

Beliebte Links Weitere Optionen

Tutorial suchen

Titel

Schlüsselwörter

(X)HTML / CSS Tutorial: verschiedene Mouse Over Farben



Ranking: +2   Kommentare: 0   |   Bewertung: Keine Berechtigung!  

In diesem Tutorial möchte ich euch erklären wie man einfach verscheidene Mouseover Farben erstellen kann.

Schritt 1:

Wir erstellen eine CSS Datei namens "style.css"

Code:




a.link1 {color: #FFFFFF;}

a.link1:hover {color: #0000FF;}



a.link2 {color: #000000;}

a.link2:hover {color: #FF0000;}




Schritt 2:

Nun erstellen wir eine HTML Datei namens "index.html"

Code:




<html>

<head>

<title>CSS Test</title>

<link href="style.css" rel="stylesheet" type="text/css">

</head>

<body>



<table border="1">

  <tr>

    <td class="link1"><a href="#">Link 1</a></td>

    <td class="link2"><a href="#">Link 2</a></td>

  </tr>

</table>



</body>

</html>



In dieser Datei wird per Attribut: class auf die Farben verlinkt.
Wenn man mit der Maus über Link eins fährt wird der Text Rot und beim 2. Link wir der Text Blau.

Diese Funktion braucht man wenn man verschiedene Hintergrundfarben in der Seite hat damit man den text erkennen kann.

Bei Fragen: linus.holtstiege@gmx.de

Viel Spaß !

Veröffentlicht von: dash-the-one
Veröffentlicht am: 3 Aug. 2008
Bookmarks: social bookmarking yigg it Linkarena Technorati Yahoo Mr. Wrong
Schlüsserwörter: CSS HTML link mouseover


Themenverwandte Tutorials


Kommentar(e) (0)


Kommentar eintragen


!! Jetzt kostenlos anmelden oder einloggen und mitdiskutieren!


Partner: • Designer in ActionFlash HilfeTutorials.dePixelio.deFlashstar BlogLizenzfreie Bilder