Создание подходящего изображения



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


Приступите к созданию кнопок. Сначала необходимо с помощью линейки определить середину прямоугольника, в котором будет располагаться меню (185 пикселей) и создать новый слой. С помощью инструмента «Прямоугольник» сделайте кнопку и уменьшите прозрачность до 60%, затем сделайте дубликат слоя и расположите его в нужном месте. Когда все кнопки будут готовы, на них необходимо написать названия. Для этого кликните на слой и примените инструмент «Т».



После того как все надписи выполнены, объедините слои, скопируйте полученное изображение при помощи сочетания клавиш Ctrl+C и создайте новый документ. Вставьте скопированное вами получившееся меню с кнопками. Далее инструментом «раскройка» выделите кнопки с надписями и сохраните полученные изображения. Все картинки, полученные при работе в «Фотошопе», сохраните в отдельной папке и загрузите эту папку в вашу группу Вконтакте. Поскольку данные изображения – ваш рабочий инструмент, в настройках альбома поставьте ограничение на просмотр «Только администраторы группы».


Создание кнопок меню и соответствующих страниц



Наведите курсор мыши на «Меню» вашей группы. Справа от надписи «Меню» вы увидите кнопку «Редактировать». Нажмите на нее. Откроется поле для вставки изображений. Справа нажмите кнопку «Визуальный режим редактирования». Вставьте подготовленные вами изображения с помощью кнопки «Добавить фотографию». Каждое изображение необходимо вставлять в новую строку, чтобы в итоге у вас сложилась единая картинка из заранее «разрезанных» частей. Нажмите кнопку «Сохранить».


Нажмите кнопку «Режим wiki-разметки». Вы увидите код ваших изображений вида «[[photo-11111111_303464615|370x63px| ]]». Создайте страницы, на которые будут вести ваши кнопки. Для этого отступите несколько строк от ваших изображений и напишите код создания страниц вида [[Страница1]], где текст «Страница1» замените текстом названия вашей кнопки. Создайте столько страниц, сколько будет кнопок.

Откройте каждую страницу в новой вкладке браузера. Нажмите кнопку «Редактировать» на каждой открывшейся странице. В строке браузера после нажатия на данную кнопку вы получите адреса ваших страниц вида «https://vk.com/page-11111111_111111111?act=edit».

Снова вернитесь в визуальный режим редактирования. Нажмите на первую картинку, откроется окно с параметрами, где будет строка «Ссылка» для адреса страницы, на которую будет вести картинка. Вставьте в строку соответствующую ссылку на страницу меню. Нажмите «Сохранить». Аналогично вставляются ссылки для каждого изображения. Если вы вернетесь в режим wiki-разметки, ваше меню будет состоять из нескольких ссылок, записанных в столбик.

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