-Рубрики


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

Понедельник, 09 Ноября 2015 г. 19:34 + в цитатник
Цитата сообщения MARINA_Z





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




Недавно посетитель блога Андрей (наведите сюда курсор,увидите его аватарку) подсказал мне формулу, по которой можно без труда ставить в запись свой курсор и делать всплывающие картинки.
КАК ЭТО ДЕЛАЕТСЯ

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


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

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

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

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



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

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


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


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

Дополнение:

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










Серия сообщений "~курсоры":
Часть 1 - Курсоры "Русалочки" для ваших записей.
Часть 2 - Курсоры "Знаки Зодиака" для ваших тематических записей.
...
Часть 7 - Курсоры (бабочки.)
Часть 8 - Курсоры.(ЧАЙНЫЕ).
Часть 9 - ВСПЛЫВАЮЩИЕ КАРТИНКИ ИЛИ КУРСОР ИЗ СВОЕГО ИЗОБРАЖЕНИЯ
Часть 10 - ВСПЛЫВАЮЩИЕ КАРТИНКИ ИЛИ КУРСОР ИЗ СВОЕГО ИЗОБРАЖЕНИЯ
Часть 11 - Уроки.
...
Часть 16 - Курсор из вашего фото.
Часть 17 - Создаём свой курсор.
Часть 18 - Мои курсоры.

Рубрики:  КНОПОЧКИ~КУРСОРЫ

людмила_шешуева   обратиться по имени Вторник, 21 Июня 2016 г. 11:15 (ссылка)
спасибо большое!!! взяла себе!
В цитатник
Я_ни_Ева   обратиться по имени Вторник, 21 Июня 2016 г. 11:36 (ссылка)
Рада что вам пригодилось.
В цитатник