Цитата сообщения Legionary
strong>>
ЛиРу - основы работы в расширенном редакторе ( часть 3-я, таблицы, картинки).
Наконец-то, заключительная 3-я часть:-) Кто не знает,-
Первая часть
ТуТ
Вторая часть
ТуТ
Поехали:-)
Жмем по стрелочке. Нам откроется окошко вот с такими вариантами ( стилями) написания текста. Пользуемся как обычно-
либо выделяем нужный кусок текста, а потом применяем к нему стиль какой-нибудь,
либо сначала выбираем стиль, а потом начинаем печатать текст. Тогда он сразу будет "нарисован" тем стилем, который вы выбрали. Следующие функции используем точно так же:-)
![(293x175, 15Kb)](//i031.radikal.ru/0911/c8/0021b90d26f9.jpg)
Точно так же жмем по стрелочке и выбираем "размер" ( форматирование) какой хотим:-) Пользуемся точно так же как и со стилем:-)
![(199x176, 10Kb)](//i030.radikal.ru/0911/3e/824652c96b1f.jpg)
Все тоже самое и точно так же:-) Жмем, выбираем шрифт:-))
![(200x174, 9Kb)](//i052.radikal.ru/0911/2a/6da2426d1ee8.jpg)
Точно так же жмем по стрелке и выбираем нужный нам размер текста. Как видите, названия размера написаны тем шрифтом, какой получится в результате используя тот или иной размер:-)
Далее:
1.- Цвет текста - жмем, нам выползет такая вот табличка с цветами. Выбираем нужный нам и пишем:-) или как обычно- выделяем нужный кусок текста, жмем эту кнопку и выбираем цвет.
2.- Цвет фона - пользуемся точно так же как и цветом текста. В результате получим например вот такую обводку:
Текст
3. - о программе - это нам не надо:-) просто информация об этом редакторе.
Теперь вернемся к обещанным таблице и изображениям:-)
"Вставить/редактировать таблицу"
![(190x78, 6Kb)](//i001.radikal.ru/0911/32/d24c3e554728.jpg)
Жмем кнопочку, нам откроется такая вот табличка:
![(350x175, 16Kb)](//i013.radikal.ru/0911/01/5839a1f45718.jpg)
/>
Здесь нам надо "настроить" нашу табличку. По порядку:
"Строки" - кол-во строк в табличке. Вписываем нужное нам число.
"Колонки" - кол-во столбиков. Пишем нужное нам.
"Размер бордюра" - толщина такой своеобразной обводки таблички . Если впишем ноль, то сама табличка будет не видна, видно будет только ее содержимое. А так к примеру, если 2 ( в миниатюре):
А если впишем 5:
"Выравнивание" -Т.е. куда должна встать таблица,- справа, слева или по центру поста. Жмем по стрелке и выбираем нужный нам вариант:
"ширина" - ширина таблицы. Можно указать ее в пикселях или в процентах. В процентах по отношению к окошку поста. жмем по стрелке и выбираем:
"Высота" - минимальная высота таблички. Указываем в пикселях. Именно минимальная, потому что при заполнении ее текстом, например, она растянется до нужного размера сама. И может быть уже больше того числа, которое вы укажете:-)
"Промежуток "spacing" - расстояние между ячейками таблицы. По логике должно выглядеть
Так, но на лиру... что-то разницы никакой... хоть и странно:-)
"Отступ (padding)" - т.е. отступ от границы ячейки до текста. Но... что-то тоже.. не очень адекватно в результате получается...разница.. как-то не ощущается;-)))
Если кто сможет меня поправить по этим 2 пунктам, буду благодарен:-))
Далее "загрузка картинок", вот этот значок:
Жмем на кнопочку, откроется вот такая табличка:
Где:
1. - ссылка на картинку,- т.е. не обязательно грузить картинку на лиру, достаточно просто в это окошко вписать ссылку на картинку с любого другого сайта. Тогда она встанет в ваш пост:-)
2. - альтернативный текст - можно писать, а можно не писать:-) Решать вам:-) альтернативный,- в плане если у пользователя не отобразится картинка ( например в его браузере стоят настройки "не показывать изображения") - то на месте этой картинки, он увидит текст. Который вы захотите.
3. - предварительный просмотр - тут просто, в этом окошке вам показывают как на данном этапе будет выглядеть ваша картинка:-)
Дальше:
1, 2. - Ширина и высота изображения - размер картинки в пикселях. Не советую что-либо тут писать:-) Но можно таким образом уменьшить изображение ( но не советую), которое увидит пользователь. Например картинка изначально 300 на 300 пкс.
Пишем в "высоте", например, 150... тогда "ширина" автоматически проставится ( пропорционально, т.е. уменьшаете в 2 раза высоту,- в ширину уменьшится тоже в 2 раза).
3. - "бордюр" - такая вот обводка картинки. Мне эта функция очень удобна:-)) Смотрим при 5 ( т.е. я вписал в это поле цифру 5, она в пикселях,- чем больше,- тем толще обводка):
4. - "Горизонтальный отступ" - т.е. как встанет ваша картинка в пост. Отступ от границы поста по горизонали,- как всегда- чем больше число, тем больше отступ. Эх... на лиру не работает... так что пропускаем((
5. - "Вертикальный отступ" - уж простите, но.. та же фигня( не работает, - не пользуемся:-))
Далее:
Тут речь о расположении текста относительно картинки, смотрим на конкретных примерах ( как будет располагаться текст, если вы выберете тот или иной пункт):
"По левому краю":
"Абс понизу":
"Абс посередине":
"По базовой линии":
"Понизу":
"Посередине":
"По правому краю":
"Текст наверху":
"По верху":
Усе:-) Как видите,- куча "повторов",но... разница все ж есть:-) Будем считать это домашним заданием:-) Повторяю не в первый раз ,- тыкайте и смотрите:-)) Ничего страшного не случится:-))
Теперь про остальные пункты, а точнее:
Про "ссылка"... как всегда,- половина функций там не работает.. а остальная половина,- лучше мы в продолжении "учебника по html" этому научимся:-) А то я вас еще больше запутаю(( Такой вот редактор... не люблю его,говорил уже:-))
Про "закачать" я уже рассказывал
ТуТ .
Так что все, друзья мои:-) отмучались:-))
Как всегда, если возникнут вопросы,- пишите либо в личку, либо
сюда :-)) Всем удачи:-))