-Рубрики

 -Музыкальный плеер



плеер собран приложением V.exeR

 -Поиск по дневнику

Поиск сообщений в Утомлённая_солнцем

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 09.08.2010
Записей: 4912
Комментариев: 446
Написано: 6167


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

Пятница, 29 Июля 2011 г. 05:35 + в цитатник
Цитата сообщения Legionary ЛиРу - основы работы в расширенном редакторе ( часть 3-я, таблицы, картинки)

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

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

Поехали:-)
 (217x178, 12Kb)

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


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


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

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

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

Текст


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

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

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


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

  
  
  


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

 (234x75, 7Kb)

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

 (296x56, 6Kb)

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

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

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


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

 (155x85, 5Kb)

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

 (300x270, 24Kb)

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

Дальше:

 (300x269, 25Kb)

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

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

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

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

Далее:

 (250x206, 17Kb)

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

 (250x161, 12Kb)

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

 (250x168, 12Kb)

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

 (250x166, 12Kb)

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

 (250x170, 12Kb)

"Понизу":

 (250x165, 12Kb)

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

 (250x165, 12Kb)

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

 (399x141, 11Kb)

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

 (250x165, 12Kb)

"По верху":

 (250x171, 13Kb)

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

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

 (250x225, 18Kb)

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

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку