-Рубрики

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

Поиск сообщений в Malinka-241

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

 

 -Сообщества

Читатель сообществ (Всего в списке: 2) Ссылочки_малятам Рецепты_блюд

 -Статистика

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


Кликабельные ссылки и т.д.

Воскресенье, 03 Июля 2011 г. 00:04 + в цитатник
Цитата сообщения Liudmila_Sceglova






Как сделать кликабельными текст или картинку?

Кликабельный текст можно сделать очень просто.
Скопируйте себе код из окошка и подставляйте в указанные места свои адрес и текст.
Вот,что у нас получится,
конечно имя каждый ставит своё :-)
БЛОГ Ларисы Герман

или такой вариант ( всё зависит от того,на что именно вы делаете ссылку ).

Сообщество " Заговори и тебя увидят ! "

Можно сделать так, при наведении курсора на ссылку, будет появляться ваша фотография.
Скопируйте себе код из окошка и подставляйте в указанные места свои адрес и текст.
ВАЖНО:

Кавычки не трогать !



Только в код, вместо адреса ссылки ( http ), вставляете адрес вашего почтового ящика ( email ).
Урок, о том как делать эту ссылку, можно посмотреть в блоге Егоровой Татьяны.




Кликабельную картинку можно сделать очень просто. Скопируйте себе код из окошка и подставляйте в указанные места свои адреса.

ВАЖНО:
Кавычки не трогать !

Вот пример кликабельной картинки
(при нажатие попадаем на "Радикал-Фото")





Как сделать всплывающую надпись к изображению?

Чтобы при наведении курсора на картинку, всплывала поясняющая надпись ( автор, название или любой другой текст на ваше усмотрение),
нужно сделать следующие действия:

1.Загрузите свою картинку на сайт "Радикал -Фото".
После загрузки в правом столбце с названием "Полноразмерное изображение" из двух вариантов выбераете вариант "НЕ КЛИКАБЕЛЬНОЕ "
Из предложенных сайтом ссылок и кодов скопируйте НТML - код № 6.

2. Вставьте скопированный код в окно добавления записи вашего блога в формате HTML. В самом конце кода найдите значки "> (кавычка и угловая скобка). Между кавычкой и угловой скобкой вставьте тег title="ВСПЛЫВАЮЩИЙ ТЕКСТ"/ . Затем вместо слов ВСПЛЫВАЮЩИЙ ТЕКСТ впечатайте своё пояснение к картинке.

ВАЖНО:
Кавычки не трогать !

Окончание кода моей картинки выглядит так: border="0"title="Книги пишутся с помощью книг.(Пьер Буаст)"/ >
Наведите курсор на книги и вы увидите получившийся результат

Если у вас появятся вопросы, или вы что-то недопоняли,
не стесняйтесь - спрашивайте!


С благодарностью к Ларисе и Ирише Коль,которая поделилась кодом записи!

Серия сообщений "Уроки Ли.ру":
Часть 1 - ЛиРу - как сделать бегущую строку ( плюс дополнение к "html для начинающих")
Часть 2 - Генератор бегущей строки
...
Часть 40 - Коды для рамочек
Часть 41 - Как войти в режим редактирования? (Совет Дня)
Часть 42 - Кликабельные ссылки и т.д.
Часть 43 - Генератор цвета (флеш)
Часть 44 - Новичкам: вставляем и редактируем изображение через сервис загрузки изображений Liveinternet
Часть 45 - Делаем ссылочку на Вас с Иконкой.


 

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

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

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

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