В сегодняшней статье речь пойдет об эстетической стороне Windows 10, а именно о том, как изменить курсор мыши. Кстати, имеет место забавный «лингвистический казус» — с одной стороны, слово «курсор» (cursor) означает «мигающую черточку» в консоли командной строки, а привычная «стрелочка» называется «указатель мыши» (mouse pointer), с другой стороны файлы изображений «мышиной стрелочки» физически находятся в папке «C:\Windows\Cursors». Если открыть эту папку с помощью Проводника, то можно увидеть что в ней находится два типа файлов. «Статичные» изображения курсора (такие, как стандартная белая стрелка) имеют расширение *.cur, анимированные указатели мыши (как «вращающийся кружок» что появляется когда компьютер выполняет ресурсоемкую задачу или программа «подвисла») имеют расширение *.ani.
Изначально операционная система предлагает ряд предустановленных вариантов оформления курсора. Выбрать один из них можно так:
Сторонние курсоры
В интернете вы сможете найти подборы уже готовые схемы курсоров. После чего примените скачанные файлы курсоров для конкретных действий используя «Обзор»
Создание собственных статичных курсоров
Те эстеты, кого категорически не устраивают варианты предложенные дизайнерами Microsoft, могут создать собственные курсоры и интегрировать их вышеописанным способом в одну из схем. Правда, для этого придется использовать инструментарий от сторонних разработчиков («встроенный» в Windows графический редактой Paint не позволяет создать изображение с прозрачным фоном, а конвертера, преобразующего изображения *.png в файлы указателя мыши *.cur по умолчанию в системе и вообще нет. Для создания простого статичного указателя проделайте следующее:
- Скачайте архив с инсталлятором бесплатного графического редактора Paint.Net, распакуйте его на рабочий стол и запустите;
- Процесс установки зависит от того, есть ли у вас в системе другие графические редакторы. Если таковых нет, достаточно выбрать экспресс-вариант.
- После запуска редактора откройте меню «Изображение» и измение размер картинки (выберите, например, параметр 100 х 100 пикселей);
- В панели инструментов «Слои» нажмите на «плюсик» и добавьте новый слой. Потом выделите слой «Фон» и удалите его, нажав на «крестик»;
- Используя панель инструментов вверху слева нарисуйте изображение курсора;
- Нажмите на меню «Файл» сверху и сохраните результаты работы в файл PNG с произвольным именем;
- Самый простой способ осуществить преобразование «png > cur» заключается в использовании онлайн-конвертера. Перейдите на веб-страницу конвертера и перетащите на нее свое произведение искусства;
- В выпадающем списке выберите в качестве выходного формата расширение cur и нажмите кнопку «Преобразовать»;
- После некоторого ожидания нажмите кнопку «Скачать» и сохраните файл курсора (у меня конвертация заняла около 5 минут, впрочем можно не ждать так как сервис может отправить готовый файл вам в Dropbox, Google Drive или на электронную почту);
- Откройте Проводник и переместите сохраненный файл в папку «C:\Windows\Cursors»;
- Вернитесь к первой части данной статьи и интегрируйте только что созданный указатель в одну из стандартных тем.
С каждым новым мажорным обновлением 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, в интернете можно найти и скачать обои на любой цвет и вкус. Но, кроме замены обоев на рабочем столе, «жизнь за компьютером» можно разнообразить и сменой внешнего вида курсора мыши.
Конечно, многие об этом знают и умеют это делать. Но мой блог для начинающих, и, возможно, кому-то будет интересно узнать, как самому сделать курсор для своей мыши из фотографии или картинки и поменять его в Windows на компьютере. А тем, кто хочет создать бесплатно блог , или у кого уже есть созданный, к примеру, на blogspot.com, можно будет установить новый курсор на страницы блога самым простым способом. Но для этого понадобятся сторонние онлайн сервисы, о которых я и хочу вам рассказать.
Самые распространенные расширения файлов для курсоров мыши – это *.cur (статичное изображение курсора) и *.ani (анимационное изображение). Если на компьютере установлена операционная система Windows, курсоры для мыши с этими расширениями будут отображаться без проблем. А вот если установить файл курсора на сайт или блог, курсор с расширением файла *ani будет виден пользователям только через браузер Internet Explorer , а курсор с расширением *cur можно будет просматривать через Chrome и Mozilla Firefox. Эти нюансы следует учитывать. Соответственно, если у вас есть свой собственный сайт или блог, и вы установите на него свой оригинальный курсор, не все пользователи интернета смогут лицезреть его оригинальность. Если браузер, через который будут просматривать ваш сайт или блог, не поддерживает расширение файла курсора, то он будет просто отображаться, как стандартная классическая стрелка.
Как заменить курсор мыши в Windows на своем компьютере.
Если на вашем компьютере стоит операционная система windows, то файлы с курсорами находятся по адресу: Мой компьютер – диск C:\WINDOWS\Cursors.
В папке Cursors по умолчанию может находиться более сотни разных курсоров. Чтобы поменять курсор на компьютере, следует пройти по пути:
Пуск – Панель управления – и щелкнуть на иконку мышь. В открывшемся окне «свойства мыши» открываем вкладку «указатели».
В окне «схема» можно сделать выбор уже готовых подборок курсоров, которые включают в себя пятнадцать различных режимов (основной режим, режим справки, фоновый и т.д.), нажимаем «применить» и ОК.
Для того чтобы составить свою новую схему курсоров, в окне «настройка» выделяем нужный режим, к примеру «основной режим», нажимаем кнопку «обзор», выбираем интересующий нас курсор и сохраняем. И так проделываем с каждым режимом (если вам это нужно), и в завершении составления схемы нажимаем «применить» и ОК.
Чтобы курсору для мыши придать эффект отображения следа (что-то вроде таскающегося за курсором хвостика) следует перейти на вкладку «параметры указателя» и установить галочку «отображать след указателя мыши».
Длину отображения следа курсора можно отрегулировать подвижным ползунком. И в завершении настроек также нажимаем «применить» и ОК.
Как видите, ничего особенного, все легко и просто. А найти новые курсоры мыши можно свободно в интернете (их там огромное количество). Скачивайте себе на компьютер и формируйте свои собственные схемы с курсорами. Для удобства можно создать отдельную папку и в ней хранить новые файлы с курсорами. Но я хочу предложить своим читателям не просто скачивать из интернета и устанавливать уже готовые курсоры для мышки, а сделать собственный курсор. Так сказать, заняться творчеством.
Как сделать курсор для мыши из фотографии или картинки на бесплатном онлайн сервисе Cursor.cc.
Для читателей, которые просматривают эту статью в браузерах Opera и Internet Explorer, к сожалению, примеры курсоров, которые буду приводить ниже, отображаться не будут. Для просмотра рекомендую (если у кого нет) установить дополнительно на свой компьютер браузер:
Chrome (https://www.google.com/chrome/)
или Mozilla Firefox (http://www.mozilla.org/ru/firefox/central/) .
Сначала подберите фотографию или любое изображение, из которого вы хотите сделать курсор мыши, и измените его размер на 32х32 пикселя. Для изменения размера изображения перейдите на бесплатный онлайн сервис Pic resize и загрузите со своего компьютера нужную картинку, нажав на кнопку «выберите файл».
Если вы переходите на сайт Pic resize по ссылке с моего блога, для удобства пользователей я уже установил настройки изменения размера изображения 32х32 пикселя. Поэтому дополнительных действий делать не надо, а просто нажать кнопку «Resize Now» (изменить размер), а затем сохранить на свой компьютер «Save to Disk» (сохранить на диск).
Все, ваш файл с фотографией или картинкой принял нужный размер для дальнейшего превращения его в курсор.
Далее переходим на бесплатный онлайн сервис для создания курсоров Cursor.cc и импортируем на него подготовленное фото или картинку (кнопка в левом верхнем углу «Import Image»). Если все устраивает и изображение не нужно редактировать, сохраняем его на свой компьютер, кнопка «Download Cursor» (скачать курсор) сразу внизу под изображением. После скачивания файла курсора для мыши обязательно переименуйте его, не меняя расширение *.cur (к примеру, на main-cursor.cur). Затем помещаем его в папку с файлами курсоров и устанавливаем в Windows на свой компьютер так, как было описано выше в параграфе как заменить курсор мыши на компьютере .
Для того чтобы отредактировать файл курсора, давайте вернемся в онлайн сервис Cursor.cc и сделаем небольшие изменения.
Вот так, несложным способом при помощи бесплатных онлайн сервисов можно делать разные статичные курсоры для своих мышей. А о том, как можно сделать анимированный курсор для мыши с расширением файла *ani, я напишу в следующих материалах. А пока, если у кого есть свой блог на какой-нибудь бесплатной блог площадке, предлагаю посмотреть, как можно установить свой необычный курсор мыши на страницы бесплатного блога.
Как изменить курсор в блоге на бесплатной площадке Blogspot.com.
Если у читателей этого материала нет своего блога на Blogspot.com, но есть желание узнать, как его сделать, вы можете прочитать заметку о том,как создать свой блог на бесплатной площадке блогспот . А те, кто уже имеет свой блог на этом ресурсе, могут сменить курсор на его страницах.
Конечно, менять курсоры, так же как и иконки для сайта или блога, многие специалисты не рекомендуют. Но, в то же время, как-то выделить свои страницы чем-то интересненьким хочется почти каждому владельцу своего сайта.
Итак, сначала надо обязательно зарегистрироваться на онлайн сервисе Cursor.cc , чтобы можно было получить ссылку на курсор (URL адрес), который будете делать. Ссылка понадобится для того, чтобы установить ее в шаблон блога для отображения курсора на Web страницах. Ведь на Blogspot и других бесплатных блог площадках нет доступа к папкам сайта, а файл с курсором должен где-то лежать. Вот мы и воспользуемся бесплатным онлайн сервисом, где будет постоянно лежать наш файл с курсором.
Чтобы зарегистрироваться, на сайте онлайн сервиса Cursor.cc , нажимаем «Register» (регистрация), которая находится с левой стороны. Затем надо создать курсор для блога таким же способом, как делали его для размещения на своем компьютере (см. описание выше как сделать курсор для мыши ). Когда курсор будет сделан, нажимаем кнопку «Publish under an open license» (публикации под открытой лицензией) под изображением. В открывшемся окне надо заполнить форму, и нажать «ОК».
После этого файл будет помещен в кабинет созданных курсоров.
Затем нажимаем на имя курсора и в открывшемся окне, почти в самом низу под изображением, выделяем и копируем всю адресную строку HTML кода. Хочу обратить ваше внимание на то, что код адресной строки будет довольно длинный. Поэтому копируйте его внимательно и полностью (горячие клавиши для копирования Ctrl + C).
Теперь отправляемся в панель инструментов на blogger.com. Открываем шаблон своего блога и нажимаем кнопку «изменить HTML», в открывшемся окне кнопку «пропустить».
Перед вами должен открыться HTML редактор шаблона. Ищем строку:
(горячие клавиши для поиска Ctrl + F), и сразу после нее вставляем наш HTML код курсора (горячие клавиши Ctrl + V).
Сохраняем изменения в шаблоне и смотрим, как выглядит ваш новый курсор мыши на бесплатном блоге в blogspot.com. Если все сделано правильно, мне остается только поздравить вас с установкой оригинального курсора на блог.
В завершении хочу сказать, что на сайтах и блогах, размещенных на блатных хостингах, процесс замены и установки новых курсоров намного проще, так как курсор можно поместить в специальную папку и указать к нему короткий путь.
Желаю всем творческих успехов и удачи в создании собственных курсоров для сайтов и Windows..
Если вам надоел стандартный вид курсора мыши, то давайте его изменим. Для этого мы рассмотрим два способа: с применением стандартных курсоров и скаченных. Обычный белый, маленький курсор может изрядно надоесть. Особенно если у вас имеются проблемы со зрением, то рекомендую вам увеличить размер ярлыков и курсор мыши поставить более объемный.
Стандартные курсоры – это те, которые предусмотрены вашей операционной системой. То есть вам не нужно будет ничего искать в интернете и скачивать. А скаченные – это те, которые вы скачаете из сайтов и можете установить.
Давайте более подробно рассмотрим, как изменить курсор мыши на Windows 7
Для начала выполняем команду «Панель инструментов » - «Мышь ». Рекомендую в панели инструментов сразу же выставить отображением ярлыков «Мелкие значки ».
Откроется диалоговое окно «Свойства мыши ». В нем переходим во вкладку «Указатели ».
Здесь вы сразу же увидите разделы «Схема » и «Настройка ».
В разделе «Схема » находится открывающийся список с большим количеством наименований возможных «видов» курсоров. Вам необходимо открыть этот список и выбрать один из возможных вариантов. Если по-простому говоря, то «Схемы» - это папки, в которых и хранятся курсоры одного вида.
В разделе «Настройка » представлен список визуальных изменений курсоров из той, или иной схемы. Его вы можете просмотреть, используя колесо прокрутки. То есть все вариации курсора при выполнении той или оной операции: фоновый режим, выделение текста, изменение размеров окон, перемещение и т.д.
Вы наверное уже поняли, что для начала вам нужно выбрать одну из схем. Далее просмотреть в разделе "Настройка" как он будет выглядеть, а затем нажать кнопку "Применить ".
Теперь давайте рассмотрим способ установки скаченных курсоров. Для примера я скачал курсоры с первого сайта в выдаче поисковой системы "Яндекс". Хотелось бы отметить, что практически на всех сайтах курсоры находятся , поэтому сначала разархивируйте их используя .
Откроется окно, в котором нам необходимо найти папку в которой находятся ранее скаченные указатели. Выбираем любой понравившейся вам курсоров и нажимаем "ОК".
Таким образом можно перепробовать большое количество возможных цветов, форм курсоров мыши и выбрать понравившейся вам.
Здравствуйте, уважаемые читатели блога сайт. Сегодня мы рассмотрим небольшую тему как изменить курсор мыши при помощи 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 веб-мастера применяю довольно редко, чтобы не вводить пользователя в заблуждение. Прежде чем переделать вид курсора, определите, будет ли это изменение к месту. Ведь, допустим, что может подумать пользователь, если вместо традиционной руки, появляющейся при наведении на ссылку, возникнет что-то другое.
На этом о курсорах все. Не забудьте подписаться на обновления блога и буду благодарен если воспользуетесь кнопочками социальных сетей.