Как поменять стандартный курсор для сайта
 | |
| Вы можете на сайте изменить стандартный курсор на оригинальный. А как это сделать, здесь все разберем, все это не сложно поменять. Безусловно вам встречались тематические интернет ресурсы, где по умолчанию вместо курсора стоит что то оригинальное, но основном делают по тематику. Это может быть железная перчатка или кисть скелета, но главное чтоб указательный палец указывал вверх, только этот отлично подойдет и будет по смотреться на любом портале. Все это делается с помощью CSS на вашем сайте, но для начало находим курсор и заливаем его файловый менеджер и после этого идем в стили и нам нужно прописать в самом низу. Создать нестандартный курсор на сайтеCSS Код body {cursor: url('прямой путь в залитому курсору'), auto;} Здесь нужно понимать, что сами курсоры могут идти под форматом .png, .gif, .jpg, .ico и еще есть один формат .cur - но все они корректно отображаются. Но есть различие, тот что первый стиль, он идет по умолчанию, и при наведение на ссылку или переход, то появится стандартный. Если вам это не устраивает, и вам нужно по умолчанию стандартный, а вот при наведение чтоб он изменялся, то под это идет другой стиль. Код .link:hover {cursor: url('Ссылка прямая, где залили свой курсор'), auto;} Но срабатывать только будет на класс .link и только на этом классе будет при наведение перевоплощаться, если можно так выразиться. Стандартные свойства CSS для изменения курсораНо также есть стандартные курсоры, которые также изменяются в CSS, только не чего заливать не нужно. Для этого есть статья, где делаем изменение курсора CSS где все подробно описано, и там есть демонстрация, как они визуально смотреться будут. PS - но не все здесь идут по назначению, так как есть немного и под дизайн, то что показывает указательным пальцем не вверх, а в правую сторону, где в стилистике они пригодятся. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 3 | |
|
| |
