
Как изменить вид курсора, используя возможности CSS. Для этого в код ссылки вида <a href="URL СТРАНИЦЫ" style="cursor: help;"> ВАШ ТЕКСТ</a> или для изменения курсора на наведение на текст абзаца: <p style="cursor: help;"> Текст </p> или в другой HTML код вставляем стиль желаемого курсора, которые вы видите ниже в таблице:
Вид | Встроенный стиль в html код | CSS код | Описание |
![]() ![]() | style="cursor: crosshair;" | a {cursor: crosshair;} | Крестик |
![]() ![]() | style="cursor: pointer;" | a {cursor: pointer;} | рука |
![]() ![]() | style="cursor: move;" | a {cursor: move;} | перекрещенные стрелки |
![]() ![]() | style="cursor: e-resize;" | a {cursor: e-resize;} | стрелка вправо |
![]() ![]() | style="cursor: ne-resize;" | a {cursor: ne-resize;} | стрелка вверх и вправо |
![]() ![]() | style="cursor: nw-resize;" | a {cursor: nw-resize;} | стрелка вверх и влево |
![]() ![]() | style="cursor: n-resize;" | a {cursor: n-resize;} | стрелка вверх |
![]() ![]() | style="cursor: sw-resize;" | a {cursor: sw-resize;} | стрелка вниз и влево |
![]() ![]() | style="cursor: se-resize;" | a {cursor: se-resize;} | стрелка вниз и вправо |
![]() ![]() | style="cursor: s-resize;" | a {cursor: s-resize;} | стрелка вниз |
![]() ![]() | style="cursor: w-resize;" | a {cursor: w-resize;} | стрелка влево |
![]() ![]() | style="cursor: text;" | a {cursor: text;} | курсор текст |
![]() ![]() | style="cursor: wait;" | a {cursor: wait;} | песочные часы |
![]() ![]() | style="cursor: help;" | a {cursor: help;} | помощь, вопросительный знак |
![]() ![]() | style="cursor: default;" | a {cursor: default;} | обычный |
![]() ![]() | style="cursor: grab;" | a {cursor: grab;} | взять рукой |
![]() ![]() | style="cursor: zoom-in;" | a {cursor: zoom-in;} | лупа увеличение |
![]() ![]() | style="cursor: zoom-out;" | a {cursor: zoom-out;} | лупа уменьшение |
![]() ![]() | style="cursor: cell;" | a {cursor: cell;} | плюс |
![]() ![]() | style="cursor: not-allowed;" | a {cursor: not-allowed;} | запрет |
Таким образом получаем курсор вида (наведите на ссылку): Помощь
Как вариант вы можете изменить вид курсора в вашем блоге на blogspot и выбрать в качестве курсора любое изображение.
Например, вы можете выбрать такой курсор:
Небольшая деталь - изменение курсора не работает в старых версиях Опера и Internet Explorer.
Курсор на WordPress
Пропишите изменения курсора в файле style.css
Примеры:
P {cursor: crosshair;} a {cursor: move;} h2 {cursor: help;}
Также вы можете прописать класс
HTMl-код в редакторе сообщения:
<p class="cross"> текст с измененным курсором </p>
CSS-стиль:
.cross { cursor: crosshair; }
Как изменить курсор в blogger
Вы можете использовать встроенный стиль, тогда вам нужно будет править в редакторе сообщения или изменить стиль курсора во всём блоге, прописав CSS:
- Найдите в шаблоне блога код ]]>
- Добавьте перед ним код
body, a, a:hover {cursor: url(ссылка на изображение курсора), progress;}
В моем примере я вставила код:
body, a, a:hover {cursor: url(http://cursors3.totallyfreecursors.com/thumbnails/apple-tmani.gif), progress;}
arrow забыл!