მიმზიდველი გარეგნობის საიტები ძალიან პოპულარულია ვიზიტორებში. რესურსის გარეგნობის გასაუმჯობესებლად, მათი მფლობელები, როგორც წესი, მთლიანად ან ნაწილობრივ ცვლის დიზაინს. სამწუხაროდ, გვერდის დეკორაციისთვის ახალი ფერადი ელემენტების დამატება დიდ დროს მოითხოვს. რესურსების ვიზიტორების ყურადღების მიპყრობის სწრაფი გზაა ჩვეულებრივი კურსორის შეცვლა მცირე გამოსახულებით. საიტზე ამგვარი ელემენტის დასაყენებლად საჭიროა რამდენიმე მარტივი ნაბიჯის შესრულება.
Ეს აუცილებელია
- - საკუთარი საიტი
- - აქვს მინიმუმ საბაზისო ცოდნა 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 "ჩაანაცვლეთ რესურსში ატვირთული კურსორის სურათის გეზით, რომელიც უნდა გამოჩნდეს, როდესაც მაჩვენებელი ინახება ბმული. გაკეთებული ჩანაწერი საშუალებას გაძლევთ შეცვალოთ კურსორი შესაბამისი სურათით, როდესაც მაჩვენებელი მოხვდება საიტის ნებისმიერ ბმულზე, რადგან ის ცვლილებებს ახდენს თეგის თვისებაში.
