Делаем курсоры к записи

Суббота, 25 Февраля 2017 г. 12:45 + в цитатник

Цитата сообщения Шадрина_Галина

Прочитать целиком В свой цитатник или сообщество!

Как к каждой записи в дневнике, сделать свой простенький курсор, и вставить его в пост.

Как к каждой записи в дневнике, сделать свой простенький, но оригинальный курсор, и вставить его в пост. Сделать это совсем несложно. Вот в этой рамочке код такого курсора. Копируете его, и подставляете свои значения, вместо слов. Потяните мышкой за правый нижний уголочек рамочки, и вам откроется весь код курсора.

<div align="center"><font style="cursor:URL('АДРЕС КАРТИНКИ'),auto;">ВАШ ПОСТ</font></div>

А теперь немножко поподробнее об этой формуле. Выглядит она вот так.

Все, что выделено ЖЕЛТЫМ, ставим перед постом, или той фразой, или абзацем, где мы хотим видеть свой курсор. Это открывающие теги.
Голубым выделены - закрывающие теги курсора. После этих кодов курсор будет выглядеть обычно.

Вместо слов АДРЕС КАРТИНКИ, подставляем адрес той небольшой картинки, которую хотим видеть вместо курсора. Если ставите картинку через РАДИКАЛ, то это код №1. Если картинка просто с интернета, то нажмите правую кнопку мыши, и выберите КОПИРОВАТЬ ССЫЛКУ НА ИЗОБРАЖЕНИЕ. Рисунок может быть любого формата. Маленький смайлик, анимашка, клипарт и прочее. Только анимашка, на курсоре, будет не анимированной.

Вставляйте очень аккуратно, что б не стереть кавычки или скобки, иначе формула у вас смажется.

Вот и все. Используя эту формулу, вы сами можете создавть свои курсоры.

И несколько готовых курсоров с КОДАМИ. Копируете нужный код из окошечка и вместо слов ВАШ ПОСТ, вставляйте текст, рамочки, отдельные фрагменты своего поста, или пост целиком. Чтобы увидеть как выглядит сам курсор, наведите свой курсор на название.

Пасхальный кролик<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/pasxa/image/pasxa12.gif'),auto;">ВАШ ПОСТ</font></div> Сердечко<div align="center"><font style="cursor:URL('http://upyourpic.org/images/201303/wjypozncsz.png'),auto;">ВАШ ПОСТ</font></div> Пасхальный<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/sweet/image/sw121.gif'),auto;">ВАШ ПОСТ</font></div>

Солнышко<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/sweet/image/sw145.gif'),auto;">ВАШ ПОСТ</font></div> Человечик<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/sweet/image/sw139.gif'),auto;">ВАШ ПОСТ</font></div> Дельфин<div align="center"><font style="cursor:URL('http://upyourpic.org/images/201303/dahgoz5d7i.png'),auto;">ВАШ ПОСТ</font></div>

Листочик<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/sweet/image/sw183.gif'),auto;">ВАШ ПОСТ</font></div> Помада<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/sweet/image/sw185.gif'),auto;">ВАШ ПОСТ</font></div> Бабочка<div align="center"><font style="cursor:URL('http://upyourpic.org/images/201303/zybhs2zd6i.png'),auto;">ВАШ ПОСТ</font></div>

Божья коровка<div align="center"><font style="cursor:URL('http://upyourpic.org/images/201303/tq8ptpok8i.png'),auto;">ВАШ ПОСТ</font></div> Лисичка<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/sweet/image/sw211.gif'),auto;">ВАШ ПОСТ</font></div> Яблочко<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/sweet/image/sw44.gif'),auto;">ВАШ ПОСТ</font></div>

Смайлик<div align="center"><font style="cursor:URL('http://fantasyflash.ru/smiles/kosichki/image/d4.gif'),auto;">ВАШ ПОСТ</font></div> Шарики<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/balloons/image/balloons28.gif'),auto;">ВАШ ПОСТ</font></div> Капелька<div align="center"><font style="cursor:URL('http://upyourpic.org/images/201303/muykajzoty.png'),auto;">ВАШ ПОСТ</font></div>

Шарик<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/balloons/image/balloons26.gif'),auto;">ВАШ ПОСТ</font></div> Хомяк<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/hamster/image/homa28.gif'),auto;">ВАШ ПОСТ</font></div> Хомячок<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/hamster/image/homa37.gif'),auto;">ВАШ ПОСТ</font></div>

Птичка<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/bird/image/bird12.gif'),auto;">ВАШ ПОСТ</font></div> Мишка<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/angel/image/angel18.gif'),auto;">ВАШ ПОСТ</font></div> Ангелочик<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/angel/image/angel20.gif'),auto;">ВАШ ПОСТ</font></div>

Собачка<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/dog/image/dog27.gif'),auto;">ВАШ ПОСТ</font></div> Розочка<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/flowers/image/ff63.gif'),auto;">ВАШ ПОСТ</font></div> Роза<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/flowers/image/f60.gif'),auto;">ВАШ ПОСТ</font></div>

Кошечка<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/cat/image/cat6.gif'),auto;">ВАШ ПОСТ</font></div> Котенок<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/cat/image/cat21.gif'),auto;">ВАШ ПОСТ</font></div> Звездочка<div align="center"><font style="cursor:URL('http://fantasyflash.ru/anime/star/image/star14.gif'),auto;">ВАШ ПОСТ</font></div>

Урок делаю по МАЗИЛЕ, и проверяла в Гугл хром, будут ли коды работать в остальных браузерах не знаю.

Небольшие анимашки для курсора вы можете ВЗЯТЬ ЗДЕСЬ

Или вот здесь, у меня в АЛЬБОМАХ СМАЙЛИКОВ НА ЯНДЕКСЕ, там же найдете и другие картинки.