Кликабельные картинки

Пазлы собирать умеешь? Нет? Ну кубики в детстве приходилось складывать? Вот и хорошо, значит, сумеешь сделать так, чтобы картинка стала кликабельной, то есть превратилась в ссылку.

Я сначала в «Моих документах» завожу файл «Картинка-ссылка». В нем и работаю.
Почему не сразу в черновике дневника? А потому, что в Моих документах легко окрасить «кубики» конструкции в разные цвета, и поэтому потом легко их собирать в нужном порядке.

Сначала раздобываем код картинки.
Но ради кода картинки придется-таки начинать с лирушного дневника.
В дневнике совершаем такие действия:
Написать (там нашлепать хоть одно слово) – Прикрепить файл (Обзор)(тут выбираю картинку и жму «открыть») – Предпросмотр.
И картинка появляется в черновике.

Теперь жмем «редактировать». Открывается окно, в котором вместо картинки черт знает что, вот это, например:

Выглядит громоздко, страшненько, ну а нам какое дело. Для нас главное – что это первый кубик в нашей будущей конструкции.
Это и есть код картинки.

Копируем его и переносим в «Мои документы». В файл «Картинка-ссылка».
Считай, первый пазл (ну или кубик)) у нас уже есть.

Теперь нужен адрес той страницы в Интернете, на которую мы хотим сослаться. Например, чтобы картинка переносила читателя на страницу со статьей «Эликсир молодости». Иду на ту страницу и копирую адрес в адресной строке браузера:

Это будет второй кубик нашей конструкции.

Ну и, может быть, нужна подсказка читателю что на эту картинку нужно нажать мышкой. Типа "Жми сюда!".

Кстати, подсказка вовсе не обязательна, народ, как правило, знает, что если мышка превратилась в лапку, значит, нужно жать. Так что этот абзац можешь пропустить. А можешь и почитать.
Чтобы на картинке при наведении мышки всплывала подсказка, нужно набрать титл:

Ну и последний, четвертый элемент для картинки-ссылки. Для того, чтобы ссылка работала, ее надо заключить в конструкцию
Набираем "хриф" с угловой скобкой и знаком равенства и начинаем собирать конструкцию.
Хриф + адрес ссылки (заключить в кавычки) + код картинки + титл (русские слова в кавычках) + закрыли конструкцию косой палкой и угловой скобкой + завершили все палкой с буквой а в угловых скобках.
И вот что мы имеем в собранном виде:

Если всю эту собранную конструкцию скопировать, перенести в дневник и опубликовать, то вместо всех этих букв и значков появится картинка:

Нажми на нее, и ты перенесешься на страницу, где написана статья "Эликсир молодости".

Серия сообщений на тему «Возня с компьютером»:

*Мы на Ли.ру зачем
*Как комментировать
*Как читать плоховидимый текст
*Как выразить (послать) симпатию
*Как сделать ссылку на друга
*Как сделать кликабельную ссылку
*Как вставить картинку - урок для новеньких
*Не суйте в комментарии картинки!
* Как разместить картинку со всплывающим текстом
* Как сделать скрин
*Как делать себе ПиАр
*Как напечатать брошюру на принтере
*Как остановить принтер
*Комментаторы-данайцы

Всем Здравствуйте... Сегодня урок снова по вашей просьбе..)) Сегодня мы будем учиться создавать кликабельную кнопку "Понравилось", которую будем ставить под свои посты, чтобы пользователи, которые зашли на ваш пост, могли таким образом показать понравился им пост или нет, а также если лирушная кнопка "Понравилось" у вас временно не работает. Скажу сразу - на каждый ваш пост ссылка будет меняться. Но только в одном значении. Смотрим скрин ниже...

пост составила

После публикации кнопок - переходов "ДАЛЕЕ" у меня часто спрашивают, как ими пользоваться.
Попробую объяснить здесь, потому что отвечать каждому в письме не очень удобно, да и не совсем понятно, так как там коды HTML не отправишь.

Итак, нам потребуется формула Кода для оформления части текста "под кат". Эту формулу нужно сохранить, потому что она требуется часто - всегда, когда текст большой.

 

Для некоторых проблема сделать пост с музыкой, так как не знают как вставить плеер с музыкой в свой пост. Я хочу просто дать ссылки не сайты, где имеются готовые коды плееров и объяснения.

http://jokeroro.narod.ru/CHKOLA-6/index_0_1_5_5.html

http://htmlka.com/vstavka-media-fajlov/

http://www.vseoblog.com/2012/12/blogger-blog-muzyka-pleer.html

http://www.bloxpot.net/2010/04/mp3.html

http://megalyrics.ru

Во многих соц. сетях бывает большой поток людей, которые заводят там свой дневник. Но не многих это захватывает и они остаются и занимаются своими записями и дневником. Когда приходишь на новый ресурс ещё ничего не знаешь и хватаешься за любое предложение ДРУЖБЫ. Советую вам не очень торопится с этим. Некоторые здесь озабочены не тем, что хотят общаться, а делают это только для привлечения к себе ПЧ ( постоянных читателей). Да и люди попадаются разные, бывают и неприятные нюансы... Я отвлеклась немножко.... Итак... Как очистить списки Друзей от ушедших с Лиру. От тех кто завёл дневник, а вести его не стал. Чтоб не висели у вас, как в Н.В. Гоголе, эти "мёртвые души". Сделать это совсем не сложно всё происходит АВТОМАТИЧЕСКИ. ЗДЕСЬ далее... SvetlanaT

По просьбам читателей, постараюсь объяснить как разделить текст на 2 части. Например вы решили поставить пост со стихами, или ссылками, а пост занимает много места в длину. Тогда его можно разделить на две части. Вот так. Друзей не выбирают – их встречают, Их берегут – им жизни отдают. И с ними время интересней пролетает, И с ними – радость, счастье и уют. Когда грущу – они мне помогают, Уеду далеко – приходят письма мне. Они страдают за меня, переживают – И нет друзей вернее на Земле!   Ни беды, горести, ни расстояния Ни разлучат ни на секунду нас. И лишь одно мне грезится желанье – Хотя бы на мгновенье видеть вас... Почти уж год не видел я друзей, Лишь с фотографий светятся их блики. Хмелём я заглушу тоски душевной крики – И тает пелена тумана будних дней... В этом окошечке формула, деления поста на две части Скопировав формулы, вы стираете слова ПЕРВАЯ ЧАСТЬ ПОСТА, и ставите ВМЕСТО НИХ СВОЮ ПЕРВУЮ ЧАСТЬ. Я в примере ставлю ДВА ПЕРВЫЕ СТОЛБИКА СТИХОТВОРЕНИЯ. Затем стираете слова ВТОРАЯ ЧАСТЬ ПОСТА, и вместо них (между кавычек) СТАВИТЕ ВТОРУЮ ЧАСТЬ ПОСТА. В моем примере это третий и четвертый столбик стихов. Вот в принципе и все. Но если вам хочется как то оживить пост, украсить его, то между четверостишьями поставьте любой блинг, украшение, короткий разделитель, или просто звездочки. Вставьте как обычную картинку. СМОТРИМ на рисунке ЖЕЛТЫМ выделена 1-я часть поста (два четверостишья) СЕРЫМ - вторая часть поста. (вошла в рисунок не вся) ГОЛУБЫМ - между четверостишьями вставлена небольшая картинка- разделитель. Посмотрите внимательно, перед текстом стоит размер текста, его цвет и жирность Перед кодом картинок стоит тег - РАСПОЛАГАТЬ ПО СЕРЕДИНЕ. Что б он встал посредине четверостишья. С картинками пост будет чуть оживлен и е будет выглядеть вот так. Друзей не выбирают – их встречают, Их берегут – им жизни отдают. И с ними время интересней пролетает, И с ними – радость, счастье и уют. Когда грущу – они мне помогают, Уеду далеко – приходят письма мне. Они страдают за меня, переживают – И нет друзей вернее на Земле!   Ни беды, горести, ни расстояния Ни разлучат ни на секунду нас. И лишь одно мне грезится желанье – Хотя бы на мгновенье видеть вас... Почти уж год не видел я друзей, Лишь с фотографий светятся их блики. Хмелём я заглушу тоски душевной крики – И тает пелена тумана будних дней... Ну и что бы окончательно завершить пост, я взяла его в обыкновенную рамку с разрывом, поставила фон рамки, картинку в разрыве. Как делать такие рамки подробно НАПИСАНО ВОТ ЗДЕСЬ. Там же даны и коды таких рамочек. Все это несложно, сделать по уроку один раз, и все запомнится. главное НЕ БОЙТЕСЬ ПРОБОВАТЬ! И У ВАС ВСЕ ПОЛУЧИТСЯ. Успехов в вашем творчестве. Окончательно наш пост выглядит вот так. Друзей не выбирают – их встречают, Их берегут – им жизни отдают. И с ними время интересней пролетает, И с ними – радость, счастье и уют. Когда грущу – они мне помогают, Уеду далеко – приходят письма мне. Они страдают за меня, переживают – И нет друзей вернее на Земле!   Ни беды, горести, ни расстояния Ни разлучат ни на секунду нас. И лишь одно мне грезится желанье – Хотя бы на мгновенье видеть вас... Почти уж год не видел я друзей, Лишь с фотографий светятся их блики. Хмелём я заглушу тоски душевной крики – И тает пелена тумана будних дней... Из блога ГАЛИНЫ ШАДРИНОЙ

Серия сообщений "=УРОКИ=":
Часть 1 - Как фотографировать экран монитора...)))
Часть 2 - Урок,как разделить текст на 2 части...)))
Часть 3 - Урок для тех, кто еще не знает как сделать создание скриншотов

Талисман музыка ветра предназначен, чтобы нейтрализовать негативную энергию, способную проникнуть в дом. Музыка ветра есть ничто иное, как проводник положительной энергии, которая приносит в дом счастье.

Коды для оформления блога Окошко для кода - <input type="text" size="12" value="НУЖНЫЙ ВАМ КОД" /> Рамочка вокруг текста - <fieldset>ВАШ ТЕКСТ</fieldset> Рамочка вокруг текста (разрыв слева) - <fieldset><legend><img src="КОД КАРТИНКИ" align="absmiddle" />ТЕКСТ</legend></fieldset> Рамочка вокруг текста (разрыв справа) - <fieldset><legend align="right">ТЕКСТ<img style="КОД КАРТИНКИ" align="absmiddle" /></legend></fieldset> Картинки в записи: Картинка слева от текста - <img src="КАРТИНКА" align="left" border="0" />ТЕКСТ Картинка справа от текста - <img src="КАРТИНКА" align="right" border="0" />ТЕКСТ Картинки по бокам текста - <table align="center"> <tr> <td><img src="КАРТИНКА" /></td> <td>ТЕКСТ</td> <td><img src="КАРТИНКА" /></td></tr></table> Картинки в ряд: 2 картинки - <table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td></tr></table> 3 картинки - <table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td></tr></table> 4 картинки - <table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td></tr></table> 5 картинок - <table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td></tr></table> 6 картинок - <table border="0" cellspacing="8" cellpadding="0"><tr><td> Картинка </td><td> Картинка </td><td> Картинка </td><td> Картинка </td><td> Картинка </td><td>Картинка </td></tr></table> Кнопки в записи: Текст на кнопке - <form action="АДРЕС страницы" target="_blank" method="get"><input type="submit" value="Название кнопки" /><input type="hidden" name="tok" value="d378663f8295692217b2c9a3ee4ebe1b" /><input type=hidden name=tok value=9c1776f9531f7a4fe70d846ce3ed1d72 /></form> Картинка на кнопке - <form action="АДРЕС страницы" method="get"><button style="type=&quot;submit&quot;"><img src="Адрес картинки" /></button><input type="hidden" name="tok" value="d378663f8295692217b2c9a3ee4ebe1b" /><input type=hidden name=tok value=9c1776f9531f7a4fe70d846ce3ed1d72 /></form> Текст и картинка на кнопке - <form action="Адрес страницы" target="_blank" method="get"><button type="submit"><img src="АДРЕС КАРТИНКИ" align="absMiddle" /> TEКСT</button><input type="hidden" name="tok" value="d378663f8295692217b2c9a3ee4ebe1b" /><input type=hidden name=tok value=9c1776f9531f7a4fe70d846ce3ed1d72 /></form> Кнопка на фоне - <a target="_blank" href="Адрес страницы"><button title="всплывающий текст"><table border="5" background="Адрес ФОНА"><tbody><tr> <td><center>НАЗВАНИЕ КНОПКИ</center></td> </tr></tbody></table></button></a> Номера страниц в блоге - <a target="_blank" href="адрес страницы блога"><b><text size="8"><text color="9d0039">номер страницы</text></text></b></a> Рамка с картинками по углам - <table border="0" cellspacing="3" cellpadding="1" width="100%" background="1 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="2 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="3 " cellpadding="1" width="100%" background="3 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="30" cellpadding="30" width="100%" background="4СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="3" cellpadding="1" width="100%" background="5 СЛОЙ ФОНА">ВАШ НИК <tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="6 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="3" cellpadding="1" width="100%" background="7 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="8 СЛОЙ ФОНА"><tbody><tr><td> КАРТИНКА ВВЕРХ СЛЕВА РАДИКАЛ код №6 </td><td width="100%"> </td><td> КАРТИНКА ВВЕРХ СПРАВА код№6 </td></tr><tr><td> </td><td><br /><center><font color="EEDD82"><font size="4"><font face="Times New Roman"> ВАШ ТЕКСТ </font></font></font></center><br /><br /><center> ЛИНЕЕЧКА Радикал код №6 </center></td><td> </td></tr><tr><td> КАРТИНКА НИЗ СЛЕВА код №6 </td><td> </td><td> КАРТИНКА НИЗ СПРАВА код №6 </td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table> Таблица - <table border="1" width="300"> <br /><tr align="center"><td width="60">1 ячейка</td><br /><td width="60">2 ячейка</td><br /><td width="60">3 ячейка</td><br /></tr><tr align="center"> <br /><td width="60">4 ячейка</td><br /><td width="60">5 ячейка</td><br /><td width="60">6 ячейка</td><br /></tr><tr align="center"> <br /><td width="60">7 ячейка</td><br /><td width="60">8 ячейка</td><br /><td width="60">9 ячейка</td></tr></table>

Как очень быстро сделать свою собственную схему:
http://www.liveinternet.ru/users/2670115/post206816458/

Как быстро сделать свой бесшовный фон:
http://www.liveinternet.ru/users/2670115/post212235775/

Как поменять шрифт в уже сделанной кем-то схеме:
http://www.liveinternet.ru/users/2670115/post161537360/

Как добавить картинку в эпиграф дневника:
http://www.liveinternet.ru/users/2670115/post207214702/

Как форматировать текст в сообщении:
http://www.liveinternet.ru/users/2670115/post221133891/

Коллекция бесшовных фонов:
http://www.liveinternet.ru/users/2670115/post177991796/

Еще одна коллекция фонов (фон, а к нему еще и прозрачный фон на сообщения):
http://www.liveinternet.ru/users/2670115/post144177217/

Как убрать сообщение под кат:
http://www.liveinternet.ru/users/2670115/post218767670/

Как сделать, чтобы картинки в сообщении прокручивались:
http://www.liveinternet.ru/users/2670115/post221195798/

Как легко вставить картинку из Интернета в ваше сообщение:
http://www.liveinternet.ru/users/2670115/post137347894/

Как сделать баннер самостоятельно:
http://www.liveinternet.ru/users/2670115/post136343258/

Оформляем дневник.Флеш картинки.