verschieden-farbige Links
Hier wollen wir Links einer HTML-Seite, mit Hilfe von CSS, unterschiedliches Aussehen und Verhalten verleihen.
Zuerst definieren wir, wie die Links aussehen sollen bzw. wie sie sich beim drüberfahren des Mauszeigers verhalten sollen.
Der Einfachkeit halber, setzen wir voraus das der Leser CSS durch eine externe Datei einzubinden weiss.
Als Beispiel möchten wir Menu-Links verändern. Die Links sollen die Farbe rot und keinen Unterstrich erhalten. Das Aussehen soll bei einem besuchten (visited), sowie auch bei einem gerade angeklickten (active), Link gleich bleiben.
Sollte der Mauszeiger über den Link fahren (hover), soll er schwarz werden und einen Unterstrich bekommen.
Der CSS-Quellcode:
a.menu:link, a.menu:visited, a.menu:active {
color: red;
text-decoration: none;
}
a.menu:hover {
color: black;
text-decoration: underline;
}
Um nun den Links diesen "Style" zu übergeben, wird dem Link eine Klasse zugeordnet, die, wie man oben sieht, die Bezeichnung menu trägt.
Ein Link sollte somit nach der Änderung des Quelltextes wie folgt aussehen:
<a href="http://www.ihre-seite.de/ihrlink.html" class="menu">Ihr Link</a>
Somit sind die Eigenschaften der CSS-Definition auf den HTML-Link angewandt worden und kann sich nun zu den normalen Links unterscheiden.
Leser-Kommentare
t775z7 jxokyzmqgabm, [url=http://meskrrmxwijg.com/]meskrrmxwijg[/url], [link=http://vzmkyaiicbfq.com/]vzmkyaiicbfq[/link], http://vyzwgmngixuq.com/
geschrieben am 19. Dezember 2010 um 15:26 Uhr
TQ428N wojrsichpfmn, [url=http://wtxmlvvqlerp.com/]wtxmlvvqlerp[/url], [link=http://cyivmpeauxah.com/]cyivmpeauxah[/link], http://qomixpxmaiju.com/
geschrieben am 07. April 2010 um 12:36 Uhr
4h6Zek mellfnhyeaxy, [url=http://hxyszlsfbgnz.com/]hxyszlsfbgnz[/url], [link=http://bjxebavyoowa.com/]bjxebavyoowa[/link], http://ozfzpcbgslvx.com/
geschrieben am 21. Februar 2010 um 10:32 Uhr
JWc8bZ hlfqztjgdzmg, [url=http://hpllqiqtqill.com/]hpllqiqtqill[/url], [link=http://auuanozltceo.com/]auuanozltceo[/link], http://nhevidqotxce.com/
geschrieben am 15. Januar 2010 um 08:10 Uhr
UVCbtl vehpqffyuqsv, [url=http://cnjuibqfqyay.com/]cnjuibqfqyay[/url], [link=http://dqqdmwxiijge.com/]dqqdmwxiijge[/link], http://hcosaquuajjs.com/
geschrieben am 02. Dezember 2009 um 14:58 Uhr
| 
Seitenanfang