///

Интересное

Меню группы ВКонтакте

меню с вики разметкой для группы вконтактеМеню и аватар это лицо группы ВКонтакте. Плохо оформленная группа не вызывает доверия. Потратьте полчаса своего времени на красивое оформление группы и вскоре вы увидите положительный результат.

 

 Я уже писала в одной из прошлых статей как бесплатно раскрутить группу вконтакте. Но прежде чем приступить к раскрутке группы, нужно привести её в порядок сделать красивое меню.

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




 Меню группы должно сочетаться с аватаром по стилю и оформлению, поэтому их лучше делать одновременно. В прикрепленном шаблоне вы увидите заготовку для оформления меню и аватара группы вконтакте. В разных слоях есть 2 варианта меню: 

- закрепленное, которое видно всё время

- Скрытое, не закрывает информацию о группе, но открывается по нажатию

меню группы вконтакте как сделать + шаблоны

 Я буду делать скрытое меню, тк не хочу закрывать основную информацию о фирме .

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

 Картинки для меню и шаблоны кнопок можно найти в поисковике. Я использую для этого гугл поиск по картинкам. Запрашивайте «шаблон синих кнопок» или «синий фон с цветочками»

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

Откройте файл шаблона с расширением psd. Отключите ненужные слои. Слой с шаблоном всегда должен быть наверху.

Загрузите выбранную картинку для фона. Расположите так, чтобы не оставалось пустых мест. Нарисуйте кнопки или вставьте уже готовые. Подпишите всю необходимую информацию.

На аватаре обязательно напишите название группы или организации и контактные данные. Учтите, что на превью будет видно только квадрат от всего аватара, поэтому постарайтесь вместить логотип и название в квадратную зону.

Когда визуально меню и аватар будут готовы, сохранием документ с расширением psd.

Переходим к нарезке меню. 

Используя инструмент crop tool  выделяем область аватара ровно по границам. Нажимаем Enter, чтобы изменения вступили в силу.  Отключаем слой с маской меню.

меню группы вконтакте как сделать + шаблоны

 Сохраняем новый документ с расширением jpq ( файл/сохранить как).   Картинка для аватара готова.

меню группы вконтакте как сделать + шаблоны

Затем возвращаемся в документ и на вкладке History ( история) возвращаемся к действию перед командой  crop. Таким образом отменится обрезка и документ обретёт первоначальный вид.

меню группы вконтакте как сделать + шаблоны

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

 

Устанавливаем аватар и меню в группу Вконтакте

Чтобы загрузить аватар в группу, нужно навести курсор на аватар группы и нажать «загрузить новую фотографию». Далее следуйте инструкции.

 меню группы вконтакте как сделать + шаблоны

 Чтобы загрузить всплывающее меню по клику  нужно нажать кнопку «Редактировать». Появится диалоговое окно, в котором указываем путь к картинке на вашем компьютере и жмем «Сохранить страницу».

меню группы вконтакте как сделать + шаблоны

Теперь меню и аватар для группы загружены. Смотрим всё ли правильно встало и надо ли где-то подкорректировать. 

Вы видите, что меню группы еще не активно.

меню группы вконтакте как сделать + шаблоны

 

Делаем интерактивное меню с помощью wiki разметки.

Открываем файл  меню.jpq    в фотошопе и нарезаем его на фрагменты. Для этого используем инструмент  Slice tool  ( он спрятан во всплывающем меню кнопки  crop tool) 

Проведите линии на рисунке между кнопок. Смотрите, чтобы все области были активны (отмечены синим)

меню группы вконтакте как сделать + шаблоны

После этого нажимаем кнопку Файл/сохранить для Web. В появившемся окне нажимаем «сохранить». В указанном месте появится папка которая содержит несколько фрагментов меню ( в моём случае 3)

меню группы вконтакте как сделать + шаблоны

Загружаем разрезанное меню в группу ВКонтакте, предварительно удалив старое меню.

Вы видите, что между изображениями есть расстояние и это не красиво выглядит. Устранить это расстояние можно в режиме wiki разметки (кнопка 2)

меню группы вконтакте как сделать + шаблоны

Так выглядит меню в режиме wiki разметки. Во второй и третьей строчке показано, как выглядело до редактирования. 

В первой строчке уже дописаны необходимые параметры:

1. noborder — убирает границы

2. nopadding — убирает отступы между изображениями.

3. ссылка 

В итоге каждое изображение приобретает вид:

[[ссылка на изображение|размер;noborder;nopadding|ссылка на сайт]] 

меню группы вконтакте как сделать + шаблоны

 

Нажимаем кнопку сохранить. 

Переходим на страницу группы и любуемся новым меню. 

В скором времени я расскажу как сделать закреплённое меню.

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

При нажатии на которое будет появляться окошко с большим меню. 

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

 Интересующие вопросы можете задавать в комментариях.

Бесплатно скачать шаблон для создания меню можно с яндекс диска 

  Понравился данный материал, расскажите о нём свои друзьям в социальных сетях.

Похожие статьи

  Раскрутка группы ВКонтакте                                   Заработок в интернете

раскрутка группы вконтакте                    Заработок в интернете

Дополнительная информация

Яндекс.Метрика