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


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


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


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

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


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


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

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

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

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

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



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



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

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


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

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

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


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

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

Всё!Удачи!

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

вверх^ к полной версии понравилось! в evernote
Ответ на комментарий Симонова_Галина # Урааа!!!
Ответ на комментарий Свет-Коляда # Многие уже нашли куда применить
Lvovich-sea 04-11-2012-16:30 удалить
Спасибо. Великолепный урок.
ГАЛИНА_СИМОНОВА_-АВЕРИНА, эту ссылку и ставьте в формулу. Получится курсор. Можно бы еще его уменьшить чуточку
koreckolga 04-11-2012-21:34 удалить
Так интересно! Танюша, вот было это на примере всё увидеть! Спасибо тебе, попробую разобраться!
Улента 04-11-2012-21:49 удалить
ЕгороваТатьяна, Очень интересно, большое спасибо.
Hatshepsoot 04-11-2012-22:47 удалить
Класс! Пока мышкой поводила, две картинки поплавали. Одна, правда, немного, Единая Гвинея.
Спасибо за уроки. Так все разжевано, что просто не возможно не сделать.
Ух. ты-ы! Век живи - век учись. Спасибо! :)
Спасибо большое, а может подскажете как убирать всплывающие окна и рекламу, программа Adblock Plus и половины не убирает,у меня раньше были заблокированы, а после ремонта опять появились, а того мастера кто делал блокировку не могу найти,может сама смогу?Программу эту поставила сама, в Li.ru убралась реклама, а на остальных страницах бушует....
Jannee 07-11-2012-05:22 удалить
Большое спасибо !
Ответ на комментарий Мари__ночка_С # Мари__ночка_С, к сожалени. не знаю. Сама не делала такое
Ответ на комментарий Егорова_Таня # Жаль,но все равно спасибо,что ответили!:mms_prikol2:
laze4ka 07-11-2012-14:11 удалить
Спасибо за интересную информацию!
овно4ка 27-11-2012-19:27 удалить
спасибо за урок, надо попробовать))
Забираю с благодарностью!!!
kirovogradka 26-01-2013-00:20 удалить
Очень интересно и оригинально! Спасибо!
Спасибо,Татьяна! Буду учиться это делать здесь. На Майле у меня, что то получилось.
niilit51 17-02-2013-01:19 удалить
Танечка,спасибо! Пойду учиться!!любовь!
Ура! У меня получилось!!!! Правда, у меня проблемы с Радикалом. Как по другому сжать картинки? Пока выкрутилась так: нажмите курсор на мой ответ.
Картинку можно и на лиру загрузить и в мире. URL картинки берется так. Клик по картинке правой кнопкой мышки-Копировать url картинки или Копировать ссылку на картинку
snurik 18-08-2013-10:38 удалить
спасибо за интересность и полезность)))
Исходное сообщение ЕгороваТатьяна
ВСПЛЫВАЮЩИЕ КАРТИНКИ И
КУРСОР ИЗ СВОЕГО ИЗОБРАЖЕНИЯ

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

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

Код в окошечка ниже
ТЕКСТ, ФОТО И ПР.

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

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

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

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



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



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

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

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

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



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

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

Всё!Удачи!

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



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

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