скачать бесплатно — » HTML на примерах, всё доступно и просто (для начинающих)»
— — —— — — >> с к а ч а т ь <<
скачать бесплатно — «Как создать классный сайт!
От начала и до конца»
——>> с к а ч а т ь <<
Для установки собственного курсора для ваших web – страниц поможет CSS, свойство cursor.
Свойство CSS cursor – служит для изменения внешнего вида курсора.
Свойством cursor можно задавать стандартные виды курсоров, это те, что находятся на компьютере пользователя, а можно загрузить и установить свой личный курсор. Обычно формат курсора CUR или SVG.
> Стандартные курсоры.
Наведите мышкой, понаблюдайте изменение курсора.
-
auto — курсор по умолчанию.
-
crosshair — перекрестие.
-
default — курсор в виде стрелки.
-
pointer — курсор обозначающий ссылку.
-
move — курсор, определяющий объект для перемещения.
-
e-resize , ne-resize , nw-resize , n-resize , se-resize , sw-resize , s-resize , w-resize — курсоры, обозначающие возможность перемещения края объекта.
-
text — курсор, обозначающий текст.
-
wait — курсор, обозначающий загрузку программы или объекта.
-
help — курсор, означающий справочную информацию, в виде вопросительного знака.
Пример заполнения.
скопируй код в блокнот и сохрани как «cursor.html«
<html>
<head>
<style type=»text/css»>
.help { cursor: help }
.crosshair {cursor:crosshair}
.wait {cursor:wait}
.ne-resize{cursor:ne-resize}
</style>
</head>
<body>
<a href=»#» class=»help»>наведи курсор </a>
<a href=»#» class=»crosshair»>наведи курсор</a>
<a href=»#» class=»wait»>наведи курсор</a>
<a href=»#» class=»ne-resize»>наведи курсор</a>
</body>
</html>
Вот, что должно получиться. При наведении курсора мышки на ссылку, курсор будет меняется.
.наведи курсор./.наведи курсор./.наведи курсор /.наведи курсор
> Собственный курсор-картинка на CSS
Для установки на сайт собственного курсора укажите в свойстве cursor путь к самому курсору-картинке.
cursor : url(‘путь к курсору‘), стандартный курсор
Для наглядности приведу примеры:
P { cursor : url(«my.cur«), text; }
P { cursor : url(«my.svg«), url(«my.cur«), auto; }
Пример заполнения.
скопируй код в блокнот и сохрани как
«cursor-img.html«
<html>
<head>
<style type=»text/css»>
body { cursor : url(«Up_Arrow.cur»), text;}
a:hover
{
cursor : url(«UpArrow.cur»), url(«Up_Arrow. svg «), auto;
}
</style>
</head>
<body>
<a href=»#» >наведи курсор </a>
<a href=»#» >наведи курсор</a>
<a href=»#»>наведи курсор</a>
<a href=»#»>наведи курсор</a>
<p>Вот и все</p>
</body>
</html>
Я указал, что картинка курсора находиться в корне сайте, то есть вместе со страницей сайта. Если картинка курсора лежала бы в папке “img”, тогда путь был бы таким
cursor : url(«img /UpArrow.cur»), url(«img /Up_Arrow. svg”), auto;
Расшифровка: я указал, где находиться курсор-картинка и какую картинку нужно загрузить для курсора (UpArrow.cur), в случае, если картинка не загрузилась, будет загружаться вторая картинка (Up_Arrow. svg), но даже если и она по каким-то причинам не загрузилась, тогда пойдет загрузка курсора по умолчанию (auto – смотрите стандартные курсоры).
В качестве курсора можно использовать файлы в формате CUR, ANI, SVG, PNG, GIF курсоры
Поддерживаются собственные курсоры-картинки (пользовательские курсоры) начиная с браузеров IE6, Firefox 1.5.
Firefox 1.5 поддерживает CUR и SVG cursor-ы, при этом он не поддерживает формат ANI.
IE поддерживает форматы CUR и ANI, но не понимает SVG cursor-ов.
скачать курсоры для мыши, бесплатно.
дальше —Прозрачный CSS фон
И кстати, если Вы ищете недорогой хостинг могу посоветовать Вебхост — для неограниченного количества сайтов и абузоустойчивый Зомро — для доров, зайтов про казино и адалт.