• Авторизация


Всплывающие картинки и курсор из своего фото 03-11-2012 18:36 к комментариям - к полной версии - понравилось!


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


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

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


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


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

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

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

Для курсора надо брать совсем маленькое изображение. Например, для этого поста я сделала курсор из своей аватарки.

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



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



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

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


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

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

_avatar180 копия копия (25x30, 4Kb)


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

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

Всё!Удачи!

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

вверх^ к полной версии понравилось! в evernote
Комментарии (71): вперёд» последняя»
Спасибо большое!!! Очень интересно!
agness214 03-11-2012-18:42 удалить
забавно, мне понравилось, забираю урок на дом, спасибо!
Lebedeva-3-3 03-11-2012-18:46 удалить
Спасибо! Я один раз очень долго возилась, и вместо картинки автора пробовала свою поставить - никак. Очевидно, размер был большой.
Огромнейшее спасибо за формулу и урок!!!
mimozochka 03-11-2012-19:15 удалить
классно !Спасибо Танюша!!!
Ответ на комментарий Lebedeva-3-3 # Скорее всего,Lebedeva-3-3
Franzuzhenka 03-11-2012-19:30 удалить
Tanechka milaja, spasibo bolshoe!
Ludmila5929 03-11-2012-19:44 удалить
Ой как понравился урок! Спасибо, забираю в цитатник.
Schamada 03-11-2012-19:48 удалить
Спасибо.
,Танюшка.
Prudent 03-11-2012-21:03 удалить
Спасибо! попробую:)
Спасибо за очень интересный пост.
Спасибо. Интересно, конечно, но надо ли???
FaithMona 03-11-2012-23:01 удалить
Огромное спасибо за урок!
MargoMar 03-11-2012-23:13 удалить
Интересно конечно, а это удобно будет в пользовании?
Ответ на комментарий MargoMar # Интересный урок!! Спасибо большое!!!
LudmelaRU 04-11-2012-06:10 удалить
Танечка,ты как всегда прелесть,Спасибо!
Так-как двоечница, списываю с благодарностью.
Radeia 04-11-2012-06:29 удалить
Благодарю, интересно!
СТЯПУХА 04-11-2012-07:41 удалить
Спасибо, за пост Татьяна...цитирую!
jzayka 04-11-2012-09:25 удалить
Спасибо за пост
milud 04-11-2012-11:24 удалить
Большое спасибо. Не знаю получится ли у меня это сделать, но я попробую.

(Добавил ссылку к себе в дневник)

ludnov 04-11-2012-12:29 удалить
Благодарю, Вас! Цитирую.
be-ll 04-11-2012-13:41 удалить
Танечка,день добрый.Спасибо за интересный урок.
Ответ на комментарий MargoMar # Многие уже нашли применение


Комментарии (71): вперёд» последняя» вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Всплывающие картинки и курсор из своего фото | Егорова_Таня - Дневник Егорова Таня | Лента друзей Егорова_Таня / Полная версия Добавить в друзья Страницы: раньше»