Как поменять мышку в другую форму. Изменяем курсор мыши с помощью правила CSS Cursor

Многим нравится разнообразие и оригинальность, и пользователи ПК не исключение. В связи с этим некоторых юзеров не удовлетворяет стандартный вид курсора мышки. Давайте разберемся, как его поменять на Windows 7.

Сменить указатели курсора можно, как и выполнить большинство других действий на компьютере, двумя способами: при помощи сторонних программ и используя встроенные возможности операционной системы. Рассмотрим подробнее возможности решения поставленной задачи.

Способ 1: CursorFX

Прежде всего, рассмотрим способы с использованием сторонних приложений. А начнем мы обзор, наверное, с самой популярной программы для смены курсора – CursorFX.

  1. После загрузки установочного файла данной программы следует её установить. Активируйте инсталлятор, в открывшемся окне нужно будет принять соглашение с разработчиком, нажав «Agree» .
  2. Далее будет предложено установить дополнительный программный продукт. Так как нам этого не нужно, снимайте галочку около надписи «Yes» и жмите «Next» .
  3. Теперь следует указать, в какую именно директорию требуется установить приложение. По умолчанию каталогом установки является стандартная папка размещения программ на диске C . Рекомендуем не изменять данный параметр и нажать «Next» .
  4. После нажатия на указанную кнопку будет выполнена процедура инсталляции приложения.
  5. После её окончания интерфейс программы CursorFX откроется автоматически. Перейдите в раздел «Мои курсоры» при помощи левого вертикального меню. В центральной части окна выберите форму указателя, который желаете установить, и жмите «Применить» .
  6. Если простое изменение формы вас не удовлетворяет и вы хотите более точно настроить курсор под свои предпочтения, то перейдите в раздел «Параметры» . Тут путем перетягивания ползунков во вкладке «Вид» можно задать следующие настройки:
    • Оттенок;
    • Яркость;
    • Контраст;
    • Прозрачность;
    • Размер.
  7. Во вкладке «Тень» того же раздела путем перетягивания ползунков существует возможность регулировки тени, отбрасываемой указателем.
  8. Во вкладке «Параметры» можно настроить гладкость перемещения. После установки настроек не забывайте жать на кнопку «Применить» .
  9. Также в разделе «Эффекты» можно выбрать дополнительные сценарии отображения указателя при выполнении определенного действия. Для этого в блоке «Текущие эффекты» выберите действие, при котором будет выполняться сценарий. Затем в блоке «Возможные эффекты» выбирайте сам сценарий. После выбора жмите «Применить» .
  10. Кроме того, в разделе «След указателя» можете выбрать след, который будет оставлять после себя курсор при перемещении по экрану. После выбора наиболее привлекательного варианта жмите «Применить» .

Данный способ изменений курсоров является, наверное, наиболее вариативным из всех методов смены указателя, которые представлены в данной статье.

Способ 2: Создание собственного указателя

Существуют также программы, позволяющие пользователю самому нарисовать тот курсор, который он желает. К таким приложениям относится, например, RealWorld Cursor Editor. Но, конечно, данная программа сложнее в освоении, чем предыдущая.

  1. После загрузки установочного файла, запустите его. Откроется окошко приветствия. Кликайте «Next» .
  2. Далее нужно подтвердить согласие с лицензионными условиями. Установите радиокнопку в позицию «I Agree» и жмите «Next» .
  3. В следующем окне установите пометку около пункта «Support translations via language packs» . Это позволит вместе с установкой программы установить набор языковых пакетов. Если не выполнить данную операцию, то интерфейс программы будет англоязычным. Жмите «Next» .
  4. Теперь открывается окно, где можете выбрать папку для установки программы. Советуем не менять базовые настройки и просто нажать «Next» .
  5. В следующем окошке остается только подтвердить запуск процедуры инсталляции, нажав «Next» .
  6. Происходит процесс установки RealWorld Cursor Editor.
  7. После его окончания появится окошко, сообщающее об успешном завершении. Щелкайте «Close» («Закрыть» ).
  8. Теперь запустите приложение стандартным способом кликом по его ярлыку на рабочем столе. Открывается главное окно RealWorld Cursor Editor. Прежде всего, следует изменить англоязычный интерфейс приложения на русскоязычный вариант. Для этого в блоке «Language» щелкайте «Русский» .
  9. После этого интерфейс будет изменен на русскоязычный вариант. Для того чтобы перейти к созданию указателя, щелкайте по кнопке «Создать» в боковом меню.
  10. Открывается окошко создания указателя, где вы можете выбрать, какой именно значок создать: обычный или из уже готовой картинки. Выберем, к примеру, первый вариант. Выделите пункт «Новый курсор» . В правой части окна вы можете выбрать размер полотна и глубину цвета создаваемого значка. Далее жмите «Создать» .
  11. Теперь с помощью инструментов редактирования вы рисуете свой значок, придерживаясь тех же правил рисования, что и в обычном графическом редакторе. После того, как он готов, для сохранения жмите на иконку дискеты на панели инструментов.
  12. Открывается окно сохранения. Перейдите в ту директорию, где вы желаете сохранить полученный результат. Можете использовать для хранения стандартную папку размещения указателей Windows. Так будет удобнее устанавливать курсор в дальнейшем. Размещен этот каталог по адресу:

    C:\Windows\Cursors

    В поле «Имя файла» произвольно задайте наименование вашему указателю. Из списка «Тип файла» выберите нужный вариант формата файла:

    • Статические курсоры (cur);
    • Многослойные курсоры;
    • Анимированные курсоры и т.д.

    Затем применяйте «OK» .

Указатель будет создан и сохранен. О том, как его установить на компьютер будет рассказано при рассмотрении следующего способа.

Способ 3: Свойства мыши

Изменить курсор можно также при помощи системных возможностей через «Панель управления» в свойствах мыши.

  1. Щелкайте «Пуск» . Зайдите в «Панель управления» .
  2. Выберите раздел «Оборудование и звук» .
  3. Переходите по пункту «Мышь» в блоке «Устройства и принтеры» .
  4. Открывается окошко свойств мыши. Переместитесь во вкладку «Указатели» .
  5. Для выбора внешнего вида указателя кликните по полю «Схема» .
  6. Открывается список различных схем внешнего вида курсора. Выберите желаемый вариант.
  7. После выбора варианта в блоке «Настройка» отобразится внешний вид курсора выбранной схемы при различных ситуациях:
    • Основной режим;
    • Выбор справки;
    • Фоновый режим;
    • Занят и т.д.

    Если вас представленный внешний вид курсора не устраивает, то снова смените схему на другую, как было показано выше. Делайте это, пока не отыщите удовлетворяющий вас вариант.

  8. Кроме того, можно сменить внешний вид указателя внутри выбранной схемы. Для этого выделите настройку («Основной режим» , «Выбор справки» и т.д.), для которой желаете сменить курсор, и жмите на кнопку «Обзор…» .
  9. Открывается окно выбора указателя в папке «Cursors» в директории «Windows» . Выберите тот вариант курсора, который хотите видеть на экране при установке текущей схемы в указанной ситуации. Щелкайте «Открыть» .
  10. Указатель будет изменен внутри схемы.

    Таким же образом можно добавлять курсоры с расширением cur или ani, скачанные из интернета. Также можно устанавливать указатели, созданные в специализированных графических редакторах, как, например, RealWorld Cursor Editor, о котором мы говорили ранее. После того, как указатель создан или скачан из сети, соответствующую иконку нужно поместить в системную папку по следующему адресу:

    C:\Windows\Cursors

    Затем необходимо выбрать данный курсор, как было описано в предыдущих пунктах.

  11. Когда полученный внешний вид указателя вас устроит, то для того чтобы его задействовать, жмите по кнопкам «Применить» и «OK» .

Как видим, указатель мышки в Виндовс 7 можно сменить как при помощи встроенных инструментов ОС, так и задействовав сторонние программы. Вариант с применением стороннего ПО предоставляет больше возможностей для изменений. Отдельные программы позволяют не только производить установку, но и создание курсоров через встроенные графические редакторы. В то же время, многим пользователям достаточно и того, что можно предпринять при помощи внутренних инструментов ОС для управления указателями.

Инструкция

Чтобы произвести данную операцию, нажмите кнопку «Пуск» и в меню выберите пункт «Панель управления». Все служебные утилиты по настройке Windows находятся в этом пункте меню, и параметров мыши - не . Также стоит отметить, что в операционной системе Windows Seven настройка данного параметра производится аналогичным образом.

В панели управления найдите раздел «Оборудование и звук», а затем - пункт «Мышь». Здесь вы найдете все необходимые параметры, связанные с работой указателя мыши. В более старых версиях Windows - например, Windows XP, раздел «Мышь» можно найти сразу в панели управления, если включен режим «Переключение к классическому вид у». Если данный режим не включен, то в левом верхнем углу включите его, нажатием правой кнопки мыши по вкладке «Переключиться к классическому вид у».

Перейдите во вкладку «Указатели». Здесь можно выбрать системные схемы, согласно которым будет меняться вид указателя мыши. Можно выполнить настройку элементов указателя для каждого режима отображения, а также загрузить любую понравившуюся с подходящим расширением ani или cur. В интернете представлено множество различных вариантов изменения курсора мыши. Например, можете попробовать различные вид ы курсоров на сайте oformi.net.

Сохраните изменения, нажав кнопку «Применить». Возможно, для отображения всех вариантов вашего курсора нужно будет сразу же компьютер. Сделайте это для обновления всех параметров. Операционная система Windows предлагает широкие возможности для настройки, что позволяет сделать из стандартной оболочки удобную среду для работы и развлечений. Такой простой и привычный указатель мыши можно превратить в динозаврика или теннисный мяч - по вашему вкусу. Данную операцию можно производить множество раз. Если вам не понравился один вид курсора , попробуйте изменить .

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

Вам понадобится

  • Веб-сайт, основы верстки страниц сайтов (CSS).

Инструкция

Любой курсор на веб- определяется свойством cursor. Для редактирования настроек отображения курсора на вашем сайте достаточно неплохо знать язык или владеть англо- словарем. Большинство команд и операторов в верстке страниц создаются на основе простых слов. К примеру, cursor (курсор), auto (автоматическое расположение), move (перемещение) и т.д. Для любой платформы существует стандартный набор курсоров, который, конечно, можно изменять. Для добавления альтернативных курсоров на ваш сайт можно воспользоваться файлами указателей из . Такие файлы имеют расширение cur или svg.

Для стандартных курсоров используются следующие команды:
- default – используемый по умолчанию курсор, как правило, имеет вид простой белой стрелки;
- auto – курсор, который автоматически выставляется по умолчанию;
- pointer – курсор, который видоизменяется при наведении ;
- move - курсор, который позволяет переместить

Здравствуйте, уважаемые читатели блога сайт. Сегодня мы рассмотрим небольшую тему как изменить курсор мыши при помощи css. В операционной системе вашего компьютера предусмотрено несколько возможных вариантов курсора мыши в зависимости от совершаемых действий. Курсор может приобретать вид различных стрелок, руки, перекрестья, песочных часов и т.п.

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

Курсор мыши можно поменять с помощью правила css cursor , которое позволяет установить форму курсора мыши при наведении его на данный элемент веб-страницы. Этот атрибут можно применять к любому элементу веб страницы, будь это строчный или блочный элемент.

Если посмотреть спецификацию css, то вы заметите, что возможных значений у атрибута cursor довольно много:

cursor: auto|default|none|context-menu|help|pointer|progress|wait|cell|crosshair|text|vertical-text|alias|copy|move|no-drop|not-allowed|e-resize|n-resize|ne-resize|nw-resize|s-resize|se-resize|sw-resize|w-resize|ew-resize|ns-resize|nesw-resize|nwse-resize|col-resize|row-resize|all-scroll|inherit

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

Все основные возможные значения приведены в таблице ниже. Столбец «Значение» содержит значения параметра cursor, во втором столбце «Вид» отображение курсора на моем компьютере, в третьем пример использования параметра с данным значением. При наведении курсора мыши на ячейки со значениями вы сможете увидеть как он изменяется в вашем браузере и сравнить с моим вариантом. В зависимости от вашей операционной системы и настроек вид курсора может отличаться.

Значение Вид Пример
P {cursor: default}
none P {cursor: none}
context-menu P {cursor: context-menu}
help P {cursor: help}
pointer P {cursor: pointer}
progress P {cursor: progress}
wait P {cursor: wait}
cell P {cursor: cell}
crosshair P {cursor: crosshair}
text P {cursor: text}
P {cursor: vertical-text}
alias P {cursor: alias}
copy P {cursor: copy}
move P {cursor: move}
P {cursor: no-drop}
not-allowed P {cursor: not-allowed}
P {cursor: e-resize}
P {cursor: n-resize}
P {cursor: ne-resize}
P {cursor: nw-resize}
P {cursor: s-resize}
P {cursor: se-resize}
P {cursor: sw-resize}
w-resize P {cursor: w-resize}
P {cursor: ew-resize}
P {cursor: ns-resize}
P {cursor: nesw-resize}
P {cursor: nwse-resize}
P {cursor: col-resize}
P {cursor: row-resize}
P {cursor: all-scroll}

Некоторые значения для css правила cursor перечисленные выше могут не работать в различных браузерах. Особенно часто проблемы возникают с Оперой, иногда что то может не работать в браузерах Mozila Firefox и Chrome. Установленный по умолчанию в операционной системе Windows браузер Internet Explorer поддерживает все значения.

С помощью правила cursor также можно задать свой собственный курсор, задав путь к соответствующей картинке. Расширение файла картинки с курсом обычно бывает.cur. Кроме формата CUR Internet Explorer в качестве формата файла курсора поддерживает еще и формат ANI . А Firefox, Chrome и Safari кроме CUR поддерживают еще форматы PNG , GIF и JPG .

При указании своего собственного курсора синтаксис правила немного меняется. Через запятую перечисляется одно или несколько значений url, а последним значением обязательно должно быть одно из ключевых слов:

cursor: url ("адрес картинки 1"), url ("адрес картинки 2"), ..., <ключевое слово>

При таком стилевом правиле браузер сначала попытается открыть первый файл с курсором, а если открыть его не по каким-либо причинам не удается, перейдет к следующему файлу и так далее. Кстати, для этого абзаца я настроил нестандартный курсор. Поэтому при наведении на него мышкой, если ваш браузер поддерживает формат файла, курсор будет меняться. Чтобы достигнуть такого эффекта достаточно такой записи:

текст абзаца

Вообще CSS правило Cursor веб-мастера применяю довольно редко, чтобы не вводить пользователя в заблуждение. Прежде чем переделать вид курсора, определите, будет ли это изменение к месту. Ведь, допустим, что может подумать пользователь, если вместо традиционной руки, появляющейся при наведении на ссылку, возникнет что-то другое.

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

Для улучшения внешнего вида ОС разработано большое количество программного обеспечения. Различные пакеты визуальных компонентов дают возможность изменять интерфейс, повторяя более новую версию системы. Существуют программы, которые меняют интерфейс не полностью, а только отдельные его составляющие – прозрачность окон, внешний вид кнопки «Пуск» или отображение курсора мыши.

Как изменить указатель мыши?

Это изменение позволит сделать облик вашей операционной системы более персонализированным и немного оживит его. Если вы пользуетесь Windows 7 заменить привычный внешний вид курсора можно двумя способами: через персонализацию компьютера или через панель управления.

Меняем указатель мыши через персонализацию

На рабочем столе правой кнопкой мыши вызовите диалоговое окно и выберете пункт «Персонализация». В разделе слева нас интересует «Изменение указателей мыши». Переходим в данный раздел.

В этой вкладке собраны все схемы, которые установлены на вашем компьютере. Из предложенного выберите новое отображение указателя и подтвердите изменения. Курсор тут же изменится на новый – только что вами выбранный. Если хотите отменить изменения, выберите тему по умолчанию – Windows Aero. Поэкспериментируйте со всеми курсорами, которые включены в Windows 7. Можно попробовать большие черные курсоры для мыши, вместо привычных белых.

Меняем курсор через панель управления для Windows 7

Здесь все просто. Заходим в Пуск → Панель управления → Мышь и выполняем манипуляции, описанные выше.

Если честно стандартный набор указателей очень сер и убог, там нет ничего интересного. Лучше всего скачать набор нестандартных указателей мыши и использовать их. Скачать их можно набрав в любой поисковой системе запрос «курсоры windows 7». Обратите внимание, что курсоры с расширением.ani – анимированные, а с.cur – мертвые. После того как вы найдете и скачаете понравившийся вам набор (архив с расширением.cur), распакуйте и скопируйте его в папку со стандартным набором C:WindowsCursors.

На вкладке «Указатели» в списке настройки выбираем «Основной режим» и нажимаем кнопку «Обзор». Открывается папка C:WindowsCursors, в которую вы предварительно скопировали новые указатели. Выделяем нужный понравившийся указатель и нажимаем кнопку «Открыть».

Просматривая, как меняются указатели, вы можете изменить отображение всех или только тех, которые вам понравились. После всех манипуляции необходимо сохранить новую схему. Нажимаем «Сохранить как», пишем название схемы и жмем «Ок».

С каждым новым мажорным обновлением Windows мало-помалу изменяется внешне. От минимализма интерфейс системы переходит к гламуру, от гламура снова к минимализму или смешению стилей, как это можно видеть на примере Windows 10. Графическая оболочка системы раз за разом получает новые элементы, практически неизменными в ней остаются только курсоры. Вид их вполне устраивает большинство пользователей, но среди них всё же есть и такие, кто предпочел бы видеть вместо ничем не примечательных указателей что-то более симпатичное.

Изменение внешнего вида курсора средствами Windows

Поменять курсор мыши на Windows 7/10, к слову, не такая уж и проблема. Можно изменить размер курсора, сделав его крупнее, заменить цвет с белого на черный, добавить эффект инвертирования цвета и вообще заменить курсор другим, совсем непохожим. Все популярные версии Windows позволяют настраивать внешний вид указателя через стандартные настройки. Так, если вы хотите настроить курсор в Windows 7 или 8.1, зайдите в «Панель управления», запустите апплет «Специальные возможности» и нажмите ссылку «Упрощение работы с мышью».

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

Больше возможностей предлагает настройка «Свойства мыши» (апплет «Мышь»). Переключившись на вкладку «Указатели», вы можете не только выбрать одну из доступных схем, но и изменить любой ее элемент.

Например, вы выбрали схему «Стандартная крупная системная», но при этом хотите, чтобы вместо песочных часов (состояние «Занят») использовался голубой круг из схемы по умолчанию. Нет ничего проще. Кликните по изменяемому элементу и выберите в открывшемся окне тот курсор, который вам нужен.

Аналогичным образом настраивается размер и форма курсора в Windows 10, кстати, в этой версии системы попасть в настройки указателя можно из приложения «Параметры», перейдя по цепочке Специальные возможности – Мышь .

Как скачать и установить новые курсоры мыши

Если встроенных в систему указателей недостаточно, ничего не мешает вам скачать со специализированных сайтов наборы сторонних курсоров. Указатели имеются на любой вкус и цвет: большие и маленькие, минималистичные и самые изящные, статические и анимированные. Установить курсор мыши на Windows 7/10 не составляет особого труда. Как правило, распространяются наборы указателей в архивах. Каждый такой архив помимо файлов курсоров в формате ANI или CUR , содержат файл install.inf . Распаковываем архив, кликаем по файлу install.inf ПКМ и выбираем в меню «Установить».

Курсоры тут же будут скопированы в системную папку C:/Windows/Cursors/Название_Схемы . За сим открываем свойства мыши (из «Панели управления» или быстрой командой main.cpl ), на вкладке «Указатели» выбираем в списке название схемы и жмем «Применить» и «OK».

Если сомневаетесь в правильности названия схемы, можете подсмотреть его в файле install.inf, открыв его Блокнотом и найдя параметр SCHEME_NAME .

Может статься, что конфигурационного установочного файла в архиве не окажется. В этом случае устанавливать указатели придется вручную один за другим. Копируем папку с новыми курсорами в расположение C:/Windows/Cursors , в свойствах мыши выбираем схему «Нет» и начинаем по очереди заменять курсоры, кликая по каждому из них мышкой и указывая путь к соответствующему файлу ANI или CUR.

Произведя эту операцию, жмем в окошке свойств «Сохранить как» и сохраняем набор со своим именем. Вот так все просто.

Настройка и замена курсоров с помощью сторонних программ

Изменить курсор мыши в Windows 7/10 позволяют не только встроенные средства системы. Для этих целей также можно использовать специальные программы, из которых наиболее популярной является CursorFX .

Возможности приложения включают быструю смену схемы (из встроенной библиотеки), добавление анимационных эффектов при нажатии кнопок и т.п., в программе есть даже собственный редактор курсоров. К сожалению, CursorFX не совсем корректно работает в Windows 10, с отображением курсора то и дело возникают проблемы, особенно в меню Пуск, поэтому в этой версии настраивать и изменять указатели мы рекомендуем штатными средствами системы.

  • Сергей Савенков

    какой то “куцый” обзор… как будто спешили куда то