» »

Как поменять стандартный курсор для сайта

Как поменять стандартный курсор для сайта

Вы можете на сайте изменить стандартный курсор на оригинальный. А как это сделать, здесь все разберем, все это не сложно поменять. Безусловно вам встречались тематические интернет ресурсы, где по умолчанию вместо курсора стоит что то оригинальное, но основном делают по тематику. Это может быть железная перчатка или кисть скелета, но главное чтоб указательный палец указывал вверх, только этот отлично подойдет и будет по смотреться на любом портале.

Все это делается с помощью CSS на вашем сайте, но для начало находим курсор и заливаем его файловый менеджер и после этого идем в стили и нам нужно прописать в самом низу.

Создать нестандартный курсор на сайте


CSS

Код
body {cursor: url('прямой путь в залитому курсору'), auto;}

Здесь нужно понимать, что сами курсоры могут идти под форматом .png, .gif, .jpg, .ico и еще есть один формат .cur - но все они корректно отображаются.

Но есть различие, тот что первый стиль, он идет по умолчанию, и при наведение на ссылку или переход, то появится стандартный.

Если вам это не устраивает, и вам нужно по умолчанию стандартный, а вот при наведение чтоб он изменялся, то под это идет другой стиль.

Код
.link:hover {cursor: url('Ссылка прямая, где залили свой курсор'), auto;}

Но срабатывать только будет на класс .link и только на этом классе будет при наведение перевоплощаться, если можно так выразиться.

Стандартные свойства CSS для изменения курсора


Но также есть стандартные курсоры, которые также изменяются в CSS, только не чего заливать не нужно.

Для этого есть статья, где делаем изменение курсора CSS где все подробно описано, и там есть демонстрация, как они визуально смотреться будут.

PS - но не все здесь идут по назначению, так как есть немного и под дизайн, то что показывает указательным пальцем не вверх, а в правую сторону, где в стилистике они пригодятся. 
04.05.2017 Загрузок: 1 Просмотров: 504 Комментарий: (3)

Поделиться в социальных сетях

Материал разместил

Комментарий: 3
Scheme
Scheme 04.05.2017 23:211
0
Если только под тематику, но иногда такой лик поставят, что просто раздражает и хочется быстро уйти.
Kolinkor
Kolinkor 04.05.2017 23:262
0
Второй вариант мне намного ближе и даже поставил, что не говорите, но все равно люди к стандартному привыкают, а здесь он идет только на переключение или переход.
Марковичь
Марковичь 04.05.2017 23:303
0
Здесь еще играет возрастной фактор, как пример они мне не нужны, если у тебя тема подростковая, то возможно можно поставить, а подростковая, это игровая.
avatar