Как сделать курсор для сайта?

Современные браузеры практически полностью поддерживают стандарт CSS2. Это позволяет web-мастерам использовать всю мощь каскадных таблиц стилей для создания оригинальных элементов дизайна сайтов. Хороший дизайн создается за счет корректного выбора цветового оформления элементов web-страниц, качественного подбора гарнитур используемых шрифтов, правильного расположения текста, изображений и таблиц. Но кроме широких возможностей по изменению типографических свойств отображаемого текста и визуального представления документа, CSS предоставляет средства управления элементами оформления, не относящимися к документу. Так, можно сделать курсор для сайта или отдельных частей его страниц.
Создать сайт самостоятельно с Wix.com

Вам понадобится

• Доступ к редактированию шаблонов страниц или файлов таблиц стилей сайта. Данные для доступа к сайту по протоколу FTP. Программа FTP-клиент, либо файловый менеджер с поддержкой соединения по протоколу FTP.

Инструкция

Подготовьте файлы курсоров для сайта. Подумайте, курсоры какого вида, для каких элементов страниц сайта будут использованы. Скопируйте файлы курсоров в отдельный каталог. Файлы курсоров можно взять из бесплатных тем курсоров, доступных для загрузки в интернете. Можно также нарисовать свой собственный курсор, используя редакторы ресурсов популярных IDE (например, Microsoft Visual Studio), либо специализированные программы для редактирования курсоров.

Загрузите файлы курсоров на web-сайт. Соединитесь с сайтом по протоколу FTP при помощи программы FTP-клиента, либо файлового менеджера. Скопируйте файлы курсоров на сервер. Загрузите файлы в каталог, доступный из web. Если это необходимо, измените права доступа к файлам курсоров, чтобы они стали доступны для чтения всем пользователям.

Загрузите файл таблиц стилей на локальный диск. Определите файл таблиц стилей, который подключается ко всем страницам сайта, для элементов которых необходимо устанавливать курсоры. Загрузите этот файл при помощи FTP-клиента, либо файлового менеджера. Как правило, в темах для популярных CMS, присутствуют такие файлы. Если такого файла нет, просто создайте файл с расширением css на локальном диске и отредактируйте шаблон темы, подключив этот файл в заголовок web-страниц при помощи элемента STYLE.

Отредактируйте файл таблиц стилей. Добавьте в наборы правил, сопоставляемых элементам, для которых необходимо задать курсор, строки вида:

cursor: url('');

В качестве значения необходимо указывать адрес файла курсора на сайте.

Загрузите файл таблиц стилей на сервер. Снова воспользуйтесь программой FTP-клиентом. Перезапишите старый файл таблиц стилей на сервере. Отключитесь от сервера.

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

Оцените статью!