net-board.net Archiv

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

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

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

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

ein kleiner teil ist aber copiert.(aufgabe 4)

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
}