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

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

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

Что бы создать таблицу - нужно открыть менеджер таблиц, кликнув по иконке "Добавить / Изменить таблицу" (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

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

{kavatar)

«Walt Disney pictures» представляет…..

 «Я не создаю фильмы просто, чтобы зарабатыва...

Подробнее...
{kavatar)

Готика (архитектура)

Огромные города, обнесенные крепостными стена...

Подробнее...
{kavatar)

Искушение (Фэнтези рассказ)

- Так все! Мама, пошли домой! Мне ни одно...

Подробнее...
{kavatar)

Комикс "Tales of Pestilence" или "Чумной доктор" Выпуск №3

Третья часть странного и жуткого комикса, пов...

Подробнее...
{kavatar)

Под шум Дождя

Под шум дождя, раскаты грома,  Забыв потехи ...

Подробнее...
{kavatar)

Закрытые Глаза

Бал... Двенадцать ночи.  Разорваны стеснения ...

Подробнее...
{kavatar)

Жанры современного театра

Театр, как и все в этом мире, меняется и сове...

Подробнее...
{kavatar)

ПРИТЧА: В ЛАВКЕ У БОГА

Однажды женщине приснился сон, что за прилавк...

Подробнее...
{kavatar)

Макрофотографии самых маленьких представителей фауны - насекомых

Благодаря современной оптике мы можем рассмот...

Подробнее...

Поиск

Счетчики

 

 

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