Изменение/замена указателя, курсора мыши на сайте! Пример html кода

kak-izmenit-kursor-na-sajjte

Доброго времени суток уважаемые читатели!

В сегодняшней, короткой, статье я покажу Вам как изменить/заменить стандартный курсор/указатель мышки на Вашем сайте, на любой, понравившиеся Вам курсор, дабы удивить посетителей и хоть как-то украсить свой ресурс.

Как Вы уже заметили, курсор мышки на моем сайте не является стандартным, который мне уже надоел, и ниже Вам представлено решение этой, очень простой задачки.

Но сперва хотелось бы отметить несколько плюсов замены, на первый взгляд, такого незначительного элемента сайта, как курсор мышки, итак:

  • Так как указатель мыши всегда перед глазами у посетителя, он не может не заметить его замены. Если Вам удастся подобрать красивый курсор под дизайн сайта, поверьте, посетителей не станет меньше, а наоборот (я и сам иногда возвращаюсь на сайты с красивым дизайном независимо от качества написанных статей). Я думаю не стоит объяснять Вам что только замена курсора мыши на сайте, прибавит трафика и постоянных посетителей. Эта статья не об этом. Но поверьте что все что видит и читает посетитель на Вашем ресурсе на прямую влияет на его возврат.
  • В интернете существуют огромное количество курсоров/указателей мыши на любую тему и для любого праздника которые Вы можете скачать совершенно бесплатно. Это я к чему – к примеру, скоро наступит Новый Год, и вместо обычного указателя мыши, посетитель видит маленькую, красивую елку и т.д. Согласитесь, это радует глаз… ну хоть немного… :)
  • И опять же, это все делается без скриптов, без плагинов, без каких либо «штучек» нагружающие сайт.

Замена/изменение указателя/курсора мышки на сайт – html код и место применения

Для того что бы заменить стандартный курсор мышки сайта на уникальный, или почти, Вы должны сперва его найти. Это делается очень просто – заходим в поисковик: Google или Яндекс, и пишем следующий запрос «курсор мыши .cur»

Обратите внимание на .cur – это расширение файла/курсора. Не пытайтесь ставить или искать файлы другого расширения – не получится.

После находки красивого указателя_мыши.cur, Вы должны его загрузить на свой хостинг, в папку где хранится текущая тема оформления. Если возникнут проблемы с находкой этой папки – напишите ниже в комментариях  — помогу!

После чего вы загрузили курсор мыши на хостинг, остается зайти в «Внешний вид» -> «Редактор» и открыть файл style.css, найти в нем тег body, и внутри фигурных скобок добавить нижепредставленный кусочек html кода:

cursor: url (http://Путь к загруженному курсору.cur), default;

Посмотрите как это выглядит у меня:

изменить курсор мыши для сайта

Не забывайте нажать на «Сохранить» изменения в файле style.css. Заходим на свой сайт, обновляем страничку и, если все сделано правильно, радуемся новому курсору мышки.

Ну что ж, на этом пожалуй все, надеюсь Вы тоже обрадовались результату, как и я, когда в первые узнал как изменить курсор мыши на своем сайте.

Если возникнут трудность по теме, спрашивайте, если понравилась статья – поделитесь.

Пока, пока!

4 комментария к Изменение/замена указателя, курсора мыши на сайте! Пример html кода

  • Андрей  написал:

    Ничего не получилось. В моей теме не только в папке images, нету файла с расширением КУР, но и во всей теме. Может для моей темы надо файл с другим расширением?

    • Max Vuzin  написал:

      Я как-бы четко написал что после чего Вы нашли в интернете курсор для мышки с расширением .cur — Вы должны ЗАГРУЗИТЬ его самостоятельно на сервер...

      Курсор и не должен находится на Вашем сервере или в Вашей теме, Вы сами должны его туда вставить...

  • Аршак  написал:

    День добрый. Все работает, но хотелось, чтобы при наведении на ссылки курсор не менялся. Можно это как-нибудь сделать?

    • Max Vuzin  написал:

      Да можно, нужно также, в style.css найти тег «а», он отвечает за вид ссылки (цвет, шрифт и т.д.) и вставить тот же кусок кода что Вы скопировали для курсора и сохранить.

↓ Оставить комментарий ↓

Автор блога оставляет за собой право на удаление или редактирование Вашего сообщения и данных которые Вы оставляете в поле выше. Оставляя свой комментарий - Вы принимаете данные условия. Если Ваш комментарий не по теме или составляет только такие выражения как : "Классная статья", "Обязательно попробую", и т.д. - будьте готовы на то что ссылка на Ваш сайт будет удалена. Что бы ссылка осталась - напишите комментарий из несколько предложений и обязательно по теме статьи. Спасибо за понимание!!!