Jeżeli przeglądarka osoby odwiedzającej witrynę nie znajdzie w kodzie strony żadnych wskazówek co do kolorystyki hiperłączy, to używa wartości domyślnych. Wartości te są niebieskie dla linków pasywnych, czerwone dla linków aktywnych (po najechaniu kursorem), a odcień koloru magenta dla już odwiedzonych linków. Ten schemat kolorów nie zawsze jest połączony ze schematem kolorów projektu strony, dlatego zwykle w kodzie znajduje się blok opisów stylów linków.
Instrukcje
Krok 1
Utwórz zestaw instrukcji dla przeglądarki, które opisują kolory linków w trzech stanach. Na przykład może to wyglądać tak: a: link {color: Red;}
a: odwiedził {kolor: Żółty;}
a: hover {color: Orange;} Tutaj „a” na początku każdej linii jest nazywane „selektorem” i określa tag, do którego przeglądarka powinna zastosować opis stylu zawarty w nawiasach klamrowych. „A” to tag hiperłącza. Słowo dodane do selektora oddzielone dwukropkiem nazywa się „pseudoklasą” - używaną przez przeglądarkę do określenia, do którego stanu łącza należy styl w nawiasach klamrowych. link pasuje do zwykłego linku, odwiedził link, który już został odwiedzony i najedzie na link, gdy kursor znajduje się nad nim. Kolory przypisane do parametru koloru wewnątrz nawiasów klamrowych można określić za pomocą nazwy odcienia koloru lub jego kodu szesnastkowego.
Krok 2
Jeśli chcesz przypisać różne kolory do różnych grup linków na stronie, przypisz każdej grupie własne oznaczenie („klasa”) i stwórz osobny opis stylów dla każdego z nich. Na przykład nazwij jedną grupę LinksRed, a drugą LinksGreen. Wtedy opis stylu będzie wyglądał tak: a. LinksRed: link {color: Red;}
a. LinksRed: odwiedzone {color: Yellow;}
a. LinksRed: najedź {kolor: pomarańczowy;} a. LinksGreen: link {kolor: zielony;}
a. LinksGreen: odwiedzone {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} A w tagach linków każdej grupy musisz wskazać, do której klasy należą. Na przykład: czerwony link
Zielony link
Krok 3
Te instrukcje są napisane w CSS (Cascading Style Sheets), więc muszą być umieszczone wewnątrz tagu stylu, który oddziela je od innych instrukcji w kodzie źródłowym strony, napisanych w HTML (HyperText Markup Language)):
a. LinksRed: link {kolor: czerwony;}
a. LinksRed: odwiedzone {color: Yellow;}
a. LinksRed: najedź {kolor: pomarańczowy;} a. LinksGreen: link {kolor: zielony;}
a. LinksGreen: odwiedzone {color: DarkGreen;}
a. LinksGreen: najedź {kolor: Lime;}
Krok 4
Umieść przygotowany blok opisu stylu linku w części nagłówkowej kodu źródłowego strony - jest on oddzielony znacznikami i.
