Як зробити меню групи в Вконтакте?

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

Менше розмов, приступимо до створення меню для групи в Вконтакте.
Для початку вам потрібно створити власне саму групу, я в попередній статті писав, як створити групу Вконтакті.

І так, все починається в фотошопі, ми створюємо картинку того меню, яке ви хочете. В основному – це якийсь фон з найменуванням рубрик. Мені як раз попросив знайомий зробити гарну групу для його фірми aero-stomadent, займається промисловою вентиляцією, ось я і займуся нею.

Я знайшов чудовий фон природи Аляски, власне на ньому і буду все робити.

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

Праворуч зробіть так, щоб у майбутньому ця частина була аватаркою групи.

Тепер режим картинку на маленькі зображення. Вибираємо в меню функцію “Фрагмент”, потім правою кнопкою миші на полотно і нарізайте так, щоб кожне слово було окремо.

Бажано, щоб нарізано приблизно так.

Після нарізки зберігаємо файл, а не просто через “Зберегти для Web і пристроїв” (або Alt+Shift+Ctrl+S), воно створить тата з усіма вже нарізаними файлами.

Зараз ще не йдемо в групу, нам ще потрібно створити вікі-розмітку. Або іншими словами створити сторінку.

Як створити Wiki – сторінку Вконтакте?

Відкриваємо нову вкладку браузера і вставляємо туди таку посилання: http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы де XXX – ід вашої групи. Наприклад, у мене було так.
http://vk.com/pages?oid=-91934542&p=меню

Потім натискаємо Наповнити змістом. Тут бачимо дуже простий редактор, вибираємо функцію фотоапарат щоб додати всі наші фотографії меню. Повинно вийде щось на подобі як у мене.

Але між картинками є прогалини, щоб прибрати пробіли – входимо в режим wiki-розмітки (це зверху в правому куті знак лапок <>) вписуємо такий тег option;nopadding;” перед розмірами фотографій. Наприклад [[photo21149523_358738572|option;nopadding;400x45px| ]]

І вийшло вже всі разом.

І так, залишилося тепер в кожну кнопку вбити посилання. Знову в wiki-розмітки все робиться. Вбиваємо вже підготовлені до цього посилання статей, які ви вважаєте потрібними.

Натискаємо зберегти, дивимося що вийшло, у мене все зійшлося якщо натиснути переходить за посиланнями “https://vk.com/page-91934542_49969122”

Потім вже переходжу в групу і перед цим роблю таку картинку яка буде відображатися для людей в групі.

І просто роблю пост. Вставляю посилання на меню і додаю фотографію, яку зробив зробив тільки що.

Натискаю опублікувати.

Тепер для того, щоб перенести цей пост вгору – натискаємо на нього, перегортаємо вниз і там бачимо таку функцію як “Закріпити”.

Вийшло ось таке.

Тепер власне додаємо саму аватарку, яка вже у нас збережена лежить і чекає.
Я з першого разу не влучив, щоб картинки у мене зійшлися, так що завантажуйте кілька разів аватарку щоб було якомога краще.