Створення відповідного зображення
Знайдіть в мережі відповідні для тематики вашої групи зображення. Стандартна ширина меню - 370 пікселів, тому в будь-якій програмі, яка може міняти розміри картинок, подкорректируйте розміри до потрібної ширини. Найкраще працювати в «Фотошопі». Відкрийте в ньому фотографію, підготовлену для складання меню. На її тлі будуть розташовані кнопки меню з написами для переходу до відповідних розділів. Зображення необхідно наблизити для зручності його обробки. Визначтеся з областю, де буде розташовуватися меню: за допомогою інструменту «Лінійка» горизонтально під аватаром відміряйте 370 пікселів. Також лінійкою треба відміряти місце, де буде закінчуватися меню.
Приступите до створення кнопок. Спочатку необхідно за допомогою лінійки визначити середину прямокутника, в якому буде розташовуватися меню (185 пікселів) і створити новий шар. За допомогою інструменту «Прямокутник» зробіть кнопку і зменшіть прозорість до 60%, потім зробіть дублікат шару і розташуйте його в потрібному місці. Коли все кнопки будуть готові, на них необхідно написати назви. Для цього клікніть на шар і застосуєте інструмент «Т».
Після того як всі написи виконані, об`єднайте шари, скопіюйте отримане зображення за допомогою комбінації клавіш Ctrl + C і створіть новий документ. Вставте скопійоване вами вийшло меню з кнопками. Далі інструментом «розкроювання» виділіть кнопки з написами і збережіть отримані зображення. Всі картинки, отримані під час роботи в «Фотошопі», збережіть в окремій папці і завантажте цю папку в вашу групу Вконтакте. Оскільки дані зображення - ваш робочий інструмент, в настройках альбому поставте обмеження на перегляд «Тільки адміністратори групи».
Створення кнопок меню і відповідних сторінок
Наведіть курсор миші на «Меню» вашої групи. Праворуч від напису «Меню» ви побачите кнопку «Редагувати». Натисніть на неї. Відкриється поле для вставки зображень. Справа натисніть кнопку «Візуальний режим редагування». Вставте підготовлені вами зображення за допомогою кнопки «Додати фотографію». Кожне зображення необхідно вставляти в новий рядок, щоб в результаті у вас склалася єдина картинка з заздалегідь «розрізаних» частин. Натисніть кнопку «Зберегти».
Натисніть кнопку «Режим wiki-розмітки». Ви побачите код ваших зображень виду «[[photo-11111111_303464615 | 370x63px | ]] ». Створіть сторінки, на які будуть вести ваші кнопки. Для цього відступите кілька рядків від ваших зображень і напишіть код створення сторінки типу [[Сторінка1]], де текст «Сторінка1» замініть текстом назви вашої кнопки. Створіть стільки сторінок, скільки буде кнопок.
Відкрийте кожну сторінку в новій вкладці браузера. Натисніть кнопку «Редагувати» на кожній сторінці. У рядку браузера після натискання на цю кнопку ви отримаєте адреси ваших сторінок виду «https://vk.com/page-11111111_111111111?act=edit».
Знову поверніться в візуальний режим редагування. Натисніть на першу картинку, відкриється вікно з параметрами, де буде рядок «Посилання» для адреси сторінки, на яку буде вести картинка. Вставте в рядок відповідне посилання на сторінку меню. Натисніть «Зберегти». Аналогічно вставляються посилання для кожного зображення. Якщо ви повернетеся в режим wiki-розмітки, ваше меню буде складатися з декількох посилань, записаних в стовпчик.
Видаліть рядки виду [[Сторінка1]], для того щоб вони не дублювали посилання на сторінки меню. Таким чином, у вас вийде єдина картинка, окремі частини якої є посиланнями на відповідні сторінки вашої групи. Завершіть створення меню натисканням на кнопку «Зберегти».
