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


Всплывающие картинки и курсор 19-06-2015 11:45 к комментариям - к полной версии - понравилось!

Это цитата сообщения Егорова_Таня Оригинальное сообщение

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

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


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

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


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


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

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

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

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

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



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



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

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


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

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

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


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

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

Всё!Удачи!

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

вверх^ к полной версии понравилось! в evernote
Комментарии (8):
Потом посмотрю,Солнышек!Опять глюки,не могу ни к кому зайти(((((((((Достали!Хорошо хоть из почты можно ответить((((((((
Ну надеюсь,что можно((((потому что не вижу,прошло или нет((((((((
Ответ на комментарий Светлана_Башилова # Сама зависаю не по детски. Хороших выходных, Милая!!! Последнее время мне на почту не пришло несколько извещений, случайно обнаружила в постах. Кошмар!!!!!!! Беспредел!!!!!
Ответ на комментарий Даша_Лебидева # Ура!!!Зашла!
valyok 19-06-2015-15:45 удалить
ничего не поняла
E-Ledi 23-06-2015-09:24 удалить
Попробую разобраться. Спасибо, Дашутка. Прихватизировала.
Ответ на комментарий E-Ledi # Доброго дня, Ленусь! Бери, конечно, изучай на досуге. Успехов и творческого вдохновения! Я сегодня уезжаю, баллы будет принимать Светика. Всего самого доброго, Ленусь!
Ответ на комментарий valyok # Доброго дня, Валюшечка! Просто ты не вникла.


Комментарии (8): вверх^

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

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