Всплывающие картинки и курсор из своего фото

Воскресенье, 04 Ноября 2012 г. 08:53 + в цитатник

Цитата сообщения Егорова_Таня

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

Всплывающие картинки и курсор из своего фото

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

Недавно посетитель блога Андрей (наведите сюда курсор,увидите его аватарку) подсказал мне формулу, по которой можно без труда ставить в запись свой курсор и делать всплывающие картинки.

КАК ЭТО ДЕЛАЕТСЯ

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

Для новичков рассказываю подробнее.

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

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

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

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

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

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

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

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

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

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

Всё!Удачи!

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

<a href="https://www.liveinternet.ru/users/inga_sameah/post246368682/">Р’СЃРїР»С‹РІР°СЋС‰РёРµ РєР°СЂС‚РёРЅРєРё Рё РєСѓСЂСЃРѕСЂ РёР· СЃРІРѕРµРіРѕ С„РѕС‚Рѕ</a><br/>Р’СЃРїР»С‹РІР°СЋС‰РёРµ РєР°СЂС‚РёРЅРєРё Рё РєСѓСЂСЃРѕСЂ РёР· СЃРІРѕРµРіРѕ С„РѕС‚Рѕ

РќРµРґР°РІРЅРѕ РїРѕСЃРµС‚РёС‚РµР»СЊ Р±Р»РѕРіР° РђРЅРґСЂРµР№ (РЅР°РІРµРґРёС‚Рµ СЃСЋРґР° РєСѓСЂСЃРѕСЂ,СѓРІРёРґРёС‚Рµ РµРіРѕ Р°РІР°С‚Р°СЂРєСѓ) РїРѕРґСЃРєР°Р·Р°Р» РјРЅРµ С„РѕСЂРјСѓР»Сѓ, РїРѕ РєРѕС‚РѕСЂРѕР№ РјРѕР¶РЅРѕ Р±РµР· С‚СЂСѓРґР° СЃС‚Р°РІРёС‚СЊ РІ Р·Р°РїРёСЃСЊ СЃРІРѕР№ РєСѓСЂСЃРѕСЂ Рё РґРµР»Р°С‚СЊ РІСЃРїР»С‹РІР°СЋС‰РёРµ РєР°СЂС‚РёРЅРєРё.

РљРђРљ РРўРћ Р”Р•Р›РђР•РўРЎРЇ

РљРѕРґ РІ РѕРєРѕС€РµС‡РєР°  РЅРёР¶Рµ
РўР•РљРЎРў, Р¤РћРўРћ Р РџР .

Р”Р»СЏ РЅРѕРІРёС‡РєРѕРІ СЂР°СЃСЃРєР°Р·С‹РІР°СЋ РїРѕРґСЂРѕР±РЅРµРµ.

РљР°СЂС‚РёРЅРєСѓ РґР»СЏ РєСѓСЂСЃРѕСЂР° РјРѕР¶РЅРѕ РІР·СЏС‚СЊ РіРѕС‚РѕРІСѓСЋ, Р° РјРѕР¶РЅРѕ СЃРґРµР»Р°С‚СЊ РІ Р»СЋР±РѕР№ РїРѕРґС…РѕРґСЏС‰РµР№ РїСЂРѕРіСЂР°РјРјРµ СЃР°РјРёРј.  Р’СЃРїР»С‹РІР°СЋС‰СѓСЋ РєР°СЂС‚РёРЅРєСѓ Р»СѓС‡С€Рµ Р±СЂР°С‚СЊ РЅРµР±РѕР»СЊС€СѓСЋ, Р¶РµР»Р°С‚РµР»СЊРЅРѕ РІ РїСЂРµРґРµР»Р°С… 100СЂС…. Р‘РѕР»СЊС€Р°СЏ РЅРµ Р±СѓРґРµС‚ РѕС‚РѕР±СЂР°Р¶Р°С‚СЊСЃСЏ.
РќР°... <a href="https://www.liveinternet.ru/users/inga_sameah/post246368682/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Поиск по дневнику

-Подписка по e-mail

-Постоянные читатели

-Статистика

Всплывающие картинки и курсор из своего фото