Меню групи вконтакте

Я вже писала в одній з минулих статей як безкоштовно розкрутити групу вконтакте. Але перш ніж приступити до розкручування групи, потрібно привести її в порядок зробити красиве меню.

- закріплене, яке видно весь час

- Приховане, не закриває інформацію про групу, але відкривається після натискання

Я буду робити приховане меню, тк не хочу закривати основну інформацію про фірму.

Для того, щоб це меню встало правильно, потрібно заповнити всі рядки інформації та опис має складатися з 7 рядків.

Картинки для меню і шаблони кнопок можна знайти в пошуковій системі. Я використовую для цього гугл пошук за картинками. Запитуйте «шаблон синіх кнопок» або «синій фон з квіточками»

Приступаємо до створення меню для групи вконтакте.

Відкрийте файл шаблона з розширенням psd. Вимкніть непотрібні шари. Шар з шаблоном завжди повинен бути нагорі.

Завантажте обрану картинку для фону. Розмістіть так, щоб не залишалося порожніх місць. Намалюйте кнопки або вставте вже готові. Підпишіть всю необхідну інформацію.

Переходимо до нарізки меню.

Меню групи вконтакте

Меню групи вконтакте

Потім повертаємося в документ і на вкладці History (історія) повертаємося до дії перед командою crop. Таким чином скасується обрізка і документ набуде первісний вигляд.

Меню групи вконтакте

Знову використовуємо crop tool. щоб вирізати меню. Так само зберігаємо меню окремим файлом меню.jpq.

Меню групи вконтакте

Щоб завантажити спливаюче меню при натисканні потрібно натиснути кнопку «Редагувати». З'явиться діалогове вікно, в якому вказуємо шлях до картинки на вашому комп'ютері і тиснемо «Зберегти сторінку».

Меню групи вконтакте

Ви бачите, що меню групи ще не активно.

Меню групи вконтакте

Робимо інтерактивне меню за допомогою wiki розмітки.

Відкриваємо файл меню.jpq в фотошопі і нарізаємо його на фрагменти. Для цього використовуємо інструмент Slice tool (він захований у спливаючому меню кнопки crop tool)

Проведіть лінії на малюнку між кнопок. Дивіться, щоб всі області були активні (відзначені синім)

Меню групи вконтакте

Після цього натискаємо кнопку Файл / зберегти для Web. У вікні натискаємо «зберегти». У зазначеному місці з'явиться папка яка містить кілька фрагментів меню (в моєму випадку 3)

Меню групи вконтакте

Завантажуємо розрізане меню в групу ВКонтакте, попередньо видаливши старе меню.

Ви бачите, що між зображеннями є відстань і це не красиво виглядає. Усунути яку можна в режимі wiki розмітки (кнопка 2)

Меню групи вконтакте

Так виглядає меню в режимі wiki розмітки. У другій і третій сходинці показано, як виглядало до редагування.

У першому рядку вже дописані необхідні параметри:

1. noborder - прибирає кордону

2. nopadding - прибирає відступи між зображеннями.

В результаті кожне зображення набуває вигляду:

Натискаємо кнопку зберегти.

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

Незабаром я розповім як зробити закріплене меню.

Меню групи вконтакте

При натисканні на яке буде з'являтися віконце з великим меню.

Меню групи вконтакте

Безкоштовно завантажити шаблон для створення меню можна з яндекс диска

Меню групи вконтакте
Меню групи вконтакте