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

Вот моя группа в контакте http://vk.com/kopirka_ekb?ad_id=123. Недавно я обновил в ней меню, а точнее сделал его как бы продолжением аватара. Теперь смотрится намного лучше.меню-группы-в-контакте

Если и вы хотите сделать красивое меню для своей группы в контакте, вам нужно будет:

  1. В разделе “Управление сообществом” настроить описание группы так, чтобы вам долго не захотелось его менять, ибо изменение  количества строк в описании сдвигает меню и оно окажется не вровень с аватаром, что нарушит целостность композиции. Там же нужно включить “материалы” – поставить опцию “ограниченные”, это чтобы появилась кнопка “свежие новости”, нажимая которую вы попадаете в окно редактора, где собственно и делаете меню.
  2. Нужно определиться с размером аватара. Максимальные размеры его допускаются 200 х 500 px. Если меню у вас предполагает много пунктов, то желательно делать аватар максимально длинным, если конечно у вас есть задача выровнять меню и аватар по нижней границе – как у меня.
  3. Измерить размер будущего меню. Для этого нужно загрузить в группу аватар или просто прямоугольник с размерами аватара – болванку. Далее нужно измерить в пикселях расстояние от нижней кромки аватара до верхней кромки серого прямоугольника с надписью “ко всем записям”.замер-меню Способов измерить много. Я для этого делаю скриншот, закидываю в фотошоп и измеряю там. После измерений вы получите высоту будущего меню. Максимально допустимая ширина меню 388 пикселей – такую и рекомендую оставить.
  4. Теперь в фотошопе располагаем 2 прямоугольника  – один с размерами аватара, другой с размерами меню в одном документе так, как предполагается будут расположены аватар и меню в группе – то есть рядышком и выровняв по нижнему краю.
  5. Рисуем композицию меню с аватаром в границах прямоугольников из п.4 и раскраиваем все это по размерам аватара и полосок с пунктами меню. То есть вы получаете отдельно  аватар и полоски шириной 388 пикселей и высотой в соответствии с вашими пунктами меню в виде jpg или png файлов.
  6. Ставим аватар на место в группу и закидываем картинки с пунктами меню в отдельный скрытый фотоальбом своего аккаунта в контакте.
  7. Пишем код в редакторе который открывается по ссылке “свежие новости”, последовательно для каждой картинки – пункта меню:[photoххххх|nopadding;388px|ваша ссылка]], где ххххх – это Id картинки из вашего скрытого альбома. Не забудьте в заголовке изменить саму надпись “свежие новости” на что-то свое – скажем на “меню группы”.

Для того чтобы при переходе по ссылке на вашу группу меню было сразу открыто, следует к ссылке на группу добавлять вот такой хвост ?ad_id=123
- последние три цифры могут быть любыми. 

Уверен что вы толком ничего не поняли – поэтому смотрите видео обо всем этом и оформляйте свои группы в контакте красиво:

Непременно поделитесь с друзьями!

Метки , , , . Закладка постоянная ссылка.

Один Комментарий к статье: Как сделать красивое меню группы в контакте?

  1. Хороший пост, спасибо!

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>