ПромоТуризмИскусство

Иногда для корректного отображения определенного контента нужны таблицы. Например список билетов и цен на них. В нашем редакторе есть и такая функция.

Далее мы рассмотрим создание простой таблицы, состоящей из двух колонок и двух строк.

Что бы создать таблицу - нужно открыть менеджер таблиц, кликнув по иконке "Добавить / Изменить таблицу" (35) на панеле инструментов визуального редактора Яблог.нет.

Перед нами появится окно менеджера таблиц, в которое нужно ввести данные о необходимой нам таблице.

tabl2

Давайте рассмотрим параметры этого окна.

  • Столбцы - количество колонок в таблице.
  • Строки - количество строк в таблице.
  • Выравнивание - выравнивание таблицы внутри статьи. Желательно ставить "по центру", для более красивого отображения.
  • Граница - выставленная галочка означает что вокруг таблицы и внутри будет рамочка в 1 пиксель. Цвет границы можно задать в пункте "Расширенные".
  • Ширина - ширина таблицы в пикселях. Максимальная ширина статьи 700px. То есть таблица не должна быть больше этого предела. Так же размер таблицы можно редактировать в редакторе, просто нажав на созданную таблицу и потянуть за уголок.
  • Высота - высота таблицы в пикселях. Максимальный размер таблицы не ограничен, но не стоит делать её слишком длинной, так как это может вызвать неудобство для читателей.
  • Заголовок таблицы - добавляет сверху таблицы дополнительную строку, для написания в ней заголовка таблицы.

tabl3

Настройки таблицы в пункте "Расширенные"

  • Классы - Это поле для программистов, людей которые знают как работать с CSS стилями. Если вы не обладаете этими знаниями это поле нужно оставить пустым.
  • ID - уникальное имя таблицы, служит для дальнейшего использования в сложных статьях. Для простых статей нужно оставить это поле пустым.
  • Стиль - CSS стиль таблицы, обычно он создается автоматически после сохранения таблицы, поэтому не меняйте его если не знаете что такое CSS.
  • Код языка - на данном этапе у сайта только один язык - русский. В дальнейшем сайт возможно будет мультиязычным, добавятся английский и другие языки. А пока оставляете это поле пустым.
  • Фоновое изображение - Вы можете загрузить картинку для фона таблицы. Картинка будет отображаться только в пределах таблицы.
  • Направление языка - Эта функция так же предназначина для будующей мультиязычности. Оставляйте этот параметр без изменений.
  • Цвет границы - Нажав на черную иконку(поумолчанию), можно выбрать цвет в палитре для обрамления вашей таблицы. Также если вы знаете код цвета, можете вписать его в поле со знаком "#". Предварительно нужно поставить галочку в параметре "Граница".
  • Цвет фона - Нажав на черную иконку(поумолчанию), можно выбрать цвет в палитре для фона вашей таблицы. 

Для того, что бы создать таблицу с двумя колонками и двумя строками (два на два) - в параметрах Столбцы и Строки нужно указать значение 2, а так же укажем ширину в 500 пикселей.

В результате мы получим вот такую таблицу.

tabl4

Так же можно быстро создать таблицу кликнув по стрелочке рядом с кнопкой таблицы (35), и выбрать необходимое количество ячеек (максимально 8х8), как на рисунке ниже:

tabl1

 

Заметьте, что при клике по созданной таблице - активируются дополнительные инструменты в панеле визуального редактора.

Рассмотрим подробнее инструменты таблицы (так же рассмотрены в разделе "1.1. Элементы редактора").

35  Вставка и редактирование таблиц, открывает главное окно менеджера таблиц.
36  Удаление таблицы - позволяет удалить выбранную в визуальном редакторе таблицу.
37  Параметры строки (row) таблицы - открывает окно с параметрами настройки выбранной строки таблицы.
38  Параметры ячейки таблицы - открывает окно с параметрами настройки выбранной ячейки таблицы.
39  Добавить строку (row) сверху - добавляет дополнительную строку в таблицу.
40  Добавить строку (row) снизу - добавляет дополнительную строку в таблицу.
41  Удалить строку (row) - удаляет выбранную строку.
42  Добавить столбец (col) таблицы слева - добавляет дополнительную колонку.
43  Добавить столбец (col) таблицы справа - добавляет дополнительную колонку.
44  Удалить столбец (col) таблицы - удаляет выбранную колонку.
45  Разбить объединенные ячейки таблицы - разбивает выбранные ячейки.
46  Объединить ячейки таблицы - объединяет выбранные ячейки.

  

1 1 1 1 1 1 1 1 1 1 Рейтинг 0.00 [0 Голоса (ов)]
Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

Случайные статьи

Путешествие на Себу (Филиппины)

Всем привет! С вами Лина Лирой и сегодня я ра...

Бангкок (Таиланд)

Бангкок Столица Таиланда удивляет своими кра...

Перед тем, как встать на сноуборд

И так, насмотревшись фильмов: «Джонни Цунами»...

Списки безвизовых стран на 2017 год для Казахстана

Список  стран безвизового прибывания и оформл...

Сам себе хозяин. Автотуризм.

Как здорово уехать куда-нибудь на выходные. С...

Такая разная Италия

Италия – это универсальная страна для отдыха,...

Списки безвизовых стран на 2017 год для России

Для тех, кто живет в провинции, может быть пр...

Всем на велосипед и в поход!

В голландском городе Хаутен жители полностью ...

Что такое спелеотуризм, чем занимаются спелеотуристы

Человек существо любопытное, все то нам интер...

Пройдем пешком родные края. Пеший туризм

Казалось бы, в пеший поход может отправиться ...

Поиск

СЧЕТЧИКИ

 

 

 

 

Яндекс.Метрика

 

В ОТПУСК.РУ - все о туризме и отдыхе: предложения турфирм,  поиск туров, горящие путевки

 

GidTravel - туризм, информация об странах, городах, местах отдыха