Как красиво оформить группу в контакте?

Как красиво оформить группу в контакте?

Наверно, здесь сидит немало людей которые зарегистрированы в контакте, и наверняка кто-то из них имеет статус администратора в своей группе. Ваша группа выглядит серо и не уютно? Тогда инструкция как красиво настроить группу в контакте для вас!

Инструкция

Уровень сложности: Непросто

Что вам понадобится:

  • Photoshop или другой графический редактор
  • Быть Администратором группы

1 шаг

Как красиво оформить группу в контакте?

Начнём с того, что нужна красивая аватарка для группы. Она должна отражать суть данной группы, здесь нужна только ваша фантазия и соответсвенно фотошоп где будут твориться ваши идеи. Не забываем, что максимальные параметры для аватара группы составляют 200 на 800 пикселей.

2 шаг

Как красиво оформить группу в контакте?
с помощью фотошопа я нарисовал вот это меню

Теперь перейдём непосредственно к меню: Во первых нужно готовое меню сделанное в фотошопе. Я обычно беру размер 600 на 600 пикселей, но можно сделать меню намного больше (шире и длиннее). На кнопках можно написать всё что угодно (аудио, видео, новости и т.д). Обратите внимание, что размер меню на главной не должен превышать 390px в ширину, если кнопки баннерные (одна на всю строку). Если у вас два и более столбца, то размер меню будет ~375px. Это оптимальный размер.

3 шаг

Как красиво оформить группу в контакте?

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

4 шаг

После того, как меню и аватар готовы, начинаем редактировать: редактируем информацию группы, загружаем на фото группы сделанный нами аватар. Далее включаем новости (это наша песочница, где будет настраиваться меню), новости можно переименовать, например – навигатор. Далее загружаем СТАНДАРТНЫМ ЗАГРУЗЧИКОМ наше разрезанное меню в альбом группы.

5 шаг

Как красиво оформить группу в контакте?
итог самой работы

После загрузки в альбом: всё, что вам понадобится – это тег “nopadding”. Обратите внимание, что при наличие этого тега пропадают не только пробелы, но и рамки, значит тег “noborder” вам не понадобится. Вставляете его в код так же, как и остальные теги:
[[photo123_456|nopadding;123px| ]] (это пример)

Далее уже идёт проверка ваших знаний на вики разметках в контакте!

Советы и предупреждения:

  • Если вы не знаете, что такое вики разметки и с чем его едят требуйте у автора (то есть меня) инструкцию

Обсуждение

232_micro
Рейтинг
  1. +
  2. 2
FAN0000 (16:43 22.07.2010)

Молодец, оригинально.

275_micro
Рейтинг
  1. +
  2. 2
aloxa (16:43 22.07.2010)

Та вконтакте учебников по Wiki дофига , поставлю плюс потому што не знал розмеров
а так инфы маловато =)
Кому интерестно вот моя группа

208_micro
Рейтинг
  1. +
  2. 2
Heart_Break_Kid (22:44 22.07.2010)

Если писать более подробно, то инструкция будет очень длинной, и наврядли кто-нить её до конца прочтёт))))

443_micro
Рейтинг
  1. +
  2. 1
Виталий Вичкаев (06:03 23.07.2010)

Это верно, вот почему я не люблю писать длииные инструкции, если можно коротко!

Avatar_micro
Рейтинг
  1. +
  2. 2
ртаптпатпсат ипаиа втр (13:35 23.07.2010)

Оцените меню моей группы
За инструкцию +1 хотя я всё это знаю)

418_micro
Рейтинг
  1. +
  2. 1
alex_amir (14:44 23.07.2010)

Отличная инструкция! +2
У меня вопросы. Например я на одной кнопке написал “Фото”, как мне запрограм кнопку, чтобы при её нажатии пользователь попадал именно в какой-то альбом? И в тоже время как запрограмировать остальные кнопки, если картинка одна? И последний вопрос. Можно писать что-то на кнопках сразу в Photoshop?

271_micro
Рейтинг
  1. +
  2. 1
Rastor (22:46 23.07.2010)

alex_amir
Копируешь ссылку альбома и вставляешь [[photo XXX|352×30px;nopadding;noborder;|СЮДА]]

527_micro
Рейтинг
  1. +
  2. 2
cannabis (23:36 23.07.2010)

Хорошая инструкция=) сразу видно, умеешь))) Долго учился?

208_micro
Рейтинг
  1. +
  2. 0
Heart_Break_Kid (23:38 23.07.2010)

alex_amir

смотри 3 шаг, я там подробно написал как разрезать картинку.Тогда из одной будет несколько(как пазл)
Не только можно но и нужно, писать надписи на кнопках сразу!

519_micro
Рейтинг
  1. +
  2. 2
sana011 (23:57 23.07.2010)

прикольненько)я оценю конечно!!!….только у меня нет баллов!дайте 2 балла я оценю!

208_micro
Рейтинг
  1. +
  2. 0
Heart_Break_Kid (00:01 24.07.2010)

cannabis

около 2 недель

527_micro
Рейтинг
  1. +
  2. 2
cannabis (00:07 24.07.2010)

Понятно=) У меня проблемы только с ФШ и с другими редакторами… А так вики-разметки и язык проектирования знаю не плохо)))

Avatar_micro
Рейтинг
  1. +
  2. 1
chuFAK (17:39 25.07.2010)

+

717_micro
Рейтинг
  1. +
  2. 1
Artemis-x (17:00 26.07.2010)

Такое меню сейчас делают максимальное количество Админстраторов в ВКонтакте.

Это красиво, но уже не “Интересно”.

Придумайте новое, оригинальное меню. Желательно простое

208_micro
Рейтинг
  1. +
  2. 0
Heart_Break_Kid (22:55 26.07.2010)

Artemis-x

А почему бы тебе этим не заняться?

Avatar_micro
Рейтинг
  1. +
  2. 2
ртаптпатпсат ипаиа втр (01:52 27.07.2010)

А чё, можно сделать)Тока подкиньте идейку?

208_micro
Рейтинг
  1. +
  2. 0
Heart_Break_Kid (02:00 27.07.2010)

SouthKeNNy

Это ты на счёт чего?)))

680_micro
Рейтинг
  1. +
  2. -1
BboyVaniaMan (15:33 28.07.2010)
Комментарий скрыт. Показать
Avatar_micro
Рейтинг
  1. +
  2. 1
Milykh (19:36 11.08.2010)

За инструкцию большое спасибо :) в принципе все получилось, но! боже, объясните мне… разве нельзя таким же макаром дать ссылку не только на фотоальбом, а, скажем, на обсуждения? бьюсь пол дня, ну не выходит какменный цветок(((((( на фото работает ссылка, а на обсуждения НЕТ! Помогите пожалуйста
[[photo-ХХ_YY|nopadding;375px|http://vkontakte.ru/photosSS]] – эта ссылка работает, попадаю в фотоальбомы свои
[[photo-ХХ_YY|nopadding;375px|topic-00_000]] – а эта не работает, попадаю тупо в альбом группы на эту фотку (ну фрагмент из нарезки)

208_micro
Рейтинг
  1. +
  2. 1
Heart_Break_Kid (01:23 12.08.2010)

[[photo-0000000_0000000|http://vkontakte.ru//topic-0000000_00000000]]

рад помочь

184_micro
Рейтинг
  1. +
  2. 1
igorekthe1 (05:31 17.08.2010)
472_micro
Рейтинг
  1. +
  2. 0
Матвей Смирнов (21:13 08.09.2010)

Супер инструкция

066_micro
Рейтинг
  1. +
  2. 2
white_bars (22:49 12.10.2010)

отличная инструкция!тебе +!

164_micro
Рейтинг
  1. +
  2. 0
atomcorp (15:06 01.12.2010)

спасибо, щас сразу и заценим)

392_micro
Рейтинг
  1. +
  2. 0
cena2 (23:36 27.12.2010)

Не плохо потуму держи +.

887_micro
Рейтинг
  1. +
  2. 0
manchester456 (20:56 08.02.2011)

народ я нифига непоня плиз кто нибуть зайдите в мою группу и сделайте мне плиз её вот адрес
http://vkontakte.ru/club23940413
в личку пишите акак

народ а ето должнабыть картинка или менюшка

506_micro
Рейтинг
  1. +
  2. 0
detko (20:09 24.02.2011)

народ я не врубилась можете помочь с группой плжалуйстааааа) http://vkontakte.ru/club24349999
пишите в личку)жду

Avatar_micro
Рейтинг
  1. +
  2. 0
4ebura6ka (04:06 19.06.2011)

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

Avatar_micro
Рейтинг
  1. +
  2. 0
Tolya123_2 (07:21 26.06.2011)

Помогите пожалусто мне, ато я не могу :((
http://vkontakte.ru/id120981408#/id120981408 вот моя страница, пишите, я пакажу вам маю групу, и вы мне немножко поможете. Пожалусто.

Ваш комментарий

Запросить инструкцию

Не нашли нужную пошаговую инструкцию?
Возможно, что кто-то из посетителей сайта сможет помочь. Оставьте запрос прямо сейчас, если Вы уверены, что эта тема ещё не освещена на нашем проекте!

Рейтинг
  1. +
  2. 8
28
109647