Совсем недавно я писал о том, как создать группу Вконтакте. В комментариях мне задавились вопросы типа – как создать графическое меню в контакте.

Графическое меню группы

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

Во-первых, нам понадобиться какая-нибудь красивая картинка на тематику Вашей группы, которая будет играть роль фона графического меню группы в контакте. Ширина такой картинки должно быть, примерно, 380-385 пикселей. Высота зависит от того сколько будет у Вас пунктов в графическом меню группы в контакте.

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

Изображения для графического меню группы в контакте

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

Изображение графического меню группы

Следующий пунктом является деление картинки на несколько маленьких. То есть, Вам надо поделить картинку на пункты меню, чтобы каждая отдельная картинка при клике на нее отправляла на другую страницу и т.д. Сделать деление картинки для меню можно с помощью функции "Раскройка" в Photoshop. Примерно так нужно выполнить деление:

Деление на пункты меню

После того, как все картинки Вы поделили, и у Вас получилось несколько изображений шириной 380-385 пикселей, загружаем все картинки в альбом группы, который заранее создали. Кстати, доступ в альбом ограничиваете, чтобы Ваше меню ненароком сломалось. Сделать это можно на этой же странице редактирования меню.

Создание графического меню группы в контакте

Итак, изображения (пункты меню) в альбоме, значит можно начинать делать графическое меню группы в контакте. Заходим в редактирование меню группы.

Редактирование меню

В появившееся окошко нам нужно вставить код wiki разметки. Для графического меню оно будет следующее:

[[photo|385px;noborder;nopadding|ПУТЬ]]

photo – ссылка нашего первого пункта меню (изображения)

Путь – ссылка куда ведет наша картинка при клике на нее

Итак, когда вставили одну такую строчку в окошко редактирования wiki разметки, у нас появится первый пункт меню в виде графики. Но, это только первый. Для полной вставки всех пунктов графического меню группы в контакте нам нужно вставить вышеприведенный код столько раз, сколько у нас изображений. Соответственно надо полагать, что ссылка на фото (photo) другая и путь при клике будет иной. В моем случае, полный код wiki разметки получился такой:

Код wiki разметки

После того, как Вы вставили и отредактировали весь код wiki разметки, жмем на кнопку «сохранить» и просматриваем новое созданное графическое меню группы в контакте. Важно помнить, что доступ к странице редактирования графического меню надо сделать ограниченным.

Редактирование прав доступа

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

Просмотреть получившееся графическое меню группы в контакте можете здесь.

После всего вышеизложенного, я думаю, Вы поняли, как создать графическое меню в группе в контакте.