Veb sayt ziyarətçisinin brauzeri səhifə kodunda köprüklərin rəng dizaynına dair hər hansı bir göstərici tapmırsa, standart dəyərlərdən istifadə edir. Bu dəyərlər passiv keçidlər üçün mavi, aktiv (hover) linklər üçün qırmızı və artıq ziyarət edilmiş bağlantılar üçün açıq rəng rəngidir. Bu rəng sxemi həmişə səhifə dizaynının rəng sxemi ilə birləşdirilmir, buna görə bir qayda olaraq bağlantı tərzi təsviri bloku koda daxil edilir.
Təlimat
Addım 1
Brauzer üçün keçid rənglərini üç vəziyyətdə təsvir edəcək bir sıra təlimat yaradın. Məsələn, belə görünə bilər: a: link {color: Red;}
a: ziyarət edildi {color: Yellow;}
a: hover {color: Orange;} Burada hər sətrin əvvəlindəki "a" "seçici" adlanır və brauzerin qıvrım mötərizədə olan stil təsvirini tətbiq edəcəyi etiketi müəyyənləşdirir. "A" köprü etiketidir. İki nöqtə ilə ayrılmış seçiciyə əlavə olunan sözə "yalançı sinif" deyilir - brauzerin qıvrım mötərizədəki üslubun hansı əlaqə vəziyyətinə aid olduğunu müəyyənləşdirir. link müntəzəm bir keçidlə eşleşir, əvvəllər ziyarət edilmiş bir linki ziyarət etdi və kursor üzərində gəzdikdə bir linki göstərin. Buruq mötərizədə rəng parametrinə təyin olunmuş rənglər ya rəng kölgəsinin adı ilə, ya da onaltılıq kodu ilə təyin edilə bilər.
Addım 2
Səhifədəki müxtəlif bağlantı qruplarına fərqli rənglər təyin etməyiniz lazımdırsa, hər qrupa öz təyinatını ("sinif") təyin edin və hər biri üçün üslubların ayrıca təsvirini verin. Məsələn, bir qrupu LinksRed, digərini LinksGreen adlandırın. Sonra stil təsviri belə görünəcək: a. LinksRed: link {color: Red;}
a. LinksRed: ziyarət edildi {rəng: Sarı;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: ziyarət edildi {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} Və hər qrupun linklərinin etiketlərində hansının mənsub olduqlarını göstərməlisiniz. Məsələn: Qırmızı link
Yaşıl link
Addım 3
Bu təlimatlar CSS-də (Cascading Style Sheets) yazılmışdır, buna görə onları HTML (HyperText Markup Language) ilə yazılmış səhifədəki digər təlimatlardan ayıran bir stil etiketinin içərisinə yerləşdirmək lazımdır):
a. LinksRed: link {color: Red;}
a. LinksRed: ziyarət edildi {rəng: Sarı;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: ziyarət edildi {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;}
Addım 4
Hazırlanmış bağlantı tərzi təsviri blokunu səhifənin mənbə kodunun başlıq hissəsinə yerləşdirin - və etiketlər ilə ayrılır.
