net-board.net Archiv
[CSS]Link färben - Druckversion

+- 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 Wink
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
}