Создание меню для группы вконтакте

Оформляла группу вконтакте для фирмы, в которой работаю. Столкнулась с задачей создания меню. Набрала в поисковике «Оформление групп вконтакте». Из полезного получила в ответ огромный пост и получасовое видео. Оказалось, что если не заморачиваться а сделать простое и красивое меню — все гораздо проще чем кажется.

И так, как по-быстрому сделать оформление?

Для начала включим в группе такую возможность.  Заходим в раздел «управление сообществом» и включаем материалы. Теперь на главной странице, при наведении на слово меню появляется надпись «Редактировать».

матерьялы

Если у вас есть фотошоп и вы умеете им пользоваться, все еще проще. Я делала в paint.

Нужно определиться с размерами меню и аватарки по длине. Хорошо чтобы они заканчивались на одном уровне. С шириной все стандартно. Ширина меню – 382 пикселя. Ширина аватарки – 200 пикселей.

vk

Если меню и аватарка составляют единую картинку, не забудьте про белую полосу между ними. Ее не убрать, поэтому с картинки, нужно вырезать сразу.

полоса

Далее нам нужно поделить меню на то количество частей, сколько ссылок мы планируем разместить. Любого размера по высоте. Сохраняем их как отдельные файлы.

нарезка

В окне «Редактирование» загружаем кусочки будущего меню.

пробелы

Если перейти в режим вики разметки <>, можно через вертикальную черту вставить ссылку для перехода.

Например:

[­[photo239952196_322501460|400px72;nopadding;|page-11053617_29800171]] 
photo239952196_322501460 – это ссылка на фотографию.
400px72 — это размер фотографии
nopadding — это тег, убирающий пробелы между картинками
page-11053617_29800171 — это ссылка, на которую будут переходить пользователи группы, щелкая на данный текст на картинке. Узнать ее можно также, как и ссылку на фотографию, просто открыв нужную страницу и скопировав ее из верхней адресной строки браузера.

Если после всех операций между картинками осталось расстояние, проверьте нет ли лишних пробелов.

htl

Еще одна менюшка которую я делала.

бнтон

Вывод: всё просто. Дорогу осилит идущий!

Создание меню для группы вконтакте: 2 комментария

Добавить комментарий

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