Вам понадобится
- - собственный сайт
- - иметь хотя бы начальные знания HTML
- - знать, где находится код CSS на сайте
Инструкция
1
2
3
Но, чтобы поменять указатель, совсем не обязательно брать готовое изображение. Если вы хотите сделать картинку самостоятельно, то воспользуйтесь одной из специальных программ для создания курсоров или конвертации форматов графических файлов.
4
Залейте изображение для курсора на сайт. Затем в коде ресурса найдите тег <body> и внесите в него следующие изменения:
<body style="cursor:url(images/1.ani);"><body>
Вместо записи "images/1.ani" обозначьте путь к залитой на ваш сайт картинке.
<body style="cursor:url(images/1.ani);"><body>
Вместо записи "images/1.ani" обозначьте путь к залитой на ваш сайт картинке.
5
Если вы хотите, чтобы курсор при наведении на ссылку был в виде одной картинки, а при нахождении в области отсутствия ссылающегося элемента - имел вид другого изображения, то лучше для изменения указателя использовать CSS. Чтобы сделать такие преобразования, сначала залейте на сайт еще один файл с расширением .cur или .ani.
6
Затем в CSS вашего сайта сделайте запись "body {cursor:url('1.ani');}", указав вместо "1.ani" путь к залитому на сайт основному изображению для курсора. Этот код добавляет свойство менять курсор на указанную картинку к тегу <body>, в котором прописывается содержимое всех страниц ресурса.
7
Потом напишите в CSS строчку "a {cursor:url('2.ani');}", заменив "2.ani" на путь к залитому на ресурс изображению курсора, которое должно возникать при наведении указателя на ссылку. Сделанная запись позволяет заменить курсор на соответствующую картинку при попадании указателя на любую ссылку на сайте, так как вносит изменения в свойство тега <a>.
Видео по теме
Источники:
- Как создать сайт
- как поменять стрелку