КУРСОРЫ Вставить курсор в свою запись очень просто. Копируете нужный код из окошечка и ВМЕСТО слов "ТЕКСТ ИЛИ КОД" вставляете ... свой текст или код поста или код рамочки. Чтобы увидеть как выглядит сам курсор, наведите свой курсор на название. Розочка<font style="cursor:URL('//img-fotki.yandex.ru/get/4131/131624064.3b6/0_ab5f1_794f17f6_orig'),auto;">Текст или код </font> Сердечко<font style="cursor:URL('http://upyourpic.org/images/201303/wjypozncsz.png'),auto;">Текст или код </font> Цветочек<font style="cursor:URL('http://upyourpic.org/images/201303/c3zarsz4ba.gif'),auto;">Текст или код </font> Уголок<font style="cursor:URL('http://upyourpic.org/images/201303/27fgo2gglc.png'),auto;">Текст или код </font> Дельфин<font style="cursor:URL('http://upyourpic.org/images/201303/9lajitfj9m.png'),auto;">Текст или код </font> Дельфинчик<font style="cursor:URL('http://upyourpic.org/images/201303/dahgoz5d7i.png'),auto;">Текст или код </font> Бабочка<font style="cursor:URL('http://upyourpic.org/images/201303/x2gn2ukaeh.png'),auto;">Текст или код </font> Бабочка<font style="cursor:URL('http://upyourpic.org/images/201303/fiiidds71z.png'),auto;">Текст или код </font> Бабочка<font style="cursor:URL('http://upyourpic.org/images/201303/zybhs2zd6i.png'),auto;">Текст или код </font> Божья коровка<font style="cursor:URL('http://upyourpic.org/images/201303/tq8ptpok8i.png'),auto;">Текст или код рамочки</font> Ветка черёмухи<font style="cursor:URL('http://upyourpic.org/images/201303/z2ypuwg22p.png'),auto;">Текст или код рамочки</font> Веточка сакуры<font style="cursor:URL('http://upyourpic.org/images/201303/kpir4adeai.png'),auto;">Текст или код рамочки</font> Вишня в шоколаде<font style="cursor:URL('http://upyourpic.org/images/201303/hxka2h7zje.png'),auto;">Текст или код рамочки</font> Жасмин<font style="cursor:URL('http://upyourpic.org/images/201303/ev5wqnq3hk.png'),auto;">Текст или код рамочки</font> Капелька<font style="cursor:URL('http://upyourpic.org/images/201303/muykajzoty.png'),auto;">Текст или код рамочки</font> Котёнок<font style="cursor:URL('http://upyourpic.org/images/201303/nfivxcv1gw.png'),auto;">Текст или код рамочки</font> Листик<font style="cursor:URL('Кhttp://upyourpic.org/images/201303/rm6ozvya8i.png'),auto;">Текст или код рамочки</font> Листик<font style="cursor:URL('http://upyourpic.org/images/201303/nx8i67xqcv.png'),auto;">Текст или код рамочки</font> Морской конёк<font style="cursor:URL('http://upyourpic.org/images/201303/xgis3y7kse.png'),auto;">Текст или код рамочки</font> Ракушка<font style="cursor:URL('http://upyourpic.org/images/201303/nv1l5xitel.png'),auto;">Текст или код рамочки</font> Рыбка<font style="cursor:URL('http://upyourpic.org/images/201303/g3romlekww.png'),auto;">Текст или код рамочки</font> Осенний листик<font style="cursor:URL('http://upyourpic.org/images/201303/pix71df5io.png'),auto;">Текст или код рамочки</font> Подснежник<font style="cursor:URL('http://upyourpic.org/images/201303/bmgfmmzm36.png'),auto;">Текст или код рамочки</font> Сирень<font style="cursor:URL('http://upyourpic.org/images/201303/tuunbvndsr.png'),auto;">Текст или код рамочки</font> Фиалка<font style="cursor:URL('http://upyourpic.org/images/201303/sxnbcznhab.png'),auto;">Текст или код рамочки</font> Птичка<font style="cursor:URL('http://upyourpic.org/images/201303/424neuhzay.png'),auto;">Текст или код рамочки</font> Птичка<font style="cursor:URL('http://upyourpic.org/images/201303/5pjsnavs65.png'),auto;">Текст или код рамочки</font> Мишка<font style="cursor:URL('http://upyourpic.org/images/201303/76r8wp5bxl.png'),auto;">Текст или код рамочки</font> Щенок<font style="cursor:URL('http://upyourpic.org/images/201303/vh99jcyxjz.png'),auto;">Текст или код рамочки</font> Гномик<font style="cursor:URL('http://upyourpic.org/images/201303/5kdfaet18k.png'),auto;">Текст или код рамочки</font>

Картинку для курсора можно взять готовую, а можно сделать в любой подходящей программе самим. Всплывающую картинку лучше брать небольшую, желательно в пределах 100рх. Большая не будет отображаться.
Нашли или сделали картинку. Теперь надо получить ее URL ( http-адрес или ссылку ). Самое простое, загрузить изображение на Радикал. Строчка №1 и будет Url картинки.

ДЕЛАЕМ КУРСОР
Для курсора надо брать совсем маленькое изображение. Например, для этого поста я сделала курсор из своей аватарки.

Копируем часть кода ниже

<font style="cursor:URL('URL КАРТИНКИ'),auto;">

Ставим ее в свою новую запись в блоге. ВМЕСТО слов URL КАРТИНКИ ставим 1-ю строчку с Радикала. Не заденьте одинарные кавычки и не оставляйте пробелов! Далее ставим код своего поста или пишем свой текст. В конце вставляем вот это

</font>

Всё! Курсор будет отражаться в записи.

ДЕЛАЕМ ВСПЛЫВАЮЩУЮ КАРТИНКУ

Принцип вставки такой картинки тот же, что и с курсором, но только мы вставляем первую часть кода ПЕРЕД теми словами, при наведении на которые должна всплывать картинка, а вторую часть кода ПОСЛЕ этих слов. Так я вставила всплывающую картинку выше, на слова "...Андрей (наведите сюда курсор,увидите его аватарку)..."

Всплывающую картинку можно сделать и к фото. Пример ниже. Наведите курсор на маленькое изображение моего курсора и увидите картинку из которого он сделан.



Вместо текста вставляется код картинки.

Дополнение: Такая картинка , к сожалению, не видна в некоторых браузерах. Для картинки подходят форматы jpeg и png, формат gif будет отображаться неподвижным.

Всё!Удачи!

Код поста для Mail.ru тут
еще разные уроки
Что можно скачать бесплатно

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 9 - Простые, оригинальные рамочки разного цвета
Часть 10 - Бродилка по ОНЛАЙН - генераторам для создания Слайд-шоу.
Часть 11 - Все о бегущем тексте. Примеры и коды.

Сайт " Мне понравился этот фоторедактор онлайн, именно за возможность сделать красочную надпись на картинке, причем на русском языке! источник… almiria