[CSS]Link färben

[Petar]

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

[Killingfrezzi]

warum ist das copy verboten ?
Würde es gerne im Archiv aufnehmen

[Petar]

einfach so.kannste machen.mein name ist petar.mail adresse: petarm@bluewin.ch und verlinken auf http://www.lizzard.net.ms

[Petar]

nee,kann nicht sein.habs selbst geschrieben.(gelernt von claudia)

[Petar]

ein kleiner teil ist aber copiert.(aufgabe 4)

[kickedINtheHEAD]

bei font-family nachher noch sans-serif angeben
das macht das ganze xhtml kompatibel
also font-family:tahoma,sans-serif;
und font size würd ich in px angeben
das is genauer
außerdem wenn gewissen sachen gleich sind braucht ihr die net alle extra schreibn, einfach auflisten

a:link, body a:visited, body a:active {
css
}