Як зробити курсор для сайту

Як зробити курсор для сайту

Сучасні браузери практично повністю підтримують стандарт CSS2. Це дозволяє web-майстрам використовувати всю міць каскадних таблиць стилів для створення оригінальних елементів дизайну сайтів. Хороший дизайн створюється за рахунок коректного вибору колірного оформлення елементів web-сторінок, якісного підбору гарнітур шрифтів, правильного розташування тексту, зображень і таблиць. Але крім широких можливостей щодо зміни типографических властивостей відображуваного тексту і візуального представлення документа, CSS надає засоби управління елементами оформлення, які не належать до документа. Так, можна зробити курсор для сайту або окремих частин його сторінок.

Вам знадобиться

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

Інструкція

  1. Підготуйте файли курсорів для сайту. Подумайте, курсори якого виду, для яких елементів сторінок сайту будуть використані. Скопіюйте файли курсорів в окремий каталог. Файли курсорів можна взяти з безкоштовних тим курсорів, доступних для завантаження в інтернеті. Можна також намалювати свій власний курсор, використовуючи редактори ресурсів популярних IDE (наприклад, Microsoft Visual Studio), або спеціалізовані програми для редагування курсорів.
  2. Завантажте файли курсорів на web-сайт. З’єднайтесь з сайтом по протоколу FTP за допомогою програми FTP-клієнта, або файлового менеджера. Скопіюйте файли курсорів на сервер. Завантажте файли в каталог, доступний з web. Якщо це необхідно, змініть права доступу до файлів курсорів, щоб вони стали доступні для читання всім користувачам.
  3. Завантажте файл таблиць стилів на локальний диск. Визначте файл таблиць стилів, який підключається до всіх сторінок сайту, для елементів яких необхідно встановлювати курсори. Завантажте цей файл за допомогою FTP-клієнта, або файлового менеджера. Як правило, в темах для популярних CMS, присутні такі файли. Якщо такого файлу немає, просто створіть файл з розширенням css на локальному диску і відредагуйте шаблон теми, підключивши цей файл в заголовок web-сторінок за допомогою елемента STYLE.
  4. Відредагуйте файл таблиць стилів. Додайте в набори правил, зіставляються елементів, для яких необхідно задати курсор, рядки виду:

    cursor: url (‘<URL_файла_курсора>’);

    Як значення <URL_файла_курсора> необхідно вказувати адресу файла курсору на сайті.
  5. Завантажте файл таблиць стилів на сервер. Знову скористайтеся програмою FTP-клієнтом. Перепишіть старий файл таблиць стилів на сервері. Відключіться від сервера.
  6. Перевірте отриманий результат. Відкрийте одну із сторінок сайту, для елементів якої був призначений курсор. Наведіть мишу на даний елемент сторінки. Форма курсора повинна змінитися.

Зверніть увагу

Завантаження користувальницьких курсорів необхідна в досить специфічних випадках. Уникайте зайвого застосування завантажуються курсорів, щоб не зіпсувати враження користувачів про сайт.

Корисні поради

Встановлюйте для елементів сторінок стандартні форми курсорів, щоб браузер міг відображати курсор прийнятної форми в разі недоступності файлу курсору на сервері.