Поменять вид курсора мыши. Настройка компьютерной мыши

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

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

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

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

Большинство значений на практике применяется довольно редко. По умолчанию для свойста 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 ним является треугольный указатель с небольшим хвостиком. Но человеку свойственно хотеть отличатся от остальных, и именно из-за этого у многих появляется желание кастомизировать интерфейс.

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

Сначала нам потребуется установить необходимое ПО:

Photoshop,
IcoFX.

Вы можете найти и скачать эти программы в Интернете, после чего вам потребуется их установить.

Создаем изображение курсора в Фотошопе

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

Теперь перейдем непосредственно к созданию рабочей поверхности, на которой будем рисовать наш курсор. Для этого в Фотошопе зайдем в меню "Файл" и выберем пункт "Новый". В появившемся диалоговом окне в качестве параметров выставим размер 120 Х 120 пикселей и укажем разрешение 72 dpi. В качестве цветового режима выберем RGB.

Создадим форму для курсора

Для создания формы курсора в Фотошопе воспользуемся векторным инструментом - Сustom Shape Tool. Выбираем его и на панели с настройками выбираем картинку курсора. Если у вас она отсутствует, то необходимо кликнуть по круглой иконке со стрелочкой, расположенной в том же окне, и выбрать пункт "Все". Это действие отобразит все доступные шаблоны данного инструмента.

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

Произведем трансформацию курсора в Фотошопе

Теперь трансформируем курсор перейдя в пункт меню "Редактировать", где необходимо выбрать "Свободная трансформация". После этого будет отображена рамка для трансформирования, двигая которую вы поместите курсор на полотне так, чтобы его кончик находился в левом верхнем углу.

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

Используем графический стиль для курсора

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

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

Уменьшаем курсор и объединяем слои

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

Сейчас мы должны выделить все слои используя клавишу SHIFT. После чего перейти в раздел меню "Слои" и выбрать пункт "Объединить слои". Если вдруг вы хотите сохранить файл со слоями, то перед выполнением этой операции нужно заранее сохранить изображение в формате *.PSD.

Проделав все необходимые операции, мы можем перейти к уменьшению курсора. Поскольку все слои были объединены в один, то изменить его размер будет довольно просто. Перейдите в пункт меню "Изображение" и выберите пункт "Размер изображения". В появившемся диалоговом окне введите новый размер, вместо 120 Х 120 пикселей впишите 32 Х 32. Вот практически и все.

Сохраняем картинку

Теперь нажмите "ОК" и сохраните изображение, но этого еще не достаточно, чтобы использовать наш новый курсор.

Сохраняем изображение в формате курсора Windows.

Сейчас нам понадобится программа, о которой мы упоминали еще в начале статьи. Открываем приложение IcoFX , в нем переходим в меню "File" и выбираем пункт "Open". Теперь в диалоговом окне выбираем ранее сохраненный нами файл PNG и нажимаем "ОК".

После чего нам нужно сохранить его в формате CUR. Для этого переходим в меню "File" и выбираем пункт "Save As", после чего в появившемся диалоговом окне выставляем формат Windows Cursor (*.cur) и нажимаем "ОК". Все! Файл курсора готов. Теперь осталось установить его в качестве текущего курсора.

Замена текущего курсора в Windows

Завершающий этап. Перейдите в "Панель управления" и выберите в не пункт "Мыщь". В открывшемся окне перейдите на вкладку "Указатели" и нажмите на ней кнопку "Загрузить". В открывшемся окне выберите наш курсор в формате *. CUR и нажмите "ОК".

Поздравляем! Теперь вы знаете как сделать другой курсор в Windows и можете с гордостью похвастаться своим творением всем знакомым!

Если же вам нужна вялотекущая замена и вы понятия не имеете, как поменять курсор мыши на Windows 7, то в этом обзорчике всё будет просто и понятно. В путь!

Шаг 1

Начнём с банальщины! Переходим в «Пуск» и жмём «Панель управления» — обыкновенно и цинично.

Шаг 2

Шаг 3

На разделочной доске «устройства и принтеры» нужно мелко нашинковать графу «мышь».

Шаг 4

Всё, мы оказались в мышечных свойствах. Нам нужно тырнуть во вкладку «указатели» и выбрать подходящую схему для курсорчиков . После, жмём «ок ». Желательно поставить две нижние галочки - «врубить тени» и «задействовать темы» .

Добавляем новые курсоры

Этап 1

Если ваши курсоры скупые, обыденные и простые, то надо скачать архивчик новеньких гаджетов. Какой же сайтик вам посоветовать?

http://7themes.su/stuff/kursory_windows/7

— жмём и подбираем указатели, а далее выбираем «прямая ссылка». Пошла скачка.

Этап 2

Курсоры предоставляются в формате Zip, чтобы их извлечь, нам для начала нужно установить winrar .

Этап 3

После открытия файла, жмём «извлечь» — создаём папку на рабочем столе - пихаем все скаченные курсоры туда.

Этап 4

Теперь, мы переходим опять в отдел «указатели» и выбираем одни из скаченных типов курсора.

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

Следовательно, можно собрать разнообразные курсоры воедино - получиться индивидуальная схема или банально задействовать тематический комплект. Выбор за вами!

Дополнительные возможности мышки

1. В завершении , можно рассмотреть все мышиные свойства. Например, в разделе «кнопки мыши» — вы имеете право поменять кнопки местами. Теперь правая будет отвечать за открытие файлов, ярлыков, а левая за свойства. Актуальный подход д ля левшей.

2. Если вы медленно щёлкайте по ярлычку и иному файлу и в результате этого, он иногда не открывается. Переместите ползунок в левый угол.

3. Вот ещё «Залипание » отличное свойство, можно при перетаскивании файла не зажимать левую кнопку, то бишь чуть подержал и отпустил - файл теперь без лишнего зажатия будет в вашей власти.

Скоростные особенности

1) В разделе параметры указателя, следует обратить свой взор на вкладку «перемещение». Таким образом, можно контролировать скорость мышки - рекомендую поставить на максимальное значение.

2) Взгляд направить следует чуть ниже и увидеть раздел «видимость» — ставим галочку и теперь мышка будет двоиться, троиться и даже четвериться при передвижении. Забавное свойство!

3) Скрывать указатель - когда печатаете, то курсор пропадает и не мешает вам. Удобно, я бы не стал ничего менять.

4) Обозначить расположение указателя - нажав клавишу CTRL, вы можете обнаружить свой курсор, если вдруг он ускользнул из виду. Это некий опознавательный знак в виртуальном мире.

Крутящийся шар

И последний аспект,на который стоит обратить внимание - это «колесико». Выбрав функцию «на один экран», колесо будет прокручиваться крайне мощно, то бишь сразу попадёте в конец страницы. Если же вас не устраивает скорость прокрутки - сделайте цифру выше или ниже, в зависимости от ваших предпочтений.

С каждым новым мажорным обновлением 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, с отображением курсора то и дело возникают проблемы, особенно в меню Пуск, поэтому в этой версии настраивать и изменять указатели мы рекомендуем штатными средствами системы.

В данной статье я объясню как поменять указатель мыши в windows XP.

Жмём меню Пуск -> Панель управления:

Находим иконку Мышь и щелкаем по ней 2 раза левой клавишей мыши.

Появляется такое окно:

Выбираем вкладку Указатели, как показано на рисунке. Далее щелкаем на стрелочку в строке Схема, как указанно на рисунке и нам открывается список тем указателей мыши, выбираем любую:

После выбора темы жмем кнопку применить:

Ура! У нас новый указатель мыши!

Но это еще не все. Есть еще одна фишка.

Скажу Вам по секрету: можно настроить в строке «Настройка»:

для каждого вида (основной режим, выбор справки, фоновый режим и т.д.) свой указатель. Для этого нажмем кнопку «Обзор»:

Что мы видим:

Открылась папка, в которой присутствуют другие курсоры. Курсоры, используемые на данной оси windows xp, имеют расширение *.ani, *.cur.

*.ani – анимированные курсоры

*.cur – статические курсоры

Папка по умолчанию: C:\\WINDOWS\\Cursors

Т.е. если Вы скачаете из интернета набор курсоров с данными расширениями, Вы можете смело копировать их в папку C:\\WINDOWS\\Cursors, далее открывать вкладку Мышь – Указатели – Обзор (как это сделать – мы рассмотрели выше) и выбрать понравившийся Вам курсор для указателя мыши.

Что мы сейчас и сделаем.

Я выбрал такой и нажал «отрыть»:

Ура! Курсор изменился. По аналогии настраиваются и другие режимы курсора. А теперь…

…давайте вместе разберем остальные вкладки:

Вкладка «Кнопки Мыши »:

Я думаю здесь объяснять ничего не надо. Все и так понятно. Переходим к «Параметрам указателя»:

На данной вкладке можно и нужно поэкспериментировать.

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

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

Что это значит?

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

В третьих.

Строка Видимость. Отображать след указателя мыши. Можете поставить галочку и нажать кнопку применить. Сразу же увидите изменения. Пошевелите мышкой. Если нравится – оставьте. Если нет – снимите галочку.

Скрывать указатель во время вводы с клавиатуры. Очень удобная функция. Если печатаете текст или реферат, указатель будет исчезать, но как только вы пошевелите мышкой – он сразу появиться.

Обозначить положение указателя при нажатии CTRL –> эта функция поможет Вам определить – где мышка. Если Вы часто теряете указатель мышки – то эта функция для вас. Попробуйте!

Включите данную функцию и нажмите применить.

А сейчас нажмите клавишу CTRL. Увидели! Молодцы. Можете оставить – можете убрать – решать Вам. Все зависит только от того – нравиться вам, удобно ли Вам или нет.

Вкладка «Параметрам указателя » по умолчанию выглядит так:

Переходим к вкладке «Колёсико »:

Здесь мы с Вами можем выбрать:

На указанное количество строк
На один экран.

Что это значит.

Когда мы читаем текст: в word, в интернет или в электронной книге, мы крутим колесико у мышки (у кого на мышке оно есть) для передвижения вниз или вверх. Эта функция именно для этого.

По умолчанию при одном повороте колесика установлено – что страница поднимется или опустится на 3 строки. Но мы можем настроить так, как нам удобно!

Попробуйте поменять значение с 3 на 5 или более и нажмите кнопку применить, и почитайте какую-нибудь информацию на сайте, крутя колесиком мышки.
Увидели разницу?

А теперь поставьте галочку – на один экран, и нажмите кнопку применить.

Попробуйте покрутить колесиком. Чувствуете разницу?

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

Вкладка «Оборудование »:

Не представляет для нас никакого интереса. Здесь ничего не надо менять.

Все и так хорошо.

Вот мы и разобрались с нашей мышкой!