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

1. Wiki-розмітка групи ВКонтакте - як працювати з картинками?
2. Робота з таблицями за допомогою Вікі-розмітки?
3. Оформлення посилань за допомогою вікі -розмітку?
4. Робота з графічним меню?
5. Кілька секретів wiki-розмітки
6. Додатки програмістів для wiki-розмітки

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

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

Wiki-розмітка групи ВКонтакте - як працювати з картинками?

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

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

Для цього треба застосувати таку вікі розмітку - [[photo55775_55775 | options | text / link]]. Слово «options» можна замінити іншими значеннями, кожне з яких змінить вигляд фотографії. А значення наступні:

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

Робота з таблицями за допомогою Вікі-розмітки?

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

• {| без цього початкового символу неможливо створити таблицю;
• | + Необов'язковий символ, за допомогою якого таблиця розташовується по центру
• | - з цього символу починається новий рядок;
• | цей символ відповідає за прозорість осередків;
• ! за допомогою цього символу можна зробити осередок темного кольору;
• |} Цим необов'язковим символом закінчується таблиця.

Ось таке меню вийде з наступного дуже простого коду:

{|
| -
| "Новинки" '|| "' Ігри" '|| "' Усі жанри" '
| -
! [[Photo705176_18360270 | nolink; noborder; 97x88px | ]] !! [[photo-4894485_130765546672 | nolink; noborder; 97x88px | ]] !! [[photo78976_183704890 | nolink; noborder; 97x88px | ]]
| -
|
[[Новинки online ігор | Новинки]]
[[Пазли]]
|
[[Кульки]]
[[Квести]]
[[Аркади]]
[[Обговорення ігор]]
| -
|}

Оформлення посилань за допомогою вікі -розмітку?

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

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

• Звичайна посилання + текст: [http: //pc4me.ru | В Контакте]

• Посилання у вигляді картинки: [[photo47804345_6718920949 | 30px | http: //pc4me.ru]]

Робота з графічним меню?

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

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

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

Ця розмітка не схожа на html код, і деякі її особливості можна випробувати лише експериментальним способом. Але якщо вам не до душі експерименти, вивчіть наступні особливості, щоб не допускати помилок і гадати, чому той чи інший елемент не підкоряється wiki-розмітки. Хитрощі розмітки:

• Допустима ширина картинки становить не більше 610px;
• Зміна ширини автоматично змінює і висоту картинки;
• Малюнки менше 134px змінюють якість в гіршу сторону;
• У рядку розмітки може бути присутнім лише 7 елементів списку;
• Більше 18 незакритих тегів на одній сторінці приведуть до її спотворення і помилок.

Додатки програмістів для wiki-розмітки

Якщо вам розмітка здалася надто складною, скористайтеся простими додатками, які самі автори називають навчальними уроками. Це якщо ви хочете вивчити секрети розмітки. Якщо наука вам не дається, оформляйте групи ВК за допомогою простого візуального редактора, який сам пише правильний код.