• Страница 1 из 1
  • 1
Форум » Веб-разработка » Скрипты для сайтов HTML » Курсор на сайте картинкой
Курсор на сайте картинкой
workman
Дата: Воскресенье, 2014-10-12, 10:08 | Сообщение 1
Гл. Модератор
Сообщений:1717
Награды: 9


Иной раз мне задавали вопрос. Как сделать на сайте курсор картинкой?
Да все очень просто.
Берем например картинку и в любом редакторе подгоняем ее под нужный вам размер, но только первоначально, картинка должна быть в разрешении png с прозрачным фоном естественно.

Когда мы сделали свою картинку, то задуваем ее в ФМ у себя на сайте... (Объясняю для школьников, что ФМ, это не радиостанция, а Файловый Менеджер).

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



первоначальное название картинки посинеет и вместо png мы пишем cur (не забудьте оставить точку на месте)
Далее, берем ссылку на на картинку в свою мышку и двигаем в CSS. Находим там что-то в виде такого - body {тут что-то у вас стоит...}
и вставляем данный код cursor:url('ссылка на картинку),auto; в эти же стили

В конце концов у вас должно получиться так
Код
body {тут что-то у вас стоит...;  cursor:url('ссылка на картинку),auto;}


На этом все!!!
Звенит звонок.
Урок окончен...

p.s. - хоть и стремненький курсорчик у меня на сайте, но можно лицезреть его тут
Прикрепления: 6576175.png(3.7 Kb)
Страна: (RU)
kredit-oformi
Дата: Понедельник, 2014-10-13, 12:36 | Сообщение 2
Vip
Сообщений:1967
Награды: 5


workman, интересная инфа и полезная так как можно заменить курсор на свою картинку
Страна: (RU)
Kosten
Дата: Понедельник, 2014-10-13, 14:32 | Сообщение 3
Администраторы
Сообщений:18833
Награды: 55


Прикольная плюшка для школьников biggrin
Страна: (RU)
workman
Дата: Понедельник, 2014-10-13, 14:37 | Сообщение 4
Гл. Модератор
Сообщений:1717
Награды: 9


Цитата Kosten ()
Прикольная плюшка для школьников

Ну просто бывает так что пока некоторым не разжуешь по полочкам то не поймут...
А кто не знает как то в основном мне дает пароль от админки ... biggrin
Страна: (RU)
Форум » Веб-разработка » Скрипты для сайтов HTML » Курсор на сайте картинкой
  • Страница 1 из 1
  • 1
Поиск: