Как оформить группу вконтакте
Привет всем друзья! Наконец то я смог побороть свою лень, и сегодня друзья я решил написать длиннопост о том как оформить группу вконтакте. На самом деле это достаточно простой процесс и даже та самая wiki разметка которую многие так боятся,достаточно проста. Статья будет условно разделена на 2 части, в первой части, мы создаем меню в фотошоп, во второй части ставим эту меню в группе, и так если вам интересна данная статья, то прошу под кат!
И так друзья, открываем наш любимый фотошоп, и создаем новый документ размером 600х750, думаю этого нам вполне хватит. Теперь нам необходимо в это документе вырезать два окна, первое окно это само меню, а второе окно, это непосредственно сама аватарка. Размеры меню (382х232) размеры аватарки (200х500) выглядит все примерно так:
Далее друзья, оформляем все по своему вкусу. Я конечно не гуру в фотошоп, и все что пришло мне в голову это найти просто интересную картинку, и разрезать её на 2 части, первая часть это меню, а вторая часть соответственно аватарка, вот что получилось:
Так же друзья, не забываем что аватар, область самого меню, и все кнопки которые расположены на нем являются отдельными слоями, это в дальнейшем упростит нашу с вами работу. Сразу же не отходя далеко от нашего шаблона, сохраняем аватарку то бишь правую картинку, размер если вы не забыли 200х500, это по сути уже готовая картинка к оформлению нашей группы, и выглядит все примерно так:
Ого, уже совсем не плохо. Мне уже начинает нравится=). Друзья, теперь нам необходимо разрезать нашу область меню, для этого лучше всего использовать направляющие линии в фотошопе, что бы у вас получилось все ровно и точно. После обвода линиями у меня получилось вот что:
Теперь осталось все это дело разрезать ровно по линиям, вот собственно и сам результат после того как я разрезал все по направляющим линиям.
Теперь нам осталась самая малая часть. Нам необходимо закрепить наше меню в группе вконтакте. Переходим в нашу группу вконтакте, открываем меню «Управление сообществом» затем выбираем материалы и ставим «Ограниченные» далее не забываем все сохранить. После этого мы сразу под описанием группы заметим Вкладку «Свежие новости» а рядом кнопку «Редактировать» скрин ниже (в данном скрине я изменил уже название «Свежие новости» на «Меню группы«).
После того как вы нажали на кнопку «Редактировать«, в открывшемся окне выберите кнопку «Визуальный режим редактирования«.
Затем нам необходимо добавить все фотографии которые мы разрезали, и желательно добавлять все картинки по порядку, что бы в конечном итоге все разрезанные картинки могли составлять полноценную картинку. Для того что бы добавить картинки соответственно нажмите на иконку фотоаппарата, и вперед. Не будем забывать что мы будем пользоваться wiki разметкой, соответственно при добавлении наших картинок, вы будете видеть wiki код, а не саму картинку. И так после того как вы добавили все картинки у вас должен появится примерно такой код:
[tip]
[[photo175208549_310246730|382x71px;nopadding|]]
[[photo175208549_310246731|382x46px;nopadding|]]
[[photo175208549_310246732|382x46px;nopadding|]]
[[photo175208549_310246734|382x70px;nopadding|]]
[/tip]
Давайте по быстрому разберем данный код. На самом деле тут все предельно ясно. Первое photo и цифры, это сгенерированное название альбома с картинками, и непосредственно название самой картинки. Ещё такой момент друзья, ;nopadding вы должны будете добавить сами, так как этот wiki позволяет убрать отступы между разрезанными картинка, и превращает их практически в цельную картинку. Окей по моему тут все ясно, и мы с вами тут без роблем разобрались, теперь остался наверное последний шаг, нам необходимо добавить ссылки к нашим меню, ведь куда то же меню все равно должно вести, это могут быть ссылки на какие нибудь обсуждения в вашей группе, либо вести на какой нибудь фото или видеоальбом особенно часто это используют в группах где есть сериалы или какие нибудь другие фильмы. Че то я сильно отошел от темы, и так давай прикрепим ссылки, в данном случае все ссылки у меня будут идти на мой блог.
[tip]
[[photo175208549_310246730|382x71px;nopadding|http://wordpressu.ru ]]
[[photo175208549_310246731|382x46px;nopadding|http://wordpressu.ru/category/ ]]
[[photo175208549_310246732|382x46px;nopadding|http://wordpressu.ru/category/plaginyi ]]
[[photo175208549_310246734|382x70px;nopadding|http://wordpressu.ru/karta-sayta ]]
[/tip]
Ну вот как то так. Теперь мы сохраняем наше созданное меню, и смотрим что у нас получилось.
А вот ссылка на саму группу vk.com/wordpressu, если хотите по подробнее рассмотреть. Так вроде ничего нигде не забыл. Если будут вопросы прошу в комментарии. Так же друзья, буду благодарен если вы сделаете ретвиты, или репост в социальные сети.
По всем вопросам обращаться в комментарии, буду рад ответить на любые интересующие вас вопросы.
О, то что нужно. Я решил теперь группу создать. В паблике не могу найти возможность пригласить друзей. В группе это есть. Кстати, а паблик так вариант оформить?
Паблик оформляется немного по другому=) как раз дал пищу для следующего поста=)
Жду, а то мне что то лень самому там разбираться.
хах, следующий пост будет про оформление паблика вконтакте=) специально для тебя!
Спасибо, Тима, полезная информация. Сделал, все получилось.
Всегда пожалуйста, рад что урок вам помог.
P.s скиньте пожалуйста ссылку на вашу группу, хочу посмотреть что да как)
Подскажите что такое паблик в контакет? Или где можно найти инфу по паблику в контакте. В чем отличие паблика от группы?
Вот тут можете посмотреть в чем отличаются паблик и группа вконтакте))
СПАСИИИИБОООО!!!! Давно искал)))) У вас супер сайт) спасибо большое за огромное количество инфы. создал и себе http://vk.com/astrawat
Все же есть добрые люди на свете!!! Долгоне мог понять как создавать ссылки на внутренние группы, но потом решил проблему) спасибо)
Ух ты)) спасибо вам за такой отзыв)) рад что я смог вам помочь))
Доброго времени суток. А Вы знаете, что есть такой вот сервис http://groupdesign.by , который позволяет делать то же самое, только горааааздо-гораздо быстрее. Просто загружаете в него изображение, выбираете группу и выделяете области, которые надо сделать ссылками. Остальное все делается сервисом!
Очень интересно))) обязательно гляну на этот сервис, и сделаю обзор)) я так полагаю что это ваш сервис?
Да, мой. Если будут какие-то вопросы — почту Вы знаете. Контакты можно найти и на сайте.
Окей, идея проекта классная держи 5+ )))