Вики-разметка для ВКонтакте

Eugeniy / Июль.18.2015. / / Нет комментариев

1Для оформления группы в социальной сети есть удобная и простая wiki-разметка для группы В Контакте. Она действует аналогично html коду, но интуитивно более легка и понятна для простого пользователя, владельца группы. Такая разметка применяется в Wikipedia (свободной энциклопедии), и отсюда пошло ее название.
Wiki-разметкой можно оформить группу своеобразно или традиционно, при этом лезть в дебри html, где можно застрять на недели, вам не придется. Разметка wiki настолько проста в изучении, что покорится самому неопытному пользователю всего лишь за один час. Эта разметка справляется и с форматированием рисунка и текста, якорями, спойлерами, ссылками, графическими таблицами и другими элементами, способными качественно изменить внешний вид любой группы.



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

Wiki-разметка группы ВКонтакте – как работать с картинками?

Разметка вики прекрасно подходит для работы с фотографиями или любыми изображениями, но при соблюдении нескольких хитростей. Изображение, вставленное wiki-разметкой, появится только если оно присутствует в альбоме. С помощью простой манипуляции фотография (например: photo55775_55775) сразу появится на странице. Для этого надо скопировать ее адрес и добавить к нему двойные квадратные скобки.

Выглядит это так — [[photo55775_55775]] — и применима такая разметка к любому изображению, которое есть в альбомах. Дополнив разметку, можно вместе с изображением вставить и текст, и ссылку, тем самым меняя его внешний вид.

Для этого надо применить такую вики разметку — [[photo55775_55775|options|text/link]]. Слово «options» можно заменить другими значениями, каждое из которых изменит вид фотографии. А значения следующие:

  • noborder сделает рисунок без рамки;
  • nopadding соединит вместе изображения, убрав между ними пробелы;
  • plain сделает из рисунка ссылку;
  • NNNpx позволит изменить размер картинки;
  • box откроет в новом окне.

Работа с таблицами при помощи Вики-разметки?

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

  • {| без этого первоначального символа невозможно создать таблицу;
  • |+ необязательный символ, с помощью которого таблица располагается по центру
  • |- с этого символа начинается новая строка;
  • | этот символ отвечает за прозрачность ячеек;
  • ! с помощью этого символа можно сделать ячейку темного цвета;
  • |} этим необязательным символом заканчивается таблица.

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

{|
|-
|<center>”Новинки”’</center>||<center>”’Игры”’</center>||<center>”’Все жанры”’</center>
|-
!<center>[[photo705176_18360270|nolink;noborder;97x88px| ]]</center>!!<center>[[photo-4894485_130765546672|nolink;noborder;97x88px| ]]</center>!!<center>[[photo78976_183704890|nolink;noborder;97x88px| ]]</center>
|-
|<center>
[[Новинки online игр|Новинки]]<br/>
[[Головоломки]]<br/></center>
|<center>
[[Шарики]] <br/>
[[Квесты]]<br/>
[[Аркады]]<br/>
[[Обсуждения игр]]<br/></center>
|-
|}

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

 

В контакте для оформления группы wiki-разметкой можно использовать три вида ссылок.

  • Традиционная ссылка: [http://pc4me.ru]

2

  • Обычная ссылка + текст: [http://pc4me.ru|В Контакте]

3

  • Ссылка в виде картинки: [[photo47804345_6718920949|30px|http://pc4me.ru]]

1

 

 Работа с графическим меню?

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

  • Нарежьте в редакторе необходимую графику и «сохраните для web»;
  • Загрузите графику как обычные картинки, без использования flash, чтобы не ухудшить их качества;
  • Соберите меню с помощью специального тега «nopadding»;
  • Пропишите внимательно все ссылки;
  • Красивое меню для вашей развлекательной группы готово.

Несколько секретов wiki-разметки

Эта разметка не похожа на html код, и некоторые ее особенности можно испробовать лишь экспериментальным способом. Но если вам не по душе эксперименты, изучите следующие особенности, чтобы не допускать ошибок и гадать, почему тот или иной элемент не подчиняется wiki-разметке. Хитрости разметки:

  • Допустимая ширина картинки составляет не больше 610px;
  • Изменение ширины автоматически меняет и высоту картинки;
  • Рисунки меньше 134px меняют качество в худшую сторону;
  • В строчке разметки может присутствовать лишь 7 элементов списка;
  • Более 18 незакрытых тегов на одной странице приведут к ее искажению и ошибкам.

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

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

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (нет голосов)
Загрузка...
Оставить комментарий

*