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

Відео: Як створити свій курсор мишки

Содержание

Відео: Як створити свій курсор мишки
Зверніть увагу
Корисна порада

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

Підготуйте файли курсорів для сайту. подумайте, курсори-якого виду, для яких елементів сторінок сайту будуть використані. Передайте файли курсорів в окремий каталог. файли курсорів можна взяти з безкоштовних тим курсорів, доступних для завантаження в інтернеті. Можна також намалювати свій власний курсор, використовуючи редактори ресурсів популярних IDE (наприклад, Microsoft Visual Studio), або спеціалізовані програми для редагування курсорів.

завантажте файли курсорів на web-сайт. З`єднаєтеся з сайтом по протоколу FTP за допомогою програми FTP-клієнта, або файлового менеджера. Передайте файли курсорів на сервер. Завантажте файли в каталог, доступний з web. Якщо це необхідно, змініть права доступу до файлів курсорів, щоб вони стали доступні для читання всім користувачам.

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

Відредагуйте файл таблиць стилів. Додайте в набори правил, що зіставляються елементів, які ви хочете зробити курсор, такі рядки:
cursor: url ( `курсораgt; `) -

Як значення курсораgt; необхідно вказувати адресу файлу курсора на сайті.

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

Перевірте отриманий результат. Відкрийте одну зі сторінок сайту, для елементів якої був призначений курсор. Наведіть мишу на даний елемент сторінки. форма курсора повинна змінитися.

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

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

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

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

Поділися в соціальних мережах:

Увага, тільки СЬОГОДНІ!

Схожі