Оформляем текст и картинки

Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.	Код обтекания картинки текстом <img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам"
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх.	Код картинки слева <img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы!
Картинка справа от текста: Все правила написания для правой стороны такие же , как и для левой.	Код для картинки с права: <img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим
Картинка в центре текста: Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.	Код для картинки в центре текста: Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста.
Текст между двух картинок Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.	Код для текста между двух картинок <table align=center border=0> <tr> <td><img src="URL адрес КАРТИНКИ"></td> <td>Текст, который красиво расположится между картинками.</td> <td><img src="URL адрес КАРТИНКИ"></td> </tr> </table>
Картинка между текстом Красиво получается, когда картинка находится между текстом, как-то необычно. Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии	Код для картинки между текстом <table align=center border=0> <tr> <td>ТЕКСТ</td> <td><img src="URL адрес КАРТИНКИ"></td> <td>ТЕКСТ</td> </tr> </table>

 

Более 440 цветов для Вашего текста

Этот пост является дополнением к Учимся оформлять свои посты. Элементарный HTML
На лиру менять цвет для своего текста можно тремя основными способами, примеры я привел ниже, а еще ниже вы увидите более 440 цветов, для каждого из которых есть свой код. Выбирать каким из трех способов менять цвет текста, вам, в принципе значения особого не имеет какой именно из способов взять на вооружение, ведь результат то везде будет одинаковым. Читать далее...

HTML коды для сайта

Text Your text <s>Your text</s> Your text <u>Your text</u> Your text <b>Your text</b> Your text <samp>Your text</samp> Your text <big>Your text</big> Your text <i>Your text</i> Your text <b><i>Your text</i></b> Your text <u><b><i>Your text</i></b></u> Your text <small>Your text</small> TEXTsup TEXT<sup>sup</sup> TEXTsub TEXT<sub>sub</sub> Your text <font size="+4">Your text</font> Your text <font size="+3">Your text</font> Your text <font size="+2">Your text</font> Your text <font size="+1">Your text</font> Your text <font size="-2">Your text</font>

Делаем баннер самостоятельно

Если вы хотите сделать баннер самостоятельно (т.е. чтобы картинка была ссылкой на какой-то сайт или какую-то вашу запись в дневнике), нет ничего проще!
Скопируйте нижеприведенный код:
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ссылка на сайт" target="_blank"><img src="ссылка на изображение" border="0" title="надпись при наведении мышки на баннер" width="ширина" height="высота" /></a>
Сотрите слова "ссылка на сайт" и вместо них в кавычки вставьте собственно ссылку на вашу страничку. Там, где ссылка на изображение - вставьте такую ссылку, для этого можно загрузить картинку, которая будет собственно баннером на сайт Радикал или подобный ему. "Надпись при наведении мышки на баннер" тоже замените фразой, которую хотите видеть. Ну и наконец - введите ширину и высоту баннера - там где слова "ширина" и "высота". Готово!

Помощь блоггеру

Помощь блоггеру УРОКИ ОТ ДЖУЛИИ

Как разместить текст или картинку слева, справа или посередине?

Как защитить сообщение от воровства и цитирования?

СТАВИМ КАРТИНКИ В РЯД

ВСЕ МОИ УРОКИ ЗДЕСЬ Сегодня я хочу вам рассказать как ставить картинки в ряд. Вы решили в своем сообщении опубликовать различные картинки(фоны, анимации, смайлики и т.д.), но они небольшого размера и, если их ставить друг под другом, они будут занимать много места и сообщение получится длинным и некрасивым. Как же вам поставить картинки, чтобы они имели вот такой вид:

Читать далее...

Как создать простую схему для дневника. Урок от MissKcu

Как и обещала,

прописала урок по простому созданию схемы для дневника.

Здесь не нужно знать ФШ.

Просто находите в сети фон, который Вам нравится,

копируете себе в комп и вносите его в схему.

Приятного творчества.

читать дальше...

Как сделать схему в дневнике с помощью ФШ. Урок от MissKcu

http://www.liveinternet.ru/users/misskcu/post194040515

 

Серия сообщений "Мои уроки по Ли.ру":
Часть 1 - Урок создания прозрачного фона от MissKcu
Часть 2 - Как вставить разделители в пост. Урок от MissKcu
Часть 3 - Программа для изготовления фонов-"шотландка"
Часть 4 - Как сделать схему в дневнике с помощью ФШ. Урок от MissKcu
Часть 5 - Как создать простую схему для дневника. Урок от MissKcu
Часть 6 - Сайт счетчиков постов. Урок от MissKcu
Часть 7 - Кнопка Источник в расширенном редакторе. Урок от MissKcu
...
Часть 15 - Как изменить фон сообщений в понравившемся дизайне для днева.
Часть 16 - Урок об написании постов на Ли.ру от MissKcu
Часть 17 - "Как поставить картинку в Рубрику". Урок от MissKcu

Уроки Галины Шадриной

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