ВСПЛЫВАЮЩИЕ КАРТИНКИ ИЛИ КУРСОР ИЗ СВОЕГО ИЗОБРАЖЕНИЯ |
КАК ЭТО ДЕЛАЕТСЯ
Основа всех курсоров -
Код в окошечка ниже
ДЕЛАЕМ КАРТИНКУ ДЛЯ КУРСОРА
Картинку для курсора можно взять готовую, а можно сделать в любой подходящей программе самим. Всплывающую картинку лучше брать небольшую, желательно в пределах 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 любой маленькой картинки, вместо ТЕКСТ, ФОТО и пр. вставляем любую запись, картинку, и на них будет отображаться новый курсор.
ДЕЛАЕМ ВСПЛЫВАЮЩУЮ КАРТИНКУ
Выше уже был показан пример. Принцип вставки такой картинки тот же, что и с курсором, но только мы вставляем первую часть кода ПЕРЕД теми словами, при наведении на которые должна всплывать картинка, а вторую часть кода ПОСЛЕ этих слов.
Всплывающую картинку можно сделать и к фото. Пример ниже. Наведите курсор на маленькое изображение моего курсора и увидите картинку из которого он сделан.
Вместо текста вставляется код маленькой картинки. Его можно взять из Лиру, загрузив и уменьшив картинку в расширенном редакторе, затем скопировав код, повторно зайдя, в простом редакторе.
Дополнение: Такая картинка , к сожалению, не видна в некоторых браузерах. Для картинки подходят форматы jpeg и png, формат gif будет отображаться неподвижным.
Удачи!
Код курсора- роза:
Источник: http://clubs.ya.ru/4611686018427469708/posts.xml?tag=151252419
Серия сообщений "~курсоры":Часть 1 - Курсоры "Русалочки" для ваших записей.
Часть 2 - Курсоры "Знаки Зодиака" для ваших тематических записей.
...
Часть 8 - Курсоры.(ЧАЙНЫЕ).
Часть 9 - ВСПЛЫВАЮЩИЕ КАРТИНКИ ИЛИ КУРСОР ИЗ СВОЕГО ИЗОБРАЖЕНИЯ
Часть 10 - ВСПЛЫВАЮЩИЕ КАРТИНКИ ИЛИ КУРСОР ИЗ СВОЕГО ИЗОБРАЖЕНИЯ
Часть 11 - Уроки.
Часть 12 - Ещё делаем курсорчик!!!
...
Часть 16 - Курсор из вашего фото.
Часть 17 - Создаём свой курсор.
Часть 18 - Мои курсоры.
Рубрики: | КНОПОЧКИ~КУРСОРЫ |
« Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |