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

топ 100 блогов Егорова Татьяна03.11.2012
ВСПЛЫВАЮЩИЕ КАРТИНКИ ИЛИ
КУРСОР ИЗ СВОЕГО ИЗОБРАЖЕНИЯ
Недавно посетитель блога Андрей (наведите сюда курсор,увидите его аватарку) подсказал мне формулу, по которой можно без труда ставить в запись свой курсор и делать всплывающие картинки.

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


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


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

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

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

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

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



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

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


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

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

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


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

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

Всё!Удачи!


Здесь еще уроки
Что можно скачать бесплатно
Из блога Егоровой Татьяны

Код урока для Li.ru здесь

Оставить комментарий

Предыдущие записи блогера :
Архив записей в блогах:
А давайте здесь (наверное, лучше без конкретных фамилий) преподаватели (бывшие или нынешние) напишут, что они думают о нынешних студентах "в массе", а студенты (бывшие и нынешние) - что они думают о нынешних преподавателях "в массе", опять ...
Почему мне никогда не понять женщин: Встречался сегодня со своим старинным ...
С самого первого дня существования сети Интернет проводились масштабные исследования. На основе личных переписок и данных профилей пользователей всех социальных сетей, собиралась информация о том, как используют люди интернет. Собирались также данные вводимые в поиске, чтобы сделать ...
О борьбе с рабством ООН назначила на сегодня Международный день борьбы за отмену рабства (International Day for the Abolition of Slavery)… не надо быть большим специалистом, чтобы понять – уважаемая организация опоздала лет на… Кстати, насколько?.. Например, штат ...
Просто записки Нью Йоркца Почему-то про Нью-Йорк во время пандемии многие льют какой-то разбавленный сироп о том, как Таймс Сквер опустел, а творческие люди пишут романы об апокалипсисе и пьют вино через зум. Птицы, мол, громче поют. Да, природа тут сейчас дышит. Да, тюлени приплыли в ...