Урок 151. Как изменить курсор (указатель) мыши на блоге

Как изменить курсор (указатель) мыши на блогеПриветствую тебя, дорогой читатель! Сегодня расскажу, как можно быстро изменить курсор мыши на своем блоге. Как думаете, Вам это надо? Я думаю, нет. Но, если Вы желаете чем-то отличиться от других, тогда можете изменить указатель мыши на свой. Часто указатель мыши изменяют на игровых сайтах, но можно его изменить и на авторском блоге. Во время написания этого урока, я изменил только основной указатель мыши.

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

Как это работает? Посетитель заходит на Ваш блог, и его курсор мыши сразу меняется на другой. Указатель мыши можно сделать даже анимационный при желании. Если решите изменить курсор, то старайтесь сделать его привлекательным, чтобы он посетителя не раздражал. Не надо его делать таким, чтобы посетитель был без ума от него, но таким, чтобы ему не хотелось уйти с Вашего блога.

Я в этом уроке расскажу способ, с помощью которого изменил курсор, но его еще можно изменять и другим способом, с помощью стилей CSS. Этот способ я описывать не буду, но информацию можно легко найти в интернете. С помощью стилей CSS можно изменять курсор при наведении на ссылки, основной курсор и другие.

Перейдите на сервис «Cursor» , где можно создать новый курсор или скачать готовый. Чтобы создать новый курсор, кликните по ссылке «Create New Cursor» или загрузить готовый, нажав «Import».

Загружать файл можно следующих форматов: jpg, jpeg, gif, png, bmp, ico, cur, и файл должен быть не более 5 Мб. Вы можете загрузить хоть свою фотографии. Но, я бы Вам советовал не терять время, и выбрать уже готовый курсор из большого каталога.

Нажмите «Latest Cursors» (последние курсоры), т. е. готовые курсоры, которые нарисовали пользователи сервиса, или нажмите «Top Rated Cursors» (популярные курсоры с высоким рейтингом).

 

Как заменить курсор (указатель) мыши на блоге за пару минут

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

Как заменить курсор (указатель) мыши на блоге за пару минут

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

На следующем этапе, Вам предлагается два варианта установки курсора на блог.

  • Download cursor – скачайте курсор
  • Put the .cur file into your webserver directory – закачайте .cur файл на сервер в директорию Вашего блога
  • Add the following line to your CSS: Добавьте следующий код в CSS файл
    cursor: url('/YOUR_PATH/cursor.cur'), auto;
  • Replace YOUR_PATH with the correct paths – Вместо YOUR_PATH, укажите путь к файлу курсора .cur

Or (или)

  • Put the following line into your HTML: добавьте код ниже в HTML файл.

Как заменить курсор (указатель) мыши на блоге за пару минут

Лично я добавил код курсора в самый низ файла footer.php и все. Теперь, если я захочу сменить курсор - нужно просто заменить код в этом файле.

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

P.S. Люди привыкли к стандартным курсорам, поэтому не советую увлекаться изменением всех указателей. Это могут быть указатели: при перетаскивании объектов; наведении на ссылку; текстовый курсор и другие.
______________________________
К уроку 152. Автоматическое наполнение групп VKонтаке и Facebook и другие

3 Comments

  1. здравствуйте. Замечательный сайт, но не могу применить эти прекрасные уроки. Купил шаблон на REG.Ru, хостинг, домен, но пока пользоваться не могу. Проблема с английскими заголовками, шрифт Cufon, как заменить или удалить. Обращался в службу поддержки, объяснили, что ото другая организация. Планировал создать раздел “Сайт”, чтобы желающие могли найти нужную информацию. Если можно, помогите решить этот вопрос.
    С Уважением Марат.

    Марат
    • Приветствую, Марат. Если я правильно понимаю, вы хотите перевести шаблон на русский языка, да? Если да, то желательно это обсудить через Skype

  2. Я несколько раз пробовал менять курсор по разному 😕 может что-то не так делаю :mrgreen: нифига не получается 😆 😥 ))

    Владимир

Leave a Reply

Яндекс.Метрика