ПИШЕМ НА КАРТИНКЕ ГЛИТТЕРАМИ

Как вставить картинку в пост, чтобы при клике на ссылку она открылась?

По просьбам моих друзей и читателей ещё один небольшой иллюстрированный урок.

Иногда, чтобы дерево комментириев не было очень загруженным, картинку, анимашку, флешку следует скрыть, с возможностью открытия её в новом окне, при этом разрешение (размер, качество) останется изначальным. Это также очень полезно для наших постов...

выглядит это так: Открыть картинку в новом окне!

Урок не тяжёлый, но требует внимания.

Хочу сразу заметить: Браузер значения не имеет, во всех теги читаются одинаково!

Итак, для начала нам  нужно скопировать себе на компьютер в любой текстовый редактор  вот такой тег:

<div class="BlInnrcomTopTxtCont" id="BlInnrcomCont623732844">ВЫГЛЯДИТ ЭТО ТАК<a href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img1.liveinternet.ru/images/attach/c/4//3909/3909796_k_sheme_nezhnost.swf"" target="_blank">//img1.liveinternet.ru/images/attach/c/4//390...796_k_sheme_nezhnost.swf"</a> target="_blank">Открыть flash-объект в новом окне!</a></div>

На всякий случай скрин правильного тега (вдруг браузеру вздумается что-нибудь добавить), а если он отличатся от этого шаблона - аккуратненько удаляем.

Редактировать тег можем как и у себя на компьютере в любом текстовом редакторе, потом скопировать его и вставить в блог, либо сразу  в браузере: в комментарии или посте.

Обязательно оставляйте для себя шаблон,чтобы потом не искать!

Внимание! Любые ваши манипуляции не могут привести к каким-бы-то-ни было сбоям в компьтере или браузере!

1. Откываем шаблон тега, копируем его, вставлям в браузер. (компьютер).

Ничинаем редактированние.

Делаем надпись на картинке без Photoshop

ДЕЛАЕМ НАДПИСЬ НА КАРТИНКЕ. Я всегда рада видеть Вас в моем блоге!

Вставка картинок в разные места текста

Вообще-то с функцией ориентации картинки прекрасно справляются настройки ЛиРу.
Код картинки ЛиРу пишет без нашей помощи, за что ему большое спасибо.
Вот он виден, в строке «Обзор» на той странице где только что написан но еще не опубликован текст.

Мне осталось только выбрать на какой бок статьи вставить картинку. Я выбрала СЛЕВА, ткнула мышкой. В чекбоксе появилась точка, значит, команда будет выполнена. Остается только нажать на кнопку «Сохранить».
И картинка сразу умчалась в левый верхний угол моего текста. Вот так это выглядит.

Остальные картинки я загоняю обычно без выравнивания, и они становятся под текстом. Потом разберусь куда какую вставлять и сама введу нужную команду.
У меня шпаргалка для этих "выравниваний":
align=left
align=right
По-английски "right" значит "справа", а "left" - "слева".
Значит, если в коде картинки стереть слово "left" и вместо него вставить "right", то картинка послушается и опубликуется справа от текста.
Но вот мне показалось что в данном случае картинка на самом верху страницы выглядит невкусно. Пусть она стоит поближе к концу текста. Для этого я жму на «Редактировать», и открывается изнанка моего поста. Для вас я тут фиолетовым цветом выделила код картинки, и даже кусочек текста нечаянно попал.. Как видите, в коде проставлено align="left", то есть «выравнивание слева».

Код картинки я выделила и вырезала, и переставила ближе к концу текста.
Слова, которые оказались непосредственно после кода, будут после публикации сбоку от картинки.

Мало того что картинки можно гонять то влево то вправо, так еще и можно задать им расстояние до текста. Если хочется чтобы текст стоял подальше от картинки, ну, чтобы воздуха было больше, то можно задать и расстояние.

Пишу hspace= и число пикселов, на которое текст должен отступить от картинки. Если 5, то это очень близко, почти вплотную. А если 20 (самое излюбленное вебмастерами расстояние), то картинка будет стоять в просторе.

У меня даже всегда под рукой шпаргалка по таким "просторным" вставкам в код картинки:
align=left hspace=20
align=right hspace=20
Когда я самостоятельно проставляю ориентацию картинки справа или слева, то пишу ее в самом конце кода, перед закрывающим слэшем с угловой скобочкой. Эт чтобы не возиться с разыскиванием места куда вставить ;)

Вот так картинки и вставляются - только и знаешь что переставляешь код картинки туда-сюда, да еще и без конца меняешь в коде "left" (слева) на "right", и наоборот, пока не найдешь нужный вариант.
При таких перестановках убеждаешься, что картинки нужны именно маленькие. Потому что большие наезжают друг на друга, вся верстка ломается и не смотрится.
Ну а как уменьшать картинки я писала в посте Подготовка картинок для вставки в текст.
Да, и, кто не знает вообще как вставлять картинки, гляньте «*Как вставить картинку - урок для новеньких».

Замечательный сайт, где вы сможете подписать любую картинку

Как расположить текст справа и слева от картинки

По многочисленным просьбам читателей объясню еще раз, как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине. Как же сделать так, чтобы текст располагался справа от картинки, весь , а не только одна его строчка. Посмотрим сначала как выглядит просто HTML код картинки. Я взяла небольшую картинку, которую вы видите слева от текста. Просто код ее выглядит вот так. Теперь добавляем к нему атрибут align, который отвечает за выравнивание, и так как мы хотим чтоб картинка была слева от текста, то добавляем ="left". Теперь наш код будет выглядеть вот так. Что бы картинка была справа от текста, добавляем так же к нему атрибут align, который отвечает за выравнивание и ="right". т.е. справа. Теперь наш код будет выглядеть вот так. Или проще напишу так. В HTML формате в конце кода (перед последними кавычками) нужно добавить align="left" и картинка будет слева от текста или align="right" и картинка будет справа от текста. (Скопируйте эти символы право-лево и поставьте в конце кода своей картинки) Теперь внимание. Коды картинки всегда должны стоять впереди текста, а текст следом за кодами. Например вы хотите поставить картинку справа от теста. Это должно выглядеть вот так Но это не все: текст может располагаться внизу картинки (это по умолчанию), посередине, и вверху. Вот так это выглядит. текст внизу картинки текст посередине картинки текст вверху картинки Ну а теперь напишу по порядку коды, которые надо добавлять в конце HTML -кода картинки, перед последними кавычками, что бы ваши картинки вставали так, как вы этого хотите. добавить align="left" -и картинка будет слева от текста align="right" -картинка будет справа от текста. align="bottom" -картинка будет внизу текста align="middle" -картинка будет посредине текста align="top" - картинка будет вверху текста. Вот пока и все. Не буду грузить сразу много информации. Дальше о картинках расскажу позднее. Успехов в вашем творчестве. Из блога ГАЛИНЫ ШАДРИНОЙ

 

Как разминировать картинку в блоге? Кликабельно. Красивые картинки с подвохом

Картинка с подвохом. Кликабельные комментарии в блоге. Как разминировать картинку.



В комментариях часто оставляют заминированные картинки. Как с ними бороться?

Читать далее


Как разминировать картинку. Кликабельные комментарии в блоге

Как написать на картинке без фотошопа

Как написать текст на картинке... Воспользуемся формулой: <center><table background="АДРЕС КАРТИНКИ"><tr><td width="разм..картин." height="разм..картин."><span style="font-family:Monotype Corsiva;color:fuchsia;font-size:25px">ВАШ ТЕКСТ</text></td></tr></table></center> . 1.Адрес картинки - это в Радикале код 2.В значения width и height ставятся размеры картинки (их можно узнать из пункта “Свойства” вашей картинки, нажав правую мышку, либо в том же Радикале) 3.font-family - шрифт, 4.color - цвет текста, 5.font-size - размер.         Если вы хотите, чтобы Ваш текст располагался не точно посередине картинке, а ниже, то перед Вашим текстом поставьте тег <br/>  столько раз, на сколько строк хотите его опустить. Это интересно! Здесь