Visit the following main content areas of Dynamic Drive:


Strona główna
Nagłówek i treść
Text
Odsyłacze
Tabele
Ramki
Multimedia
CSS i JavaScript
Horizontal i vertical menu
Smooth Navigation. menu
Icon Menu

Kontakt
Czym się zajmujemy
Śledź nas na Facebooku
Gadu-Gadu
Skype

Kolor odsyłaczy

<body link="kolor nowych" vlink="kolor odwiedzonych" alink="kolor aktywnych">...</body>

gdzie "kolor nowych", "kolor odwiedzonych" i "kolor aktywnych" oznaczają definicje kolorów, przy czym:

kolor nowych-
kolor odsyłaczy które nie zostały jeszcze użyte

kolor odwiedzonych-
kolor odsyłaczy, które zostały już użyte

kolor aktywnych-
kolor aktywnego odsyłacza, czyli takiego który właśnie został użyty

Co to oznacza? Z lewej strony znajduje się MENU. Po kliknięciu w którąkolwiek kategorię zostajesz przeniesiony do innej podstrony. Jest to przydatne rozwiązanie jeżeli nasza strona jest rozbudowana. Wszystko jest wtedy przejrzyste i uporządkowane. Są to odsyłacze tekstowe. I to właśnie ich kolory możesz zmieniać w zależności od potrzeb.

Podświetlenie po najechaniu kursorem

Aby jeszcze bardziej urozmaicić wygląd odnośników tekstowych i uatrakcyjnić daną stronę, można posłużyć się poleceniami stylów CSS. Pozwalają one swobodnie zmieniać kolor i inne cechy odsyłaczy po najechaniu na nie kursorem. Jeśli usuniemy wskaźnik myszki znad takich łączy, zostanie im przywrócony poprzedni wygląd.

Aby wszystkie odsyłacze na stronie zmieniały kolor po wskazaniu myszką oraz pojawiło się tło należy w treści nagłówkowej dokumentu (w ramach <head>...</head>) umieścić następujący tekst:

<style type="text/css">
/* <![CDATA[ */
a:hover { color: kolor1; background-color: kolor2 }
/* ]]> */
</style>

Przykład

Najedź tu kursorem



Aby zupełnie usunąć podkreślenie pod odsyłaczami:

<style type="text/css">
/* <![CDATA[ */
a { text-decoration: none }
/* ]]> */
</style>

Przykład

Najedź tu kursorem
Web Design - Mieszko Slaski, Graphics - Magdalena Slaska