Эгерде веб-сайттын кирүүчүнүн браузери барактын кодунан гипершилтемелердин түстөр дизайны боюнча эч кандай көрсөтмө таппаса, анда ал демейки маанилерди колдонот. Бул маанилер пассивдүү шилтемелер үчүн көк, активдүү (көтөрүп жүрүүчү) шилтемелер үчүн кызыл жана буга чейин кирген шилтемелер үчүн ачык кызыл түстө. Бул түс схемасы ар дайым барактын дизайнынын түс схемасы менен айкалыштырыла бербейт, демек, шилтеме стилин сүрөттөө блогу кодго киргизилет.
Нускамалар
1 кадам
Браузер үчүн үч абалда шилтеме түстөрүн сүрөттөй турган көрсөтмөлөрдүн топтомун түзүңүз. Мисалы, мындай болушу мүмкүн: a: link {color: Red;}
а: барган {түс: сары;}
a: hover {color: Orange;} Бул жерде ар бир саптын башындагы "а" "селектор" деп аталып, браузер тармал кашаага алынган стиль сүрөттөмөсүн колдоно турган тегди көрсөтөт. "А" - бул гипершилтеме теги. Көп чекит менен ажыратылган селекторго кошулган сөз "жасалма класс" деп аталат - браузер тармал кашаадагы стиль кайсы шилтеме абалына таандык экендигин аныктайт. шилтеме кадимки шилтеме менен дал келет, буга чейин болгон шилтемеге баш багып, курсор анын үстүндө жылып турганда, шилтемени алып жүрүңүз. Тармал кашаанын ичиндеги түстөр параметрине берилген түстөр түс көлөкөсүнүн аталышы же он алтылык коду менен белгилениши мүмкүн.
2-кадам
Эгерде сиз баракчанын ар кандай топторуна ар кандай түстөрдү беришиңиз керек болсо, анда ар бир топко өзүнүн белгисин ("класс") ыйгарыңыз жана алардын ар бири үчүн стилдердин өзүнчө сүрөттөмөсүн жасаңыз. Мисалы, бир топту LinksRed, экинчисин LinksGreen деп атаңыз. Ошондо стилдин сүрөттөлүшү төмөнкүдөй болот: a. LinksRed: link {color: Red;}
a. LinksRed: барган {color: Yellow;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: барган {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} Жана ар бир топтун шилтемелеринин тегдеринде алардын кайсы класска таандык экендигин көрсөтүшүңүз керек. Мисалы: Кызыл шилтеме
Жашыл шилтеме
3-кадам
Бул көрсөтмөлөр CSS (Cascading Style Sheets) тилинде жазылган, андыктан аларды HTML (HyperText Markup Language) тилинде жазылган стилдик теги, аларды барактын баштапкы кодундагы башка нускамалардан бөлүп турушу керек:
a. LinksRed: шилтеме {color: Red;}
a. LinksRed: барган {color: Yellow;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: барган {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;}
4-кадам
Даярдалган шилтеме стилин сүрөттөө блогун барактын баштапкы кодунун баш бөлүгүнө жайгаштырыңыз - жана жана тегдер менен чектелет.
