Загрузка текста

Предположим нам надо загрузить в пост такой небольшой текст с рисунками.

Так он выглядит в Worde. В Word-овском тексте есть заголовок (стрелка 1) и слово «рис.45» (стрелка 2) (указание на то, что здесь должен быть рисунок). В посте этого не будет – заголовок будет на месте заголовка, а вместо «рис.45» будет рисунок. Но пока они нужны для ориентации.

Остальное под катом

Вставка рисунка

Нажимаем кнопку Вставить рисунок.

Попадаем в форму Свойства изображений.

Остальное под катом

Перед заголовком уже нет слова Черновик (стрелка 1).

Создание ссылки

Рисунок кнопки, который у нас есть в посте, будет работать как ссылка на «Оглавление», поэтому надо сразу выделить URL-адрес этого поста вверху в строке браузера (стрелка 2). Нажимаем сочетание клавиш CTRL + C - скопировать в буфер обмена.

Остальное под катом

Оглавление

1. Оформление статей
2. Кнопки
3. Открыть фотоальбом в отдельной вкладке
4. Загрузка в пост текста, рисунка и ссылки
5. Сложные таблицы
6. Цветовая гамма (с именами)
   
7. Палитра 2 (шестнадцатиричная)
8. Выравнивание рисунка и текста (при загрузке рисунка)

Кнопки нарисовал в CorelDRAW. Сохранил в формате jpg с размерами 100 и 200 пикселей. Получились файлы весом 2 - 5 кб. Загрузил их в хостинг ЛИру. В визуальном редакторе кнопкам со словом ОГЛАВЛЕНИЕ дал ссылку на мой пост Оглавление (Пляшущие человечки. Литературное расследование.) При наведжении на кнопоку с ссылкой курсор превращается в указующий перст. Кнопки (ссылки) работают.

Кнопка 1

HTTM-код

<img width="100" height="31" src="//img0.liveinternet.ru/images/attach/c/1//50/395/50395057_1256648962_knop01.jpg" title="Это кнопка" alt="" />

Где

<img   /> - открывающий и закрывающий тэги вставки в пост изображения.

width="100"  - ширина изображения. В данном случае 100 пикселей.

height="31"  - высота изображжения. В данном случае 31 пиксель. (Получилось в результате сохранения пропорции изображения).

src="//img0.liveinternet.ru/images/attach/c/1//50/395/50395057_1256648962_knop01.jpg"  - адрес изображения на хостинге. (Собственно адрес это то, что в кавычках).

knop01.jpg - авторское название изображения и расширение (тип изображениея).

title="Это кнопка" - это то сообщение, которое появится, если в посте навессти курсор на это изображение. в данном случае появится сообщение "Это кнопка". (Можете проверить.)

alt=""  - это то, что остается от изображения, когда хостин не посылает его в пост. В данном случае между кавычками ничего не написано. Стало быть никакой надписи от этого изображения не останется.

Под катом еще 5 кнопок