-Рубрики

 -Поиск по дневнику

Поиск сообщений в Тагильчанка

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 09.01.2010
Записей:
Комментариев:
Написано: 16400


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

Четверг, 06 Декабря 2012 г. 07:31 + в цитатник
Цитата сообщения Егорова_Таня Всплывающие картинки и курсор из своего фото

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


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

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


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


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

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

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

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

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



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



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

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


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

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

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


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

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

Всё!Удачи!

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

Рубрики:  Всё для оформления дневника/Теги и коды
Метки:  
Понравилось: 7 пользователям

Нагваль   обратиться по имени Четверг, 06 Декабря 2012 г. 09:03 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 06 Декабря 2012 г. 12:13ссылка
Попыталась сделать, а у меня не получилось. Буду ещё пробовать
Августинка_60   обратиться по имени Четверг, 06 Декабря 2012 г. 10:01 (ссылка)
Спасибо .
Ответить С цитатой В цитатник
tanushichka   обратиться по имени Четверг, 06 Декабря 2012 г. 11:43 (ссылка)
СПАСИБО!
Ответить С цитатой В цитатник
Перейти к дневнику
Хината_65   обратиться по имени Суббота, 08 Декабря 2012 г. 10:41 (ссылка)
Это для меня китайская грамота.
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 10 Декабря 2012 г. 08:10ссылка
Вроде бы всё написано понятно, но вот уже который день бьюсь безрезультатно. Что-то никак не получается
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку