Как оформить группу ВКонтакте и создать красивое графическое меню

Автор: Сушинский.

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

Рассмотрим всю процедуру по этапам.

Этап 1

 

Включаем фотошоп (Как оформить группу вконтакте без фотошопа лучше не справшивать!). Создаем новый документ 630 на 725 пикселей, для заливки используем белый цвет. Затем мы вырезаем в слое два окошка, через которые будет просматриваться собственно графическое оформление. Для этого выделяем прямоугольник размером 200 на 710 пикселя и клацаем Del. Затем выделяем прямоугольник 382 на 442, совмещаем прямоугольники по низу, и вновь жмем Del.

Этап 2

Затем под этим слоем размещаем все графическое оформление. Это может быть картинка с основным фоном, сопровождающий текст, пункты меню.

Этап 3

Затем правый прямоугольник сохраняем отдельным изображением размером 200 на 710 пикселя. Теперь оно представляет собой готовую картинку для оформления группы. Его загружаем в блок, который находится в правом верхнем углу, где указано Загрузить фотографию.

Левое изображение нарезаем на несколько изображений по количеству пунктов меню. Например, если пунктов меню 5, то нарезаем соответственно 5 картинок шир. 382 пикселя и выс. не менее, чем 50 пикселей.

Этап 4

Затем загружаем наши пять изображений в основной альбом вашей страницы ВКонтакте: Мои фотографии/Альбомы/Добавить фотографии. Затем переходим на страницу группы и непосредственно под описанием группы останавливаемся на блоке «Новости». Жмем «Редактировать».

Этап 5

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

Таким образом, копируем код, находящийся в окне ниже и вставляем его в окошко «Исходный код». А вот дальше вам в коде нужно будет изменить слово «photo» на названия ваших изображений, указать высоту файла (ширина автоматически задана 382 пикселя) и выставить url ссылок меню группы. Имя файла можно посмотреть в альбоме. Если открыть картинку, то у нее будет приблизительно такой url http://vkontakte.ru/photo72160765_272239413. В данном случае название картинки это «photo72160765_272239413».

Этап 6

Заметьте, для того, чтобы картинки совместились, нужно сделать описание группы в десять строк, название группы в одну строку  и url вашего сайта в одну строку.

 

Об авторе:

-

Я приветствую вас на авторском блоге Tytto.ru

Основные темы блога - это решение различных проблем и вопросов с CMS Joomla и Wordpress, а так же практика продвижения сайтов - SEO, SMO и SMМ.

Если у вас заинтересуют мои услуги или у вас есть вопрос - все мои контакты есть в соответствующем разделе - заходите, не стесняйтесь.