Урок 146 Как сделать в группе вконтакте меню

03.09.20168736

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

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

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

  1. Для начала нужно создать макет меню - это рисунок или фон, на котором прописаны основные направления, ссылки меню. Создать макет можно при помощи программы, предназначенной для работы с графическими изображениями, например Photoshop или стандартный Paint, если картинка простая. При владении Photoshop на хорошем уровне можно нарисовать фон самому.

У нас будет вот такой вот простой фон.

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

При выборе картинки нужно определиться с её размером, это зависит от количества пунктов ссылок. Например, можно взять рисунок размером 500×500 пикселей.

Чтобы открыть файл в редакторе нужно нажать «файл», далее «открыть…» и выбрать нужный рисунок.

С помощью текста, оформите свое меню. Слева нажмите букву T и введите название пунктов меню.

делаем меню вконтакте

  1. Далее макет меню надо нарезать на части, выделив кнопки, по которым можно будет перейти в нужные разделы. Для этого надо воспользоваться инструментом «раскройка» (Slice Tool). Нажмите букву "C" и выберите раскройка (правой кнопкой мыши на элементе).вконтакте меню легко

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

  2. Теперь полученное изображение необходимо сохранить. Для этого надо выбрать «Файл», далее «сохранить для Web и устройств», или заменить эти действия сочетанием клавиш Alt+Ctrl+Shift+S.сохраняем готовое меню
  3. В настройках при выборе типа файла надо выбрать JPEG, качество – максимальное, поставить галочки напротив «Прогрессивный»  и «Встроенный профиль», далее нажимаем «сохранить». Теперь получится такое количество изображений, на сколько частей оно было нарезано.
  4. Готовый каркас для меню группы Вконтакте создан, осталось его загрузить непосредственно в саму группу.  Для этого надо загрузить изображение в фотоальбом группы с помощью стандартной загрузки фотографий. Тут нужно учесть следующий момент: при загрузке в альбом фотографий необходимо соблюдать порядок, в котором они располагаются.
  5. Затем необходимо зайти в раздел «Свежие новости», который находится выше раздела «фотографии». Если такой раздел у вас отсутствует, то надо в группе зайти в раздел «управление сообществом» и убедиться, что подключен раздел «материалы».Как сделать в группе вконтакте меню5
  6.  В разделе «новости» надо нажать на клавишу «редактировать», откроется текстовый редактор. В редакторе нужно прописать свой заголовок, а еще включить режим wiki-разметки. Wiki –разметка это специальный язык разметки, используемый для оформления текста на Web-сайтах. Чтобы включить wiki-разметку необходимо нажать на пиктограмму ромба.Как сделать в группе вконтакте меню6
  7. В режиме редактирования надо выбрать «исходный код», в нем проще всего оформить меню группы Вконтакте.
  8. Для того чтобы собрать меню в единое целое, необходимы ссылки на фото каждой части меню. Для того чтобы их узнать, надо открыть фотографию в альбоме и посмотреть в строку браузера. Теперь надо эти ссылки скопировать, но не стоит копировать всю ссылку целиком, а только ее часть, содержащую слово photo и цифры. Например:  photo5634052_195301019.Как сделать в группе вконтакте меню7
    Как сделать в группе вконтакте меню8
  9. Скопированную ссылку надо вставить в исходный код в режиме редактирования меню. Ссылку необходимо прописывать в квадратных скобках!
  10. Далее ставится знак | и прописывается 370px, далее ставится знак ; и прописываются следующие теги: noborder и nopadding.

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

noborder – это тег, убирающий рамку (его можно не прописывать, если необходимо, чтобы рамка осталась).

nopadding — это тег, убирающий пробелы между картинками, позволяя меню выглядеть как единая картинка.

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

 [[photo5634052_195301019|370px;nopadding;|page-11053617_29800171]]

page-11053617_29800171 — это ссылка, на которую необходимо перейти, щелкая на данную картинку.

  1. В разделе «исходный код» прописываемый код должен быть указан столько раз, сколько необходимо создать разделов. При этом в прописываемом коде меняется ссылка на фото (изображение меню) и ссылка перехода.
  2. Нажав на кнопку «Просмотр» можно увидеть, как будет выглядеть меню.

Если все устраивает, то надо нажать «сохранить результаты» и все - меню Вконтакте готово!

Следующий урок: Как снять деньги с вебмани.
Предыдущий урок: Как заработать биткоин.

Хочешь быть умнее, чем другие? Зарабатывать больше? Читай еще: