Победа Ивана Грозного, которую запретили на века. Мало кто знает об этой битве. Почему? Победа ...
Поздравление от Любаши К ☺ - (4)С Новым годом, мои друзья и подписчики! Серия сообщений "Мои коллажи-10": Часть 1 ...
Милоты вам на Лиру! - (20)Олешек - поёт мой сын Андрей
Без заголовка - (12)С Новым годом, любимый LiveInternet!!! Пусть Новый год звездой счастливой, Войдет в с...
Нужны ли нам "улучшения" на Лиру?... Ой ой...)) - (43)Премьера Песни - наш ответ Valez на ремонт LiveInternet В связи с ремонтом Лиру и посто...
Всплывающие картинки и курсор из своего фото |
Cообщение скрыто для удобства комментирования.
Прочитать сообщение
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: 1 [2] 3 [Новые] |
Исходное сообщение ЕгороваТатьяна
ВСПЛЫВАЮЩИЕ КАРТИНКИ И
КУРСОР ИЗ СВОЕГО ИЗОБРАЖЕНИЯ
Недавно посетитель блога Андрей (наведите сюда курсор,увидите его аватарку) подсказал мне формулу, по которой можно без труда ставить в запись свой курсор и делать всплывающие картинки.
КАК ЭТО ДЕЛАЕТСЯ
Код в окошечка ниже
ТЕКСТ, ФОТО И ПР.
Для новичков рассказываю подробнее.
Картинку для курсора можно взять готовую, а можно сделать в любой подходящей программе самим. Всплывающую картинку лучше брать небольшую, желательно в пределах 100рх. Большая не будет отображаться.
Нашли или сделали картинку. Теперь надо получить ее URL ( http-адрес или ссылку ). Самое простое, загрузить изображение на Радикал. Строчка №1 и будет Url картинки.
ДЕЛАЕМ КУРСОР
Для курсора надо брать совсем маленькое изображение. Например, для этого поста я сделала курсор из своей аватарки.
Копируем часть кода ниже
Ставим ее в свою новую запись в блоге. ВМЕСТО слов URL КАРТИНКИ ставим 1-ю строчку с Радикала. Не заденьте одинарные кавычки и не оставляйте пробелов! Далее ставим код своего поста или пишем свой текст. В конце вставляем вот это
Всё! Курсор будет отражаться в записи.
ДЕЛАЕМ ВСПЛЫВАЮЩУЮ КАРТИНКУ
Принцип вставки такой картинки тот же, что и с курсором, но только мы вставляем первую часть кода ПЕРЕД теми словами, при наведении на которые должна всплывать картинка, а вторую часть кода ПОСЛЕ этих слов. Так я вставила всплывающую картинку выше, на слова "...Андрей (наведите сюда курсор,увидите его аватарку)..."
Всплывающую картинку можно сделать и к фото. Пример ниже. Наведите курсор на маленькое изображение моего курсора и увидите картинку из которого он сделан.
Вместо текста вставляется код картинки.
Дополнение: Такая картинка , к сожалению, не видна в некоторых браузерах. Для картинки подходят форматы jpeg и png, формат gif будет отображаться неподвижным.
Всё!Удачи!
Код поста для Mail.ru тут
еще разные уроки
Что можно скачать бесплатно
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: 1 [2] 3 [Новые] |