-Рубрики


ВСПЛЫВАЮЩИЕ КАРТИНКИ ИЛИ КУРСОР ИЗ СВОЕГО ИЗОБРАЖЕНИЯ

Понедельник, 09 Ноября 2015 г. 19:43 + в цитатник
Цитата сообщения key-note

КАК ЭТО ДЕЛАЕТСЯ
Основа всех курсоров -

Код в окошечка ниже


ДЕЛАЕМ КАРТИНКУ ДЛЯ КУРСОРА

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

НАВЕДИТЕ СЮДА КУРСОР

- всплыл аватар. Я взяла его URL прямо с картинки 100*100px из Интернета.

ДЕЛАЕМ КУРСОР

Для курсора надо брать совсем маленькое изображение.
Копируем часть кода ниже

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

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

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

КУРСОР ПТИЧКА  и ее URL адрес:
//img0.liveinternet.ru/images/attach/c/4/83/764/83764654_100d6092c3fa.gif

КУРСОР ОЛЕНЬ  и URL адрес :

//img1.liveinternet.ru/images/attach/c/4/83/764/83764499_4799b5f4a22e.gif

КУРСОР ЕЛОЧКА  и URL адрес:

//img1.liveinternet.ru/images/attach/c/4/83/764/83764521_49c514971e1d.gif

КУРСОР СТРЕКОЗА   и URL адрес:

//img1.liveinternet.ru/images/attach/c/4/83/764/83764625_0dbbc4d025c3.gif

КУРСОР СЕРДЕЧКИ  и URL адрес:

//img0.liveinternet.ru/images/attach/c/4/83/765/83765336_a5242916bdd9.gif

Вообщем, принцип ясен: Вставляем в код, что в окошке вверху, аккуратно URL любой маленькой картинки, вместо ТЕКСТ, ФОТО и пр. вставляем любую запись, картинку, и на них будет отображаться новый курсор.

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

Выше уже был показан пример. Принцип вставки такой картинки тот же, что и с курсором, но только мы вставляем первую часть кода ПЕРЕД теми словами, при наведении на которые должна всплывать картинка, а вторую часть кода ПОСЛЕ этих слов.

Всплывающую картинку можно сделать и к фото. Пример ниже. Наведите курсор на маленькое изображение моего курсора и увидите картинку из которого он сделан.
4709286_109449476_4709286_picture1328411_2_ (20x20, 1Kb)

Вместо текста вставляется код маленькой картинки. Его можно взять из Лиру, загрузив и уменьшив картинку в расширенном редакторе, затем скопировав код, повторно зайдя, в простом редакторе.

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

Удачи!

Код курсора- роза:

Источник: http://clubs.ya.ru/4611686018427469708/posts.xml?tag=151252419

Серия сообщений "~курсоры":
Часть 1 - Курсоры "Русалочки" для ваших записей.
Часть 2 - Курсоры "Знаки Зодиака" для ваших тематических записей.
...
Часть 8 - Курсоры.(ЧАЙНЫЕ).
Часть 9 - ВСПЛЫВАЮЩИЕ КАРТИНКИ ИЛИ КУРСОР ИЗ СВОЕГО ИЗОБРАЖЕНИЯ
Часть 10 - ВСПЛЫВАЮЩИЕ КАРТИНКИ ИЛИ КУРСОР ИЗ СВОЕГО ИЗОБРАЖЕНИЯ
Часть 11 - Уроки.
Часть 12 - Ещё делаем курсорчик!!!
...
Часть 16 - Курсор из вашего фото.
Часть 17 - Создаём свой курсор.
Часть 18 - Мои курсоры.

Рубрики:  КНОПОЧКИ~КУРСОРЫ