Как Сделать Аватарку для Группы Вконтакте

06/10/ 2013

Приветствую вас, Уважаемые читатели!

Многих наверно сильно напрягает меню группы в Вконтакте, которое чтобы раскрыть нужно кликнуть на него и мало того – не все замечают его! Пример такого офорление я давал в прошлом своем уроке. Хотя, кто помнит, ранее раскрывать блок меню не нужно было, а момент раскрытия стал новой фишечкой ВК, посчитав наверное что данная область малозначима.

Несомненно у многих из нас возникал вопрос: «Как сделать фиксированное меню?». Меню, которое не нужно раскрывать и оно будет всегда заметным для пользователя!

Такое решение есть и сейчас вы его увидите сами ;)

Как сделать фиксированное меню или как закрепить меню вверху группы?

❶ Создаем дизайн для главной страницы группы

В данном случае я сделал дизайн по следующим пропорциями, указанным на картинке ниже (желтая – это рабочая область):

В итоге получился вот такой вот дизайн группы:

❷ Создаем дизайн для непосредственной страницы с меню, на которую мы попадем после клика на расположенную слева от аватара картинку (ширина страницы с меню 600px).

❸ Вырезаем аватар. В данном случае его размер у меня 200x307px.

❹ Вырезаем и сохраняем отдельно левую картинку, при клике на которую откроется всплывающее меню. В данном случае размер кликабельной картинки у меня 395x289px.

❺ Загружаем аватар, растягиваем области и нажимаем «Сохранить и продолжить».

В итоге, аватар уже стоит!

❻ Открываем соседнюю вкладку в браузере и вводим в поле URL следующее: где хххххххх – это ID вашей группы;