В CSS существует свойство, с помощью которого вы сможете легко изменить курсор на своем сайте. Часто бывает так, что стандартный курсор Windows не вписывается в общую картину сайта. Чтобы изменить это, сделаем небольшие поправки в коде.
Источник: https://www.pandoge.com/stati_i_sovety/kak-izmenit-standartnyy-kursor-na-sayte
Содержание
Свой курсор для всего сайта при помощи CSS
Прежде всего делаем заготовки курсоров в нужном формате и закачиваем их к себе на хостинг. Далее открываем файл стилей и вставляем следующий параметр в класс body (в видео показано наглядно):
|
cursor:url(images/cursor-1.png),url(images/cursor-2.cur),default; |
В результате курсор изменится по всему сайту, за исключением наведения на ссылку. Чтобы изменить курсор на ссылке, нужно вставить это же самое для a в файле стилей (обычно сразу же за body располагается).
Источник: https://mojwp.ru/cursor-css.html
Make cursors in browser
It might look like a screenshot, but it is not. Just pick a drawing tool and start painting your cursor directly in the browser.
Источник: http://www.rw-designer.com/online-cursor-editor
Стилизованный курсор в определенной части сайта
Если вы хотите сделать тематический курсор только в определенной части сайта (в блоке сайдбара, или в теле самой статьи, ее частей), то необходимо прописать параметр cursor только для выбранного класса:
|
.post a {cursor:url(images/cursor-1.png),url(images/cursor-2.cur),default;} |
Вот ссылка на справочник, где можно найти информацию о допустимых параметрах в синтаксисе cursor .
Обсуждение статьи лучше делать в комментариях, чтобы посетители сайта могли так же получить ответы на свои вопросы. На крайний случай пишите в форму обратной связи.
Давай, оцени статью!
Источник: https://mojwp.ru/cursor-css.html
Getting started
Do not be afraid to experiment. Start by clicking on the canvas, move your mouse while holding the left mouse button down to draw a continuous line. Try out the other tools. When ready, hit the big Download button and save your cursor. Also, learn how to customize your cursor.
Sharing your work
If you are logged-in you may add your cursor to the cursor library by clicking ‘Publish’ button in the Gallery mini-panel. You can also edit your cursors that are present in the gallery. Visit the page of your cursor and click the ‘Edit picture’ link on that page.
Источник: http://www.rw-designer.com/online-cursor-editor
Need more power?
RealWorld Cursor Editor allows you to create animated cursors and is more comfortable to use. And free!
Anonymous
its epic, not hard to use at all
Anonymous
btw i use arch
Anonymous
mouse dirosalaro
Anonymous
que merda
Anonymous
:3
Anonymous
good
Anonymous
um
Anonymous
seus bostoes
Anonymous
this kind of sucks
Anonymous
Источник: http://www.rw-designer.com/online-cursor-editor
Количество использованных доноров: 4
Информация по каждому донору:
- https://mojwp.ru/cursor-css.html: использовано 2 блоков из 3, кол-во символов 1112 (23%)
- https://www.pandoge.com/stati_i_sovety/kak-izmenit-standartnyy-kursor-na-sayte: использовано 3 блоков из 3, кол-во символов 1850 (38%)
- https://yraaa.ru/blogs/cursor-css: использовано 2 блоков из 3, кол-во символов 765 (16%)
- http://www.rw-designer.com/online-cursor-editor: использовано 3 блоков из 4, кол-во символов 1193 (24%)
 (Пока оценок нет) Загрузка... |