Мир ПК - Социальные сети - Как сделать таблицу вконтакте в группе

Wiki-разметки в группах Вконтакте

Что такое Вики разметки?

Каждый пользователь сервиса Вконтакте знает о возможности создания в аккаунте групп. Однако не каждый может предположить, что возможно легко перейти от группы к созданию собственного сайта. Для осуществления такой возможности необходимо:

Теоретическое понимание Вики разметки.
Возможность практического ее применения.

Вики разметка – это специальный язык программирования, предназначенный для оформления информации в группе. При помощи его можно:

создавать таблицы;
производить форматирование текста;
создавать теги, метки;
производить дополнительную структуризацию элементов в группе;
Привлекательно оформить группу в своем аккаунте в социальной сети Вконтакте.

Оформление группы с помощью вики разметки

Wiki разметка имеет:

схожесть с профессиональным языком программирования;
Преимущество перед языком HTML в виде более простого его понимания и отсутствия необходимости изучения объемной информации.

Оформление группы подразумевает создание уникального меню, которое может быть как текстовым, так и графическим. Также необходимо обеспечение при переходе по кнопкам меню на соответствующие страницы.

Принципы оформления заключаются в создании таблицы, которая является базовым элементом в меню, текстовых и графических вставок.

Как сделать меню для группы в контакте с помощью вики разметки

Зайти на страницу в Вконтакте;
Перейти в раздел «мои группы».;
Открыть свою группу на главной странице, скопировать адрес;

Номер в группе соответствует номеру ID сообщества.

Переделываем ссылку, чтобы она приняла следующий вид http://vk.com/pages?o >
Необходимо наполнить содержимым страницу, после чего сохранить все данные;
Скопировать ссылку на новую страницу для возможности дальнейшего ее наполнения или редактирования.

Работа с изображениями

Рассматриваемый сервис отлично подходит для оформления с использованием изображений в виде фотографий и картинок.

Вставить картинку в группу предоставляется возможным только при наличии ее в альбоме на сайте;
Необходимо скопировать адрес изображения в фотоальбоме аккаунта;
Для создания Вики адреса, добавить к обыкновенному адресу двойные квадратные скобки.

Создание таблиц с помощью wiki-разметки

Таблица создается при помощи определенного набора символов, расположенных в особенной последовательности. Таблица может наполняться любым содержимым.

Начало таблицы <|;
Заголовок таблицы |+;
Новая строка |-;
Новая ячейка прозрачного цвета |;
Новая ячейка темного цвета !;
Конец таблицы |>.

Таблица, созданная при помощи Вики разметки может включать в себя множество строк и столбцов, вложенных таблиц, вставлять в ячейки графические элементы.

Оформление ссылок при помощи wiki-разметки

Ссылки можно оформить несколькими способами. Различия будут в их отображении, или в виде ссылки, или в виде ссылки с названием. Оформление обоих видов аналогично, отличается лишь некоторыми нюансами.

Как сделать графическое меню в группе?

Способ оформления графического меню в группе зависит от тематической его направленности и необходимости функционирования некоторых разделов.

Меню можно оформить в:

текстовом стиле;
графическом стиле.

Текстовое меню обычно идеально подходит для серьезных тем, направления бизнес, IT-технологий. Графическое меню больше походит для развлекательных тематик.

Принцип оформления обоих стилей меню заключается в табличном способе. Разница заключается только в том, что в графическом стиле необходимо в таблицу добавить заранее подобранные элементы изображений.

Шаблоны разметки для меню группы (картинки, теги, таблицы, спойлеры)

Для удобства оформления страницы группы существуют специальные шаблоны с уже вставленными тегами. Необходимо просто произвести выбор и правильно использовать их по назначению.

Особенности и секреты wiki-разметки

Для того, чтобы произвести оформление группы в аккаунте, необходимо выполнять определенны правила и требования:

Необходимо группу подключить к сервису «новости». Подключение происходит путем нанесения «галочки» напротив раздела «новости» в функционале «настройки»;
Картинка вставляется в Вики страницу только в том случае, когда изображение размещено на основной странице аккаунта в выделенном альбоме;
На одной Вики странице не может размещаться более семнадцати открытых и незакрытых тегов;
В одной разметочной строке может содержаться до восьми списочных элементов;
Ширина вставляемого изображения не может превышать величину 610 пикселей;
При редактировании величины изображения, все пропорции картинки меняются пропорционально своим соотношениям значений.

Приложения в контакте для wiki-разметки

Для простоты понимания Вики разметки были созданы специальные приложения разнонаправленного смысла:

Приложения, являющиеся пособием для обучения по Вики разметке. Интерактивное FAQ бета приложение предоставляет уже готовую разметку страницы. И, для обучающих целей, предлагает восстановить ее кодировку;
Приложения, не требующие абсолютно никаких знаний, при этом они самостоятельно автоматически выполняют работу пользователя. К такому типу относится Вики редактор. Для оформления группы достаточно разбираться в визуальном редакторе.

Как сделать таблицу вконтакте в группе

Категория: 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 параметра, которые можно настроить:

Первый делает все рамки таблицы невидимыми, второй позволяет сделать таблицу во всю ширину 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 тега.

Пустая таблица без переноса строки	Таблица с минимальным переносом строки	Перенос строки после центрированного теста
<\| \|- \| \|>	<\| \|- \| \|>	<\| \|- \| текст \|>
Результат:	Результат:	Результат:

С уважением, Артём Санников

Здравствуйте,
подскажите, пожалуйста, актуальную ширину для меню вконтакте 🙁 нашла варианты с 610, 510 и 1000, а что именно сейчас актуально непонятно 🙁
Большое спасибо!

Очень трудно судить какая ширина меню актуальна, так как меню можно открыть в всплывающем окне и отдельной страницей. Я бы сделать меню для всплывающего окна.

Артем, здравствуйте! Я новичок-новичок. У меня большая таблица на 30 строк. В каждой строке 5 колонок (фото; текст; число;число;число). Текст около 30-45 слов. И у меня после определенной строки не отображается оставшаяся часть таблица на странице. Что делать? Может есть ограничения, о которых я не знаю. Как мне отобразить всю таблицу на странице (группы) или можно добавить второй лист/страницу (если такое возможно). Заранее спасибо за ответ.

Вы можете прислать исходный код вашей таблицы?

heksly

Архивы

Август 2013 (2)
Июль 2013 (4)
Июнь 2013 (4)
Май 2013 (1)
Апрель 2013 (3)
Март 2013 (4)
Февраль 2013 (6)
Январь 2013 (8)
Декабрь 2012 (12)
Ноябрь 2012 (10)
Октябрь 2012 (10)
Сентябрь 2012 (14)
Август 2012 (13)

Heksly’s blog

Я в твиттере

Чек-чек, I am back https://t.co/QxWxKNl7dX7 months ago
КАК ОТКРЫТЬ ИНТЕРНЕТ-МАГАЗИН ЗА ВЫХОДНЫЕ И ЗАРАБОТАТЬ 1 000 000 РУБЛЕЙ takprosto.biz/im-za-vikhodni…4 years ago
Давненько я не получал такого удовольствия от игры Зенита! Отличная игра, отличная победа, Широков молодец! 6 years ago

Follow @Temperamentov52

Подписаться на блог 🙂

Создание таблицы с помощью вики-разметки Вконтакте

Как я и обещал, сегодня мы попробуем разобраться с таблицами. Таблицы используют для большей наглядности, а также, как оформление группы. Таблицы в контакте создаются при помощи ряда знаков. Все они в правильной последовательноси указаны ниже:

Код	Действие
<\|	Начало таблицы (обязательный для каждой таблицы, используется только в начале)
\|+	Центрированный заголовок (не обязательный, сразу после начала таблицы, с новой строки)
\|-	Указатель начала строки (обязательный после начала или (если есть) заголовка таблицы и при случае создания ячеек на новой строке)
\|	Прозрачная ячейка (обязательный, но при необходимости заменяющийся последующим кодом)
!	Тёмная ячейка (обязательный, но при необходимости заменяющийся предыдущим кодом; текст в ячейке становится жирным и центрируется по вертикали)
\|>	Конец таблицы (не обязательный, но желательный (для предотвращения ошибок) параметр)

Элементы, заполняющие таблицу, прописываются после вертикального слеша (рис.1). Также, можно создавать таблицу и спойлер внутри таблицы (рис.2).

Любые 2 таблицы можно сблизить по вертикали. Для этого необходимо в первой из них в самом низу (перед закрытием) создать новую пустую строчку и вместо слеша ( «|» или «!») вставить вторую таблицу (рис.3).

На самом деле, оформлять таблицы можно по разному, кому как удобней 🙂 Ниже в таблице представлены различные варианты оформления:

Вариант оформления 1	Вариант оформления 2

Дополнительные ячейки	Дополнительные ячейки

Дополнительные строки	Дополнительные строки

Комбинирование	Комбинирование

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

Шаблон	Результат (между A и Б)
АБ

Ну и как всегда, вконце видео урок по таблицам 🙂

Как сделать меню для группы ВКонтакте с помощью вики разметки

Самым эффективным и удобным способом оформления группы в контакте является использование wiki-разметки. Данная разметка схожа по принципу действия с html кодом, но является более простой и понятной. Своим названием она обязана Википедии, благодаря которой многие пользователи и успели познакомиться с основными особенностями wiki-разметки.

Wiki-разметка позволяет легко и быстро оформить внешний вид группы, создавая графические таблицы и спойлеры, форматируя текст и работая с изображениями, ссылками и якорями. Вам больше не придется сутками изучать книги по html, ведь изучению wiki-разметки достаточно уделить не более часа своего времени.

Существует несколько способов, как сделать меню для группы в контакте при помощи wiki-разметки, и то, какой из этих способов выберите Вы – зависит от направленности и цели группы. Если это социально направленная группа, то лучше всего подойдет текстовое меню, т.к. оно выглядит куда более серьезно, чем графическое. Использовать изображения в своём меню лучше всего для групп развлекательного или коммерческого характера.