Докладна інструкція, як зробити меню в групі "В Контакті"

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

Що для цього потрібно?

Як «В Контакті» в групі зробити меню? В "Фотошопі" необхідно створити дві картинки, які раніше були одним цілим. Перша для аватарки, друга – саме меню, це зображення необхідно нерезать на кілька частин. «В Контакті» на сторінці, призначеної для меню, потрібно вставити код з посиланнями на частини зображення і розділи. А якщо необхідний відкритий тип, знадобиться третя картинка, яка закріплюється у верхній частині співтовариства.




Для створення гарного меню знадобляться навички "Фотошопу". Тим, хто погано малює, рекомендується підібрати гарні картинки. Для знавців цієї програми інструкція вказано нижче. Процес ділиться на кілька етапів.

Перший етап

Як зробити меню в групі «В Контакті»? Спочатку потрібно створити новий документ з розмірами 700 на 800 пікселів. Простежити, щоб фон був білим кольором. На верхньому шарі необхідно вирізати два віконця 200 на 710 – для аватара і 382 на 442 – меню. Зробити це можна з допомогою виділення прямокутником або командою, яка викликається клавішею «Delete». Висоту в залежності від фантазії можна коректувати по своєму смаку, а ось ширину краще залишити колишньою. Під нижній шар необхідно підкласти ілюстрацію. Орієнтуючись на одну із сторін, прямокутники необхідно поєднати.




У потрібних зонах зображення за допомогою елементів "Фотошопу" необхідно розмістити написи і кнопки. Прямокутник, який вийшов праворуч (розміром 200 на 710) можна скопіювати і вивантажити в окремий файл. Це готова аватарка для групи. А от ліва частина картинки потребує додаткової нарізці. Кількість елементів в меню допускається від двох частин. Але може бути і три, і чотири. Ми розглянемо приклад для двох. Висота кожного нарізаного елемента повинна бути не менш 50 пікселів.

Як нарізати картинку для меню?

Для цього потрібно відкрити зображення в окремому файлі. Знадобиться інструмент «Фрагмент». Він знаходиться на панелі програми у вигляді ножа. Правою кнопкою миші клацнути на картинку і вибрати з випав списку пункт «Розділити фрагмент». Відкриється віконце, в якому потрібно задати параметри розкрою. Рекомендується поставити галочку біля напису «Розділити по горизонталі на» і вибрати кількість рівних фрагментів. Після виконаних дій на екрані з'явиться сітка, яка ділить зображення на дільниці. На цьому етапі необхідно зберегти отриманий результат. В меню «Файл» потрібно вибрати «Зберегти для Web». У вікні натиснути кнопку «Зберегти» і вибрати папку, в яку завантажуються частини зображення.




Розрізані файли будуть в пронумерованому вигляді.

Другий етап

Це урок про те, як зробити меню групи «В Контакті». Всі нарізані картинки необхідно завантажити альбом групи. Знадобиться сторінка «Свіжі новини». Найближчим часом робота буде проходити з нею. Бажано обрати в редакторі праворуч режим wiki-розмітки і вставити туди наступний код: [[photo-номер|размер px;nopadding|ссилка/]] Кожна картинка меню буде займати окремий рядок, яка побудована за принципом схеми вище. Рекомендується створити ці записи заздалегідь в блокноті і лише після цього вивантажити їх у потрібне поле «В Контакті». Так буде набагато простіше і система не змусить переробляти. В результаті вийде щось схоже на: [[photo-55786882_3287494962|382x144px;nopadding| http://«ссилка»/]] [[photo-55786882_3287494962|382x88px;nopadding|http://»ссилка»/]] Замість слова посилання – сторінка, на яку веде пункт меню (це може бути обговорення в групі або інша фотографія). Головне, отриманий код не забути зберегти.

Як отримати номер зображення?

Для цього необхідно клікнути правою кнопкою миші на картинку. Після того, як вона відкриється в новому вікні, в адресному рядку браузера з'явиться її код. Його потрібно скопіювати разом зі словом «photo». Коли всі зміни буде збережено, можна перевірити роботу меню. У групі по відповідному посиланню розкривається довгоочікувана картинка. Щоб поєднати з нею аватар, необхідно трохи поекспериментувати з описом. Приблизно за вказаними розмірами повинно бути 12 рядків. Це один з варіантів, як зробити меню в групі «В Контакті». Усього їх два. Ще один спосіб – відкритий. Їх можна поєднати.

Як зробити відкрите меню?

У новому вікні необхідно натиснути правою кнопкою миші на створене меню і натиснути на посилання «Редагувати». У вкладці «Повернутися до сторінки» в рядку браузера можна отримати посилання на меню. Її необхідно скопіювати. Після в групі потрібно зробити звичайний пост. Знадобиться ще одна тематична картинка з написом «Меню». Для цього необхідно завантажити фотографію. Пост буде грати роль відкритого меню вгорі сторінки. До повідомлення в ньому потрібно вставити отриману посилання, яке потрібно видалити після того, як нижче з'явилася сторінка з меню. Піст не повинен містити зайвих посилань, це буде негарно. Як зробити меню в групі «В Контакті»? Тепер необхідно клікнути правою кнопкою миші на дату новини. Вона повинна відкритися в новому вікні. Там можна побачити нову напис «Закріпити». Якраз вона і потрібна. Після в групі можна милуватися красивим меню. Для того щоб поєднати картинки, необхідно потренуватися з їх розмірами. От і все. Створювати меню в контакті не так вже складно. Якщо діяти по інструкції, яка описана вище, може впоратися кожен.