[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 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 } |