Для всех, кто создал или только планирует создать свою группу ВКонтакте, просто необходимо знание wiki-разметки. С её помощью вы сможете красиво оформить меню группы, упорядочить темы обсуждения и сделать многое другое.
сближение двух таблиц
Один из важнейших пунктов в оформлении группы – это её меню. Вне зависимости от того, какое меню вы захотите создать (графическое или же текстовое), вам наверняка пригодится использование таблицы.
В вики-разметке таблица создаётся с помощью определённого набора символов: каждый из них отвечает за конкретную часть таблицы. Поговорим о том, как сделать таблицу ВКонтакте с их использованием.
Знаки таблицы
- <| — знак начала таблицы. Используется в любой таблице обязательно.
- |+ – с помощью этого знака вы расположите название таблицы по центру. Он ставится сразу же после знака начала таблицы. Не обязателен, но, как правило, применяется.
- |- – указатель начала строки. Он обязателен после начала и заголовка таблицы, а также в случае создания ячеек на новой строке.
- | – знак отвечает за прозрачность ячейки. Обязательно ставится, если не выбирается знак ниже.
- ! – знак, в противоположность предыдущему, делает ячейку тёмной. При необходимости заменяется предыдущим кодом.
- |> – знак окончания таблицы. Ставят не все, однако для предотвращения ошибок желательно использовать.
- Во время заполнения таблицы данные из каждой ячейки нужно помещать после знака °|. А для того, чтобы разделить ячейки, надо всего лишь продублировать типа строки одним из двух способов: °||° либо !!
Все эти символы пригодятся вам не только для создания меню группы ВКонтакте, но для создания таблицы на любом другом сайте, созданном с использованием wiki-движка.
Как создать таблицу в группе вконтакте 2015
Заполнение таблицы
Нужные элементы прописывайте в таблице после знака |(вертикального слеша) или !.
Таблица внутри другой таблицы вставляется на новой строке.
Таблица в таблице
Сближение таблиц
Две любые таблицы вы можете сблизить по вертикали. Для того, чтобы это сделать, в самом низу первой из них (перед закрывающим кодом) создайте пустую новую строчку и вместо знака | или ! вставьте вторую таблицу. Вот один из вариантов оформления:
Место для заполнения
Создание скрытого текста
При желании вы можете написать на странице любой текст, который можно будет увидеть только в состоянии редактирования. При обычном просмотре пользователи будут видеть пустые строчки.
Источник: f1-vkontakte.ru
Как сделать таблицу в группе вконтакте?
Сегодня погорим о том, как сделать таблицу в группе вконтакте? Таблицы довольно не заменимый элемент, для использования в любом контенте. А значит, поговорить о них очень важно. В этом видео рассмотрим, что такое таблицы? И как их прописать в тексте, чтобы они правильно отображались?
Кстати, ранее мы уже изучали, что такое таблицы и как их использовать в рамках видеокурса по html, подробнее в этой статье.
Все необходимые коды вы сможете найти под видео.
Продолжаем изучение ВидеоКурса «Технические секреты групп Вконтакте». Если ранее Вы пропустили рассказ о том, почему данный ВидеоКурс бесплатен, ответ Вы сможете найти здесь.
Пример таблицы #1.
<| |- !Заголовочная ячейка таблицы |- |Ячейка таблицы |>
Пример таблицы #2.
Пример таблицы #3.
Пример таблицы #4.
<| |- !1 |2 |- |3 !4 |>
Какие-то теги могли устареть и возможно перестали работать. Если какой-либо тег не работает на данный момент, сообщите пожалуйста об этом в комментариях.
Источник: sdelaemblog.ru
Артём Саннников
Данная книга является руководством для начинающих специалистов в области анализа и обработки данных. В книге рассматривается язык SQL и его процедурное расширение PL/SQL от компании Oracle.
Главная › Социальные сети › ВКонтакте › Wiki разметка › Таблицы в wiki-разметке
Таблицы в wiki-разметке
Как создать таблицу в wiki-разметке?
Таблицы в контакте создаются при помощи ряда знаков. Все они в правильной последовательности указаны ниже:
Код | Действие |
<| | Начало таблицы (обязательный для каждой таблицы, используется только в начале) |
|+ | Центрированный заголовок (не обязательный, сразу после начала таблицы, с новой строки) |
|- | Указатель начала строки (обязательный после начала или (если есть) заголовка таблицы и при случае создания ячеек на новой строке) |
| | Прозрачная ячейка (обязательный, но при необходимости заменяющийся последующим кодом) |
! | Тёмная ячейка (обязательный, но при необходимости заменяющийся предыдущим кодом; текст в ячейке становится жирным и центрируется по вертикали) |
|> | Конец таблицы (не обязательный, но желательный (для предотвращения ошибок) параметр) |
Как заполнять таблицу в wiki-разметке?
Необходимые элементы прописываются в ней после вертикального слеша или восклицательного знака
( «|» или «!»). Таблицы и спойлеры внутри других вставляются на новой строке.
Сближение таблиц в wiki-разметке
Две любые таблицы можно сблизить по вертикали. Этим действием мы просто убираем расстояние между таблицами.
Для этого уберите лишние переносы строки между таблицами. У первой таблицы замените тег закрытия «|>» на тег открытия новой строки «|-», а после второй таблицы добавьте дополнительный тег закрытия «|>»:
<| |- ! Содержимое первой таблицы |- <| |- | Содержимое второй таблицы |> |> |
Варианты оформления и расширение таблицы в wiki-разметке
Вариант оформления №1 | Вариант оформления №2 |
<| |- | место для заполнения |> |
<| |- |место для заполнения |> |
Результаты для примеров идентичны | |
Различия лишь в том, что вы можете писать текст как после знаков «|», «!», так и с новой строки.
Дополнительные ячейки | |
<| |- |Ячейка 1 |Ячейка 2 |> |
<| |- |Ячейка 1 || Ячейка 2 |> |
Результаты для примеров идентичны | |
Здесь мы видим, что различными способами можно оформлять и новые ячейки. Кому-то нагляднее одним способом, кому-то другим.
Дополнительные строки | |
<| |- | Строка 1 |- | Cтрока 2 |> |
<| |- |Строка 1 |- |Cтрока 2 |> |
Результаты для примеров идентичны | |
На данном шаге мы не делаем ничего принципиально нового: просто добавляем новую строчку к таблице через знак «|-».
Комбинирование | |
<| |- | Ячейка 1 | Ячейка 2 |- | Ячейка 2.1 | Ячейка 2.2 |> |
<| |- |Ячейка 1 || Ячейка 2 |- | Ячейка 2.1 || Ячейка 2.2 |> |
Результаты для примеров идентичны | |
Здесь мы совмещаем все предыдущие шаги и получаем таблицу 2×2.
Скрытый текст в таблице
На странице можно написать любой текст, который будет виден только в состоянии редактирования. При просмотре вместо текста появятся несколько пустых строк. Как правило, подобные штуки активно используют программисты, чтобы обозначить, что делает тот или иной кусок кода.
Если у вас получается достаточно крупная страница, то вы можете пометить важные части таким скрытым текстом, чтобы легче было ориентироваться.
Шаблон | Результат |
A <| | Скрытый текст. |> |
Параметры таблицы в wiki-разметке
У таблицы есть 4 параметра, которые можно настроить:
- noborder;
- nomargin;
- nopadding;
- fixed.
Первый делает все рамки таблицы невидимыми, второй позволяет сделать таблицу во всю ширину wiki-страницы, третий уберет лишние отступы в ячейках, а четвертый позволит создать страницу фиксированной ширины.
Невидимые границы таблицы в wiki-разметке
Параметр noborder, помещенный сразу после открытия таблицы, позволит убрать все видимые рамки таблицы:
Код | Результат |
<|noborder |- ! 1 | 2 | 3 |- | 1 ! 2 | 3 |- | 1 | 2 ! 3 |> |
Таблицы во всю ширину в wiki-разметке
Широкие таблицы. С помощью параметра nomargin Вы сможете сделать таблицу во всю ширину. Клетки при этом будут равной длины, хотя этот фактор и будет зависеть от того, чем вы наполните таблицу.
Код | Результат |
<|nomargin |- ! 1 | 2 ! 3 |- | 1 ! 2 | 3 |> |
Таблицы без отступов в wiki-разметке
Помещенный сразу после открытия таблицы параметр «noppading» позволит убрать отступы в ячейках таблицы:
Код | Результат |
<| |- ! 1 | 2 | 3 |- | 1 ! 2 | 3 |- | 1 | 2 ! 3 |> |
|
<|nopadding |- ! 1 | 2 | 3 |- | 1 ! 2 | 3 |- | 1 | 2 ! 3 |> |
Фиксированная ширина таблицы в wiki-разметке
Вы сможете зафиксировать ширину таблицы с помощью параметра fixed. Данный параметр работает также с right (выравнивание по правому краю) и center (выравнивание по центру).
Для того, чтобы зафиксировать размер таблицы, вам нужно прописать параметр fixed после знака начала таблицы «<|», а на следующей строчке указать параметры ячеек после знака «|~»:
Код | Результат |
<|fixed |~20 40 80 |- |1 |2 |3 |- |1 |2 |3 |> |
Расширение таблицы в wiki-разметке
Тегом можно регулировать высоту таблицы. Для минимального расширения таблицы следует указать 2 тега.
Пустая таблица без переноса строки | Таблица с минимальным переносом строки | Перенос строки после центрированного теста |
<| |- | |> |
<| |- | |> |
<| |- |текст |> |
Результат: | Результат: | Результат: |
С уважением, Артём Санников
Записи по теме
- Якоря в wiki-разметке
- Фотографии в wiki-разметке
- Документы в wiki-разметке
- Спойлеры в wiki-разметке
- Видео в wiki-разметке
- Аудио в wiki-разметке
- Ссылки в wiki-разметке
- Страницы в wiki-разметке
скажи подалуйста, а как отцентровать посередине таблицу с фиксированной шириной в 510 px на странице шириной 610 px? срочно нужно!
Артём Санников :
Здравствуйте, поместите ваш код вики-разметки в теги .
Здравствуйте,
подскажите, пожалуйста, актуальную ширину для меню вконтакте 🙁 нашла варианты с 610, 510 и 1000, а что именно сейчас актуально непонятно 🙁
Большое спасибо!
Очень трудно судить какая ширина меню актуальна, так как меню можно открыть в всплывающем окне и отдельной страницей. Я бы сделать меню для всплывающего окна.
Артем, Я новичок-новичок. У меня большая таблица на 30 строк. В каждой строке 5 колонок (фото; текст; число;число;число). Текст около 30-45 слов.
И у меня после определенной строки не отображается оставшаяся часть таблица на странице. Что делать? Может есть ограничения, о которых я не знаю. Как мне отобразить всю таблицу на странице (группы) или можно добавить второй лист/страницу (если такое возможно). Заранее спасибо за ответ.
Вы можете прислать исходный код вашей таблицы?
Возможно ли убрать расстояние между двумя таблицами (чтобы одна находилась под второй вплотную, если у них разное количество столбцов? Пункт «Сближение таблиц в wiki-разметке» не помогает, он распределяет информацию из второй таблицы в соответствии с разметкой столбцов первой таблицы.
То есть: в первой таблице у меня 5 небольших столбцов, во второй два больших (по ширине они идентичны, там нарезанные изображения). Когда сближаю эти две таблицы, то у меня строго под первыми двумя небольшими столбцами оказываются два больших из второй таблицы. Следовательно, остальные 3 столбца из первой таблицы уплывают за пределы страницы и все ломается.
Увы, разметка wiki-не совсем гибкая. И некоторые вещи сделать нельзя
Подскажите, пожалуйста, можно ли в вики-таблице объединять ячейки? То есть, сделать так, чтобы, например, в первом столбце была одна ячейка, а во втором — две, которые по высоте равны высоте ячейки из первого столбца?
Источник: artemsannikov.ru