02.09.2003, 19:21
Sicher habt ihr schon von vielen Sites gesehen, dass wenn man über einen Link gefahren ist, die Farbe sich geändert hat.Das geht ganz leicht mit CSS.
1. Erstelle eine CSS-Datei oder füge dies in deiner HTML datei vor dem </head> ein:
<style>
</style>
2. Nun kommt der „a“ Tag.Wie im HTML schreibt man zuerst den Tag Name und dann die ausgewählte Funktion (HTML: <a href=http://........></a> Und CSS: a:link { })
3. So jetzt kommt der Teil,der das alles verändert.Schreibe zu erst den Tag „a“ und dann „:“ Zwischen <style> und </style ein.
Demo:
<style>
a:
</style>
4. Jetzt kommt die Aufgabe des Tages: schreibe nach „a:“ Für den Standart Link „link“ ein, „hover“ ist der Link beim überfahren, a:visited wenn man die Seite schon mal besucht hat und a:activ beim draufklicken.
Demo (bei allen 4 Funktionen):
<style>
a:link {
color:#000000;
font-family:tahoma;
font-size:8pt
}
a:hover {
color:#000000;
font-family:tahoma;
font-size:8pt
}
a:visited {
color:#000000;
font-family:tahoma;
font-size:8pt
}
a:active {
color:#000000;
font-family:tahoma;
font-size:8pt
}
</style>
5. Bei “color:#000000;” das #000000 ist die Farbe der Funktion, bei „font-family:tahoma;“ Das tahoma die Schriftart und bei „font-size:8pt;“ Das 8pt die Schrifthöhe
Ich hoffe ich hab euch geholfen
ZUSATZ;
6. Wenn ihr noch im HTML im a Tag das „class=cssextralink“ hinzufügst,kannst du dem ausgewählten Link eine extra farbe geben.Dazu muss noch im CSS das hinzu kommen:
.cssextralink {
color:#000000;
font-family:tahoma;
font-size:8pt
} (Wichtig ist das Punkt vor deinem Link-Name)
Und HTML Tag: <a href=http://test.de class=cssextralink>Test</a>
COPY VERBOTEN
1. Erstelle eine CSS-Datei oder füge dies in deiner HTML datei vor dem </head> ein:
<style>
</style>
2. Nun kommt der „a“ Tag.Wie im HTML schreibt man zuerst den Tag Name und dann die ausgewählte Funktion (HTML: <a href=http://........></a> Und CSS: a:link { })
3. So jetzt kommt der Teil,der das alles verändert.Schreibe zu erst den Tag „a“ und dann „:“ Zwischen <style> und </style ein.
Demo:
<style>
a:
</style>
4. Jetzt kommt die Aufgabe des Tages: schreibe nach „a:“ Für den Standart Link „link“ ein, „hover“ ist der Link beim überfahren, a:visited wenn man die Seite schon mal besucht hat und a:activ beim draufklicken.
Demo (bei allen 4 Funktionen):
<style>
a:link {
color:#000000;
font-family:tahoma;
font-size:8pt
}
a:hover {
color:#000000;
font-family:tahoma;
font-size:8pt
}
a:visited {
color:#000000;
font-family:tahoma;
font-size:8pt
}
a:active {
color:#000000;
font-family:tahoma;
font-size:8pt
}
</style>
5. Bei “color:#000000;” das #000000 ist die Farbe der Funktion, bei „font-family:tahoma;“ Das tahoma die Schriftart und bei „font-size:8pt;“ Das 8pt die Schrifthöhe
Ich hoffe ich hab euch geholfen
ZUSATZ;
6. Wenn ihr noch im HTML im a Tag das „class=cssextralink“ hinzufügst,kannst du dem ausgewählten Link eine extra farbe geben.Dazu muss noch im CSS das hinzu kommen:
.cssextralink {
color:#000000;
font-family:tahoma;
font-size:8pt
} (Wichtig ist das Punkt vor deinem Link-Name)
Und HTML Tag: <a href=http://test.de class=cssextralink>Test</a>
COPY VERBOTEN
gfx 4 ever