-Цитатник

Без заголовка - (10)

Победа Ивана Грозного, которую запретили на века. Мало кто знает об этой битве. Почему? Победа ...

Поздравление от Любаши К ☺ - (4)

С Новым годом, мои друзья и подписчики! Серия сообщений "Мои коллажи-10": Часть 1 ...

Милоты вам на Лиру! - (20)

Олешек - поёт мой сын Андрей

Без заголовка - (12)

С Новым годом, любимый LiveInternet!!! Пусть Новый год звездой счастливой, Войдет в с...

Нужны ли нам "улучшения" на Лиру?... Ой ой...)) - (43)

Премьера Песни - наш ответ Valez на ремонт LiveInternet В связи с ремонтом Лиру и посто...

 -Всегда под рукой

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

Поиск сообщений в Егорова_Таня

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 09.02.2010
Записей:
Комментариев:
Написано: 34599


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

Суббота, 03 Ноября 2012 г. 18:36 + в цитатник
ВСПЛЫВАЮЩИЕ КАРТИНКИ И
КУРСОР ИЗ СВОЕГО ИЗОБРАЖЕНИЯ


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

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


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


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

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

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

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

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



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



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

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


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

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

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


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

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

Всё!Удачи!

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

Метки:  

Процитировано 323 раз
Понравилось: 116 пользователям

лариса_петровна   обратиться по имени Суббота, 03 Ноября 2012 г. 18:41 (ссылка)
Спасибо большое!!! Очень интересно!
Ответить С цитатой В цитатник
agness214   обратиться по имени Суббота, 03 Ноября 2012 г. 18:42 (ссылка)
забавно, мне понравилось, забираю урок на дом, спасибо!
Ответить С цитатой В цитатник
Lebedeva-3-3   обратиться по имени Суббота, 03 Ноября 2012 г. 18:46 (ссылка)
Спасибо! Я один раз очень долго возилась, и вместо картинки автора пробовала свою поставить - никак. Очевидно, размер был большой.
Ответить С цитатой В цитатник
Перейти к дневнику
Мечтающая_Ирина   обратиться по имени Суббота, 03 Ноября 2012 г. 18:46 (ссылка)
спасибо Танюша
Ответить С цитатой В цитатник
мамарочка   обратиться по имени Суббота, 03 Ноября 2012 г. 19:07 (ссылка)
Огромнейшее спасибо за формулу и урок!!!
Ответить С цитатой В цитатник
mimozochka   обратиться по имени Суббота, 03 Ноября 2012 г. 19:15 (ссылка)
классно !Спасибо Танюша!!!
Ответить С цитатой В цитатник
Franzuzhenka   обратиться по имени Суббота, 03 Ноября 2012 г. 19:30 (ссылка)
Tanechka milaja, spasibo bolshoe!
Ответить С цитатой В цитатник
Ludmila5929   обратиться по имени Суббота, 03 Ноября 2012 г. 19:44 (ссылка)
Ой как понравился урок! Спасибо, забираю в цитатник.
Ответить С цитатой В цитатник
RozArija   обратиться по имени Суббота, 03 Ноября 2012 г. 19:45 (ссылка)
спасибо
Ответить С цитатой В цитатник
Schamada   обратиться по имени Суббота, 03 Ноября 2012 г. 19:48 (ссылка)
Спасибо.
,Танюшка.
Ответить С цитатой В цитатник
Зоя_Есенко   обратиться по имени Суббота, 03 Ноября 2012 г. 20:17 (ссылка)
Спасибо, Таня!
Ответить С цитатой В цитатник
Prudent   обратиться по имени Суббота, 03 Ноября 2012 г. 21:03 (ссылка)
Спасибо! попробую:)
Ответить С цитатой В цитатник
Симонова_Галина   обратиться по имени Суббота, 03 Ноября 2012 г. 21:38 (ссылка)
У МЕНЯ ПОЛУЧИЛОСЬ,УРА!
Ответить С цитатой В цитатник
Перейти к дневнику
борисюлька   обратиться по имени Суббота, 03 Ноября 2012 г. 21:42 (ссылка)
Спасибо)
Ответить С цитатой В цитатник
Мариша_Маркова   обратиться по имени Суббота, 03 Ноября 2012 г. 22:55 (ссылка)
Спасибо за очень интересный пост.
Ответить С цитатой В цитатник
Свет-Коляда   обратиться по имени Суббота, 03 Ноября 2012 г. 22:59 (ссылка)
Спасибо. Интересно, конечно, но надо ли???
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 04 Ноября 2012 г. 15:51ссылка
Многие уже нашли куда применить
FaithMona   обратиться по имени Суббота, 03 Ноября 2012 г. 23:01 (ссылка)
Огромное спасибо за урок!
Ответить С цитатой В цитатник
MargoMar   обратиться по имени Суббота, 03 Ноября 2012 г. 23:13 (ссылка)
Интересно конечно, а это удобно будет в пользовании?
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 04 Ноября 2012 г. 01:47ссылка
Интересный урок!! Спасибо большое!!!
Перейти к дневнику

Воскресенье, 04 Ноября 2012 г. 15:50ссылка
Многие уже нашли применение
lyubava63   обратиться по имени Воскресенье, 04 Ноября 2012 г. 04:12 (ссылка)
Спасибо, Танюша.
Ответить С цитатой В цитатник
LudmelaRU   обратиться по имени Воскресенье, 04 Ноября 2012 г. 06:10 (ссылка)
Танечка,ты как всегда прелесть,Спасибо!
Так-как двоечница, списываю с благодарностью.
Ответить С цитатой В цитатник
Radeia   обратиться по имени Воскресенье, 04 Ноября 2012 г. 06:29 (ссылка)
Благодарю, интересно!
Ответить С цитатой В цитатник
Kapitoshka_N   обратиться по имени Воскресенье, 04 Ноября 2012 г. 06:46 (ссылка)
Ответить С цитатой В цитатник
СТЯПУХА   обратиться по имени Воскресенье, 04 Ноября 2012 г. 07:41 (ссылка)
Спасибо, за пост Татьяна...цитирую!
Ответить С цитатой В цитатник
jzayka   обратиться по имени Воскресенье, 04 Ноября 2012 г. 09:25 (ссылка)
Спасибо за пост
Ответить С цитатой В цитатник
milud   обратиться по имени Воскресенье, 04 Ноября 2012 г. 11:24 (ссылка)
Большое спасибо. Не знаю получится ли у меня это сделать, но я попробую.

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

Ответить С цитатой В цитатник
ludnov   обратиться по имени Воскресенье, 04 Ноября 2012 г. 12:29 (ссылка)
Благодарю, Вас! Цитирую.
Ответить С цитатой В цитатник
be-ll   обратиться по имени Воскресенье, 04 Ноября 2012 г. 13:41 (ссылка)
Танечка,день добрый.Спасибо за интересный урок.
Ответить С цитатой В цитатник
Lvovich-sea   обратиться по имени Воскресенье, 04 Ноября 2012 г. 16:30 (ссылка)
Спасибо. Великолепный урок.
Ответить С цитатой В цитатник
ТАТЬЯНА-я   обратиться по имени Воскресенье, 04 Ноября 2012 г. 17:59 (ссылка)
спасибо
Ответить С цитатой В цитатник
Domenika_Live   обратиться по имени Воскресенье, 04 Ноября 2012 г. 18:03 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 3 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку