Делаем изменение курсора CSS на сайте
 | |||||||||||||
| Здесь узнаем атрибуты, которые будут как определяющие на изменение курсора для сайта. Так что можно сделать уникальный или под тему. Иногда на сайт зайдешь и наведешь на кнопку любую, к примеру скачать и не чего не изменяется в курсоре и остается стрелка. Просто некоторых такая тема и вид раздражает, понятное дело, когда навел и появился палец и все объясняет, что здесь реально ссылка или функция установлена под клик. Но для начало разберем самый распространенный эффект, которого нет, а это стрелка, которая просто не преобразовывается в тот вид, который привыкли. Здесь все просто, не установлен стиль и за это отвечает cursor:pointer и после как его поставим, тогда все будет как привыкли. Но здесь нужно добавить, что не только один палец можно установить, для этого есть еще много стилей. Которые совершенно не похоже друг на друга и некоторые можно применить на скриптах. Давайте с начало по стандарту, а это при наведение идет стрелка, как только навели на ссылку или кнопку, то показывается палец. Просто где этого нет, там прописываем стиль. Код style="cursor:pointer;" Как видим за это отвечает стиль cursor:pointer который уже упоминался раньше. Теперь рассмотрим другие, вы просто наводите на название стиля и видите какой эффект курсора получается, который понравился, копируем и устанавливаем в стиль, что ранее представлен был, просто меняем.
PS - ставится он прямо в код перед ссылкой или кнопкой, если у вас на какой то реальной функций нет на портале, то идем в админ панель и находим ее и там прописываем. | |||||||||||||
Поделиться в социальных сетях
Материал разместил
| Комментарии: 3 | |
|
Это к материалу относиться, если у вас нет клика и его преображение или как там, то вот стандартный нужно сделать.
Так если показывает.  То ставим стиль этот, он как раз стандартный. Код style="cursor:pointer;" И как только поставите, то так получится.  Как уже сказано было, где не работает, то находим этот код за и там уже прописываем, если это ссылка то перед ней или это что то другое, как меню или кнопка, то также перед самой функций в коде ставим стиль и проверяем. Это сообщества uCoz взято: Вообщем обозначение курсоров, где является главным свойством cursor и к нему уже добавляем. Стандартные курсоры auto - курсор по умолчанию для текущего элемента. crosshair - простое перекрестие (напоминающее символ "+"). default - курсор, используемый по умолчанию на данной платформе. Зачастую представляется в виде стрелки. pointer - курсор представляется указателем, обозначающим ссылку. move - курсор, определяющий объект, который можно переместить. e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize - курсоры, обозначающие возможность перемещения некоторого края объекта. text - курсор, обозначающий текст, который может быть выделен. Зачастую представляется в виде вертикальной линии "|". wait - курсор, обозначающий занятость программы, и говорящий пользователю, что следует подождать. Зачастую представляется в виде циферблата или песочных часов. help - курсор, означающий, что для объекта, на который он указывает, имеется справочная информация. Зачастую представляется в виде вопросительного знака или воздушного шара. | |
