Приветствую Вас Гость | RSS
Главная » 2011 » Июнь » 24 » УРОКИ -Кликабельные ссылки и т.д.
10:30
УРОКИ -Кликабельные ссылки и т.д.






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

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

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

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

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

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

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



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




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


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

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





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

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

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

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

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

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

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



С благодарностью к Ларисе и Ирише Коль,которая поделилась кодом записи!
Просмотров: 724 | Добавил: Milda | Теги: уроки | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Меню сайта
Категории раздела
Любимые блоги и сайты [1]
Поиск
Календарь
Архив записей
Наш опрос
Оцените мой сайт
Всего ответов: 12
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz