Курсоры, используя HTML код: пользовательский курсор мыши

Курсоры, используя HTML код: пользовательский курсор мыши

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

<р>есть много причин, чтобы добавить чутье на ваш сайт: презентации, графическое представление идеи, или просто удовольствие. Изменение курсора (что традиционно отображается как белая стрелка, управляемый мышью) является лишь одним из многих изменений, которые могут быть сделаны, но это интересно. Он предлагает уникальные возможности для веб-мастеров. Как только вы поймете, как изменить его с помощью HTML кода, & мочекаменная можно больше экспериментировать, чтобы найти взгляд, который вы пытаетесь достичь. & мочекаменная следующие шаги, связанные с изменением вашего сайта курсор мыши.

1. понять, как меняется курсор работает. большую часть времени, когда реализуют какие-то изменения на сайте (тщеславие или иное), он мудр, чтобы понять, что меняться на самом деле. Изменение курсоров мыши на веб-странице включает в себя изменения в теге , основным HTML-тег, который является частью основой любой странице и которая сэндвичи между собой и заканчивающийся тегом большинство письменных и закодированный контент веб-страницы. Сама икона будет изображения .шавка формат, который будет размещаться на вашем хостинге или на внешний источник (если вы используете значок, размещенный где-то другой, чем ваш веб-пространства, это вежливо, чтобы дать кредит через маленькое замечание где-то на вашем сайте). Пользовательский курсор не потребует много дополнительного времени для загрузки и будет продолжаться только до тех пор, пока ваш сайт откроется.
   <Стронг>
   
2. понять ограничения меняет курсор. правду об изменении курсор сайт это единственный браузер, который поддерживает это изменение, это интернет Эксплорер, и по большей части, только для версий 5.5 и выше. Меняем курсоры в большинстве других браузерах просто не возможно. Что можно считать одной из причин для этого является то, что Операционная система Windows позволяет Вам изменить ваш рабочий стол очень свободно курсор. Майкрософт, вероятно, наиболее признанных спрос на эту настройку и реализовали его в своих веб-программного обеспечения.
3. решите, что вы хотите от вашего курсора. в большинстве случаев, вебмастер, который реализует новый курсор не стремитесь к функциональности. Они часто настройки тщеславие, хотя иногда они улучшают визуальный схема сайт полезным и профессиональным способом. Например, на сайты с функцией поиска, он является общим, что указатель мыши или курсор меняется на песочные часы (или часы и т. д.) пока сайт находится в поиске, а затем вернуться к нормальной, когда поиск завершен. Однако, курсор не всегда используются до конца полезной визуальное представление.<р> часто, веб-мастер просто хочет изменить свой курсор, чтобы соответствовать свой сайт более тесной или на поклон к определенного символа или понятия. Курсоры, которые затем используют иногда может быть неуклюжим, и многие websurfers найдете их неприглядный и неудобно. Тем не менее, некоторые выглядят иначе, чем традиционные стрелочные без ущерба для удобства. Перекрестье и вариации на традиционные стрелки могут достичь цели, ищет различные и ненавязчивы. так,

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

4. найти сайт, который предоставляет то, что вы хотите. в большинстве случаев, это проще найти сайт, который поставляет пользовательские курсоры и код, который необходимо вставить в HTML-код веб-страницы для того, для их функционирования. Чтобы использовать веб-сайт в реализации нового курсора, просто найти один, как те, которые перечислены в разделе Рекомендуемые ссылки, и следуйте простым инструкциям. Они позволят вам выбрать один, а затем предоставить вам фрагмент кода, который можно вставить на ваш сайт, как они предписывают.
5. . . . или сделай это сам! Вы можете создать свои собственные курсоры, а также. Для этого Вам потребуются две вещи: программа GConvert, который позволит вам создать .шавка файлы, и место для загрузки своих .файл cur. Вы можете создать графический файл и с помощью GConvert (и инструкции на GdgSoft), превратить ваш файл изменить изображение курсора в новый курсор. Программа и Учебное пособие поможет вам импортировать изображения, можно определить "горячую точку" на изображении (раздел курсором, который реагирует, когда вы нажимаете что-то), и сохранить изображение как .файл cur. После того как вы создали свой курсор (сохраняется в .шавка формате) и загрузить его на свой веб-пространства, вы можете указать расположение файла с помощью атрибута "Style" в теге на веб-странице следующим образом:<р>стиль="курсор:URL-адрес(thelocationofyourfile.вал.) "и

   Так что тег выглядит так:<р> <тело стиль="курсор:адрес(thelocationofyourfile.шавка) "><р> заменить "thelocationofyourfile.шавка" с расположением файла курсор как URL. Убедитесь, что вы используете действительный курсора (.cur файл).

и

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


<див класс="meta_data_block"> <див> <див класс="meta_block"> <див класс="meta_box"> <див класс="meta_title">внимание: <див класс="meta_data_list">
• если вы создаете свои собственные курсоры, убедитесь в том, что "точка" находится в логичном месте.
• использовать фривольные курсоры для начала надо ... #039 т сварганить профессиональной страницу с одним.

<див класс="meta_block"> <див класс="meta_box"> <див класс="meta_title">советы: <див класс="meta_data_list">
• построение функциональной курсоры, не ... #039 т раздражать пользователя.

<див класс="meta_block"> <див класс="meta_box"> <див класс="meta_title">Полезные ссылки: <див класс="meta_data_list">
• AllCursors (найти курсоры в интернете)
• StarlightMKS (найти курсоры онлайн)
• GConvert (программное обеспечение для создания ваших собственных курсоров)