Сайтовете с атрактивен външен вид са много популярни сред посетителите. За да подобрят външния вид на ресурса, техните собственици обикновено изцяло или частично променят дизайна. За съжаление добавянето на нови цветни елементи за декорация на страници отнема много време. Един бърз начин да привлечете вниманието на посетителите на ресурса е да замените обичайния курсор с малко изображение. За да инсталирате такъв елемент на сайта, трябва да изпълните няколко прости стъпки.
Необходимо е
- - собствен сайт
- - притежават поне основни познания по 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" с пътя към изображението на курсора, качено в ресурса, което трябва да се появи, когато курсорът се задържи над връзката. Направеният запис ви позволява да замените курсора със съответната картина, когато показалеца удари някоя връзка на сайта, тъй като прави промени в свойството на маркера.
