Донецкий техникум промышленной автоматики

Як створити меню в групі вконтакте. Робимо відкрите меню групи в контакті

  1. Моє меню складалося з таких пунктів:
  2. Автор публікації

І знову радий Вас вітати!

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

Ось що у мене вийшло.

Ось що у мене вийшло

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

І так. Ось основні кроки:

  • Продумати основне меню
  • вибрати зображення
  • Фотошоп (без фотошопу як завжди нікуди 🙂)
  • Раскройка зображення
  • Заливка зображення в альбом контакту

Щоб активувати свіжі записи (для Вашого майбутнього меню), потрібно зайти в управління спільноти і включити пункт - «Матеріали»

Після того, як матеріали будуть включені, у верхній частині групи з'явиться пункт «Свіжі новини», в якому і потрібно буде створювати меню. Також як і з будь-якої сторінкою контакту, ми потрапляємо в редактор, в якому можна як вручну заливати зображення або кнопочки меню, так і через wiki-розмітку (кнопочка в правому верхньому куті).

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

У своєму прикладі я використовував фон дівчата, і помістив зліва від неї 3 кнопки. Кожна кнопка - мала свою назву.

Моє меню складалося з таких пунктів:

  • Посилання на розсилку (зовнішня)
  • Посилання на сайт (зовнішня)
  • Контакти (внутрішня на ще одну сторінку, про створення сторінки йшлося в цій статті )

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

Вибираємо даний інструмент і починаємо «різати». У мене вийшло 4 частини. (Найпростіше, що придумав :), хоча можна порізати його на шматочки)

Щоб зберегти наше меню вибираємо: "Файл" - "Зберегти під Web" - вибираємо розширення jpeg і якість 100%, тиснемо "Зберегти". У нас має з'явитися 4 файлу. Усе! З фотошопом покінчено!

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

Тепер натискаємо на кожну кнопку (або частина зображення), і присвоюємо необхідну адресу (посилання). Щоб прибрати зайві прогалини потрібно використовувати тег «nopadding» (в меню Wiki-розмітки)

Тег «nopadding» - прибирає прогалини між картинками, тобто допомагає «зістикувати» їх впритул один до одного.

Тег «nopadding» - прибирає прогалини між картинками, тобто допомагає «зістикувати» їх впритул один до одного

В результаті додавання тега, вийшло наступне:

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

Начебто все зрозуміло, і нічого складного немає. І якщо раптом надумаєте створити його у себе, то дерзайте, напевно у Вас вийде гарніше ... У моєму прикладі воно вийшло не дуже прикольним, як хотілося б, але я розглянув для Вас робочу частину. Напевно, якщо витратити більше часу, та ще й звернутися до фрілансерам, то можна зробити дуже круту менюшку.

У багатьох бачив, що роблять продовження основного аватара. Виходить як одне ціле зображення. Красиво виглядає. Але для створення такого, потрібно краще розбиратися в фотошопі 🙂.

Також, звернув увагу, що багатьох цікавить питання - як зробити меню групи відкритим, тобто щоб відкрите меню групи вконтакте було спочатку при заході в групу.

Відповідь: Дану можливість наскільки мені відомо прибрали адміністратори Vkontakte. Раніше була окрема кнопочка, щоб меню було фіксованим - відкритому. Потім цю функцію прибрали, і тепер менюшки доводиться відкривати окремо.

Хоча, зустрічав у деяких відкриті за замовчуванням ... і хто то навіть говорив, що існує якийсь код, який справляється з цією проблемою. Але я б не радив використовувати його. Судячи з обговорень на багатьох форумах, адміни це не вітають!

А на сьогодні все. До зв'язку!

Автор публікації

1-2 рази на рік, веду до результату в блогінг, при наявності місць.
Для зв'язку: ok.ru/denis.povaga

Коментарі: 2932 Публікації: 775 Реєстрація: 12-03-2013