Создание графического меню для группы в соц. сети Вконтакте

[rich]

Создание графического меню для группы в соц. сети Вконтакте


Сейчас я расскажу Вам как легко и просто сделать меню для своей группы простого вида.
Что нам понадобится:
- Фотошоп любой версии, либо любая другая программа для создания рисунка в меню
- Image Cut - программа которой мы будем разрезать нашу картинку для вставки в меню.
И не значительные знания в кодах, они будут тут прописаны, итак приступим.

Открываем фотошоп и выбираем любую картинку, я выбрал эту:

[Ссылки могут видеть только зарегистрированные пользователи. ]

Все нужное обведено на картинке, ну и конечно же кнопка для написания текста.

На левой панели выбираем "инструмент Прямоугольник" и рисуем прямоугольник в котором у нас будут кнопки:

[Ссылки могут видеть только зарегистрированные пользователи. ]

И далее к каждой кнопке пишем то что нужно для вас, я написал:

[Ссылки могут видеть только зарегистрированные пользователи. ]

Изменяем размер изображения в ширину до 370 пикселей и сохраняем её.

Далее конечный продут загружаем в программу Image Cut и разрезаем:

[Ссылки могут видеть только зарегистрированные пользователи. ]

Нажимаем кнопку номер 1 и выбираем ту самую картинку.

Далее кнопками 2 расчерчиваем вдоль и поперек картинку, внимание линии разреза будут с самого начала до самого низа, поэтому нажимаем на кнопку курсор и нажимаем на вертикальную черту и видим маленькие точечки в начале и конце кнопки и тащим нижнюю вверх а верхнюю вниз до поперечных линий как показано на картинке выше.

Далее жмем кнопку номер 3.
Вылезло окошко:

[Ссылки могут видеть только зарегистрированные пользователи. ]

выбираем разрешение jpg (где показана цифра 1 на картинке), жмем кнопку под цифрой 2 и сохраняем нажав на кнопку под цифрой 3, как указано на картинке.
Теперь наша картинка разрезана и сохранена на наш компьютер, в отдельную папку, папка указана над кнопкой сохранения в программе.
Далее загружаем все наши картинки в свой альбом в соц сети Вконтакте и открываем еще одну вкладку с нашей группой.
Заходим в исходный код меню группы и начинаем вводить такие коды:

1:

<center>[[photo-25220078_272861170|noborder;370px;nopadding|club25 220078]]
[[photo-25220078_272861172|noborder;185px;nopadding|club25 220078]][[photo-25220078_272861175|noborder;185px;nopadding|club25 220078]]
[[photo-25220078_272861184|noborder;185px;nopadding|club25 220078]][[photo-25220078_272861185|noborder;185px;nopadding|club25 220078]]
[[photo-25220078_272861187|noborder;370px;nopadding|club25 220078]]
[[photo-25220078_272861189|noborder;370px;nopadding|club25 220078]]</center>

где photo-25220078_272861172 - ссылка на картинку сохраненную в вашем альбоме
185px - ширина картинки, её можно узнать когда вы сохраняете разрезанные фрагменты картинки
club25220078 - ссылка, куда пересылает при нажатии пользователя

Далее сохраняем и радуемся.

Все свои вопросы ниже.

автор:

rich - то есть я

результат тут:

http://vkontakte.ru/rozigrish

скчать Image Cut:

http://www.vidon.ru/softportal/progr137.html

[caen]

Цитата: Сообщение от ivan1999

спасибо пригодится

для выражения благодарности есть кнопка [Ссылки могут видеть только зарегистрированные пользователи. ]