1. Как вставить картинку. Здесь сам код, в который надо вставлять адрес картинки с сайта
[img]АДРЕС КАРТИНКИ В ИНТЕРНЕТЕ[/img]


2. Если картинка не подходит по размерам. Пишется так:
<img width="ШИРИНА" height="ВЫСОТА" src="АДРЕС КАРТИНКИ" alt="ПОДПИСЬ ЕСЛИ ХОЧЕТСЯ" />
ВНИМАТЕЛЬНО СОБЛЮДАЙТЕ ПРОПОРЦИИ ЕСЛИ НЕ ХОТИТЕ ЧТОБЫ КАРТИНКА РАСПЛЫЛАСЬ. ПОДПИСЬ ПОЯВЛЯЕТСЯ ПРИ НАВЕДЕНИИ НА КАРТИНКУ КУРСОРА



3. Картинка затуманивается. Здесь цифрой показан фильтр 2 (ищите слова style=2), лично мне он больше всех нравится. Можете поменять его на 0 или 1
Есть картинки, которые по краям как бы затуманиваются. Но это видно не во всех браузерах, а например в браузере Internet Explorer. Например вот:
<p align="center"><img style="FILTER: alpha(opacity=100,style=2)" height="ВЫСОТА КАРТИНКИ" src="АДРЕС КАРТИНКИ" width="ШИРИНА КАРТИНКИ" border="0" alt="" /></p>

style=1

style=2

4.
4.1   Здесь будет ваш текст. Здесь будет ваш текст.
Здесь будет ваш текст. Картинка слева от текста.

---

4.2  Здесь будет ваш текст. Здесь будет ваш текст.
Здесь будет ваш текст. Картинка справа от текста.

---

4.3   Здесь будет ваш текст. Здесь будет ваш текст.
Здесь будет ваш текст.

---

4.4   Здесь будет ваш текст или заглавие текста.
Здесь будет ваш текст.

---

4.5   Здесь будет ваш текст или заглавие текста.
Здесь будет ваш текст.



4.1. <img src="http КАРТИНКИ" align="left" /> ВАШ ТЕКСТ
4.2. <img src="http КАРТИНКИ" align="right" /> ВАШ ТЕКСТ
4.3. <img src="http КАРТИНКИ" align="bottom" /> ВАШ ТЕКСТ
4.4. <img src="http КАРТИНКИ" align="top" /> ВАШ ТЕКСТ
4.5. <img src="http КАРТИНКИ" align="middle" /> ВАШ ТЕКСТ

---

5.
Устанавливает толщину рамки вокруг изображения. Отсутствие рамки: border="0"
<img src="http КАРТИНКИ" border="2"ТОЛЩИНА" />

---

6.
6.1. ТЕКСТ ДЛЯ КРАСНОГО ПОДЧЕРКИВАНИЯ

6.2. ТЕКСТ ДЛЯ ЗЕЛЕНОГО ПОДЧЕРКИВАНИЯ

6.1. <span style="background: url('http://img.liveinternet.ru/images/attach/1/10471/10471274_wawe.gif') repeat-x 100% 100%; padding-bottom: 2px; text-decoration: none; white-space: nowrap;">ТЕКСТ ДЛЯ КРАСНОГО ПОДЧЕРКИВАНИЯ</span>
6.2. <span style="background: url('http://img.liveinternet.ru/images/attach/1/10472/10472164_wawegreen.gif') repeat-x 100% 100%; padding-bottom: 5px; text-decoration: none; white-space: nowrap;">ТЕКСТ ДЛЯ ЗЕЛЕНОГО ПОДЧЕРКИВАНИЯ</span>
Пояснение: можно сделать прозрачную картинку гиф с чертой любого цвета, потому что ссылка идет именно на такую картинку.

---

7. Фоновая картинка.
Как вставить фоновую картинку, отличную от картинки днева http://www.liveinternet.ru/users/ka82/post88771163/

---

8
8.1.

ВАШ ТЕКСТ

8.2.

ВАШ ТЕКСТ СЛЕВА

ВАШ ТЕКСТ СПРАВА

8.1. <i><table border="0" cellspacing="8" cellpadding="0"><tr><td> <img src="АДРЕС http КАРТИНКИ СЛЕВА" border="0" /></td><td>ВАШ ТЕКСТ</td><td><img src="АДРЕС http КАРТИНКИ СПРАВА" border="0" /></td></tr></table></i>
8.2. <table border="0" cellspacing="8" cellpadding="0"> <tr> <td> ВАШ ТЕКСТ СЛЕВА </td> <td> <img src="АДРЕС ВАШЕЙ КАРТИНКИ" border="0" /> </td> <td> ВАШ ТЕКСТ СПРАВА </td> </tr> </table>

---

9. Слайд-шоу из картинок: Слайд-шоу из картинок: смотри в комментариях к посту http://www.liveinternet.ru/users/ka82/post89422126/, страница 1. Два варианта.

Серия сообщений "Кодировщик":

Шрифты, кнопки и прочее оформление

Часть 1 - Оформление днева (разные сайты и генераторы)
Часть 2 - Дизайн сообщений днева с принтскрином
...
Часть 8 - Цветовая палитра
Часть 9 - Курсоры на выбор для браузеров типа Internet Explirer
Часть 10 - Пост - просто картинка!
Часть 11 - Плееры
Часть 12 - Фильтруем (подходит для браузера Internet Explorer)
...
Часть 31 - Символы (просто скопируйте что надо)
Часть 32 - Фильтруем (убедитесь, что ваш браузер видит тени букв)
Часть 33 - Тень у рамки