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

2 ноября 2014 г. Просмотров: 798 Инструкции
Современные браузеры практически полностью поддерживают стандарт 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-клиентом. Перезапишите старый файл таблиц стилей на сервере. Отключитесь от сервера.
  • Проверьте полученный результат. Откройте одну из страниц сайта, для элементов которой был назначен курсор. Наведите мышь на данный элемент страницы. Форма курсора должна измениться.
  • Оцените статью!