Сырткы көрүнүшү кооз сайттар меймандарга абдан популярдуу. Ресурстун көрүнүшүн жакшыртуу үчүн, алардын ээлери, адатта, дизайнын толугу менен же жарым-жартылай өзгөртүшөт. Тилекке каршы, барактын жасалгасы үчүн жаңы түстүү элементтерди кошуу көп убакытты талап кылат. Ресурстарга келгендердин көңүлүн буруунун тез ыкмасы - кадимки курсорду кичинекей сүрөт менен алмаштыруу. Мындай элементти сайтка орнотуу үчүн бир нече жөнөкөй кадамдарды жасашыңыз керек.
Ал зарыл
- - өз сайты
- - жок дегенде HTML тилин билүү
- - сайтта CSS коду кайда экендигин билүү
Нускамалар
1 кадам
Алгач, сайттагы көрсөткүчтү алмаштыра турган сүрөттү жүктөп алыңыз. Жалпы графикалык форматтардын сүрөттөрү (.bmp,.gif,.jpg,.png
2-кадам
Көрсөткүчтү алмаштыруу үчүн.cur же.ani форматындагы сүрөт керек. Мындай сүрөттү алуу үчүн Интернеттен курсорлор үчүн атайын иштелип чыккан сүрөттөрдү издеңиз.. Cur кеңейтүүсү статикалык сүрөттөргө, ал эми.ani кеңейтүүсү анимацияланган сүрөттөргө мүнөздүү. Өзүңүзгө жаккан файлды компьютериңизге сактап коюңуз.
3-кадам
Бирок көрсөткүчтү өзгөртүү үчүн, даяр сүрөттү алуу таптакыр зарыл эмес. Эгерде сиз өзүңүз сүрөт тарткыңыз келсе, анда курсорлорду түзүү же файлдын графикалык форматтарын которуу үчүн атайын программалардын бирин колдонуңуз.
4-кадам
Сайттагы курсор үчүн сүрөттү толтуруңуз. Андан кийин, ресурстук коддон тегди таап, ага төмөнкүдөй өзгөртүүлөрдү киргизиңиз:
"Images / 1.ani" деп жазуунун ордуна, сайтыңызга жүктөлгөн сүрөттүн жолун көрсөтүңүз.
5-кадам
Эгерде сиз шилтеме үстүндө жылдырганда курсор бир сүрөттөлүш түрүндө, ал эми байланыштыруучу элемент жок болгондо - башка сүрөт окшош болушун кааласаңыз, анда көрсөткүчтү өзгөртүү үчүн CSSти колдонгон оң. Мындай өзгөртүүлөрдү киргизүү үчүн, алгач сайтка.cur же.ani кеңейтүүсү бар башка файл жүктөп бериңиз.
6-кадам
Андан кийин, өз сайтыңыздын CSS сайтына "body {cursor: url ('1.ani');}" жазуусун киргизиңиз, "1.ani" ордуна, курсор үчүн жүктөлгөн негизги сүрөттүн жолун көрсөтүңүз сайт. Бул код курсорду көрсөтүлгөн сүрөттөгү ресурстардын бардык барактарынын мазмуну жазылган тегге өзгөртүү үчүн касиетти кошот.
7-кадам
Андан кийин CSSке "a {cursor: url ('2.ani');}" сабын жазып, "2.ani" дегенди, ресурстарга жүктөлгөн курсордун сүрөтү менен алмаштырыңыз, ал көрсөткүч өйдө көтөрүлгөндө пайда болот. шилтеме. Киргизилген жазуу, көрсөткүч сайттын каалаган шилтемесине тийгенде, курсорду тиешелүү сүрөт менен алмаштырууга мүмкүндүк берет, анткени ал тег касиетине өзгөртүүлөрдү киргизет.
