ЛиРу - основы работы в расширенном редакторе ( часть 3-я, таблицы, картинки).

Наконец-то, заключительная 3-я часть:-) Кто не знает,-
Первая часть ТуТ
Вторая часть ТуТ

Поехали:-)


Жмем по стрелочке. Нам откроется окошко вот с такими вариантами ( стилями) написания текста. Пользуемся как обычно-
либо выделяем нужный кусок текста, а потом применяем к нему стиль какой-нибудь,
либо сначала выбираем стиль, а потом начинаем печатать текст. Тогда он сразу будет "нарисован" тем стилем, который вы выбрали. Следующие функции используем точно так же:-)



Точно так же жмем по стрелочке и выбираем "размер" ( форматирование) какой хотим:-) Пользуемся точно так же как и со стилем:-)



Все тоже самое и точно так же:-) Жмем, выбираем шрифт:-))


Точно так же жмем по стрелке и выбираем нужный нам размер текста. Как видите, названия размера написаны тем шрифтом, какой получится в результате используя тот или иной размер:-)

Далее:

1.- Цвет текста - жмем, нам выползет такая вот табличка с цветами. Выбираем нужный нам и пишем:-) или как обычно- выделяем нужный кусок текста, жмем эту кнопку и выбираем цвет.
2.- Цвет фона - пользуемся точно так же как и цветом текста. В результате получим например вот такую обводку:

Текст

3. - о программе - это нам не надо:-) просто информация об этом редакторе.

Теперь вернемся к обещанным таблице и изображениям:-)

"Вставить/редактировать таблицу"

Жмем кнопочку, нам откроется такая вот табличка:

Здесь нам надо "настроить" нашу табличку. По порядку:
"Строки" - кол-во строк в табличке. Вписываем нужное нам число.
"Колонки" - кол-во столбиков. Пишем нужное нам.
"Размер бордюра" - толщина такой своеобразной обводки таблички . Если впишем ноль, то сама табличка будет не видна, видно будет только ее содержимое. А так к примеру, если 2 ( в миниатюре):


А если впишем 5:



"Выравнивание" -Т.е. куда должна встать таблица,- справа, слева или по центру поста. Жмем по стрелке и выбираем нужный нам вариант:



"ширина" - ширина таблицы. Можно указать ее в пикселях или в процентах. В процентах по отношению к окошку поста. жмем по стрелке и выбираем:



"Высота" - минимальная высота таблички. Указываем в пикселях. Именно минимальная, потому что при заполнении ее текстом, например, она растянется до нужного размера сама. И может быть уже больше того числа, которое вы укажете:-)

"Промежуток "spacing" - расстояние между ячейками таблицы. По логике должно выглядеть Так, но на лиру... что-то разницы никакой... хоть и странно:-)

"Отступ (padding)" - т.е. отступ от границы ячейки до текста. Но... что-то тоже.. не очень адекватно в результате получается...разница.. как-то не ощущается;-)))
Если кто сможет меня поправить по этим 2 пунктам, буду благодарен:-))


Далее "загрузка картинок", вот этот значок:



Жмем на кнопочку, откроется вот такая табличка:



Где:
1. - ссылка на картинку,- т.е. не обязательно грузить картинку на лиру, достаточно просто в это окошко вписать ссылку на картинку с любого другого сайта. Тогда она встанет в ваш пост:-)
2. - альтернативный текст - можно писать, а можно не писать:-) Решать вам:-) альтернативный,- в плане если у пользователя не отобразится картинка ( например в его браузере стоят настройки "не показывать изображения") - то на месте этой картинки, он увидит текст. Который вы захотите.
3. - предварительный просмотр - тут просто, в этом окошке вам показывают как на данном этапе будет выглядеть ваша картинка:-)

Дальше:



1, 2. - Ширина и высота изображения - размер картинки в пикселях. Не советую что-либо тут писать:-) Но можно таким образом уменьшить изображение ( но не советую), которое увидит пользователь. Например картинка изначально 300 на 300 пкс.
Пишем в "высоте", например, 150... тогда "ширина" автоматически проставится ( пропорционально, т.е. уменьшаете в 2 раза высоту,- в ширину уменьшится тоже в 2 раза).

3. - "бордюр" - такая вот обводка картинки. Мне эта функция очень удобна:-)) Смотрим при 5 ( т.е. я вписал в это поле цифру 5, она в пикселях,- чем больше,- тем толще обводка):


4. - "Горизонтальный отступ" - т.е. как встанет ваша картинка в пост. Отступ от границы поста по горизонали,- как всегда- чем больше число, тем больше отступ. Эх... на лиру не работает... так что пропускаем((

5. - "Вертикальный отступ" - уж простите, но.. та же фигня( не работает, - не пользуемся:-))

Далее:



Тут речь о расположении текста относительно картинки, смотрим на конкретных примерах ( как будет располагаться текст, если вы выберете тот или иной пункт):
"По левому краю":



"Абс понизу":



"Абс посередине":



"По базовой линии":



"Понизу":



"Посередине":



"По правому краю":



"Текст наверху":



"По верху":



Усе:-) Как видите,- куча "повторов",но... разница все ж есть:-) Будем считать это домашним заданием:-) Повторяю не в первый раз ,- тыкайте и смотрите:-)) Ничего страшного не случится:-))

Теперь про остальные пункты, а точнее:



Про "ссылка"... как всегда,- половина функций там не работает.. а остальная половина,- лучше мы в продолжении "учебника по html" этому научимся:-) А то я вас еще больше запутаю(( Такой вот редактор... не люблю его,говорил уже:-))
Про "закачать" я уже рассказывал ТуТ .
Так что все, друзья мои:-) отмучались:-))
Как всегда, если возникнут вопросы,- пишите либо в личку, либо сюда :-)) Всем удачи:-))