+- net-board.net Archiv (https://net-board.net)
+-- Forum: Deine eigene Homepage (https://net-board.net/forumdisplay.php?fid=26)
+--- Forum: Scriptsprachen (+Datenbanksysteme) (https://net-board.net/forumdisplay.php?fid=19)
+---- Forum: Tutorials und Artikel: Programmieren und Datenbanken (https://net-board.net/forumdisplay.php?fid=15)
+---- Thema: [CSS]Link färben (/showthread.php?tid=2493)
[CSS]Link färben - Petar - 02.09.2003
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
Copy??? - Killingfrezzi - 05.09.2003
warum ist das copy verboten ?
Würde es gerne im Archiv aufnehmen
- Petar - 05.09.2003
einfach so.kannste machen.mein name ist petar.mail adresse: petarm@bluewin.ch und verlinken auf http://www.lizzard.net.ms
- Petar - 05.09.2003
nee,kann nicht sein.habs selbst geschrieben.(gelernt von claudia)
- Petar - 05.09.2003
ein kleiner teil ist aber copiert.(aufgabe 4)
- kickedINtheHEAD - 06.09.2003
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
}