Оформление группы в социальной сети «В контакте»

Tweet

Наверняка многие из людей которые сидят в сети «контакт» являются администраторами различных групп. Этих групп бесчисленное количество, но многие из них маленькие группы (не более 100-200 человек). Возникает вопрос! А почему в этих группах так мало людей? Вроде сама тема группы довольно таки интересна! А дело в том что ленивые администраторы группы ничего не делают в развитие группы. Ведь зачастую люди увидев интересное оформление группы сразу вступают в неё,  даже если им мало интересна эта тема группы. Сегодня научимся делать  оформление группы в вконтакте .  Начнём пожалуй.

(внимание!что бы у вас всё получилось, и ничего вашим фантазиям не мешало используйте фотошоп С3)

Хотелось бы начать с того что в оформление группы лежит ВИКИ-разметки, которая позволяет легко и быстро размечать в тексте структурные элементы и гиперссылки, форматировать и оформлять отдельные элементы.
И самое первое что мы сделаем это создадим аватар.аватар должен отражать суть данной группы ( может содержать название группы,  её id, вообщем всё что пожелаете. Только не перемудрите!). Максимальный размер аватара для группы 200х800px.Что бы вставить аватар в группу нужно в верхней строке информация нажать на редактирование, далее фотография.

Информация ВконтактеSEO Vkontakte

Теперь мы перейдём непосредственно к самим вики-разметкам.
Вашим рабочи местом ( её называют «песочница») будет раздел где пишут обычные новости группы .что бы включить новости нужно в информации поставить галочку над новостями (кстати раздел новости тоже можно переименовать в информации, например назвать-навигатор)
Теперь когда появился раздел новости, нужно нажать напротив новостей на редактирование. Ну вот мы и на рабочем месте !!!

Что бы узнать о вики разметках вы можете зайти в официальную группу в контакте http://wiki.vkontakte.ru/
Либо набейте в поисковик.Просто их достаточно много, и лишний раз их переписывать неохота)))

Теперь я расскажу вам как сделать кликабельное меню.

1)Нужно сделать готовое меню в фотошопе.Здесь только действует ваша фантазия, но не забывайте что максимальная длина картинки на главной – 380px.
После того как вы сделали картинку с тематикой на тему группы, нарисовали в нём кнопки( они могут быть различными: музыка, новости, правила и т.д.) перейдём к следующему шагу.

Меню vkontakte

2) Часть 1:
У вас имеется готовое меню, которе необходимо разделить на кнопки и сохранить для последующего использования. Самый простой и быстрый способ — инструмент «Раскройка» в Фотошопе. Есть два способа, как воспользоваться данным инструментом: Объедините видимые слои или выполните сведение

Первый способ:

Взяв инструмент «Раскройка», вы выделяете области необходимые для использования вручную. Желательно при таком методе смотреть на «Инфо», чтобы знать выделяемый размер. Желательно, чтобы все кнопки были одного размера, это сильно упростит вам процесс создание меню.

Второй способ:

Вы берете инструмент «Раскройка» и кликаете правой кнопкой мыши на изображение и выбираете опцию «Разделить на фрагменты». Далее всё интуитивно понятно: разделение по горизонтали и по вертикали. Можно задать как количество строк/столбцов, так и размер в пикселях.
Сохраняем «нарезку»
Для сохранения результата открываем Файл, спускаемся вниз и выбираем Сохранить для Web и устройств.

В появившемся окне выбираем формат (желательно jpeg), ставим галочки напротив Постепенно и ICC-фильтр, а также Качество ставим на 100. Сохраняем.

Обратите внимание, что после сохранения, в папке, которую вы указали, создается ещё одна папка images, именно в ней сохранены фрагменты.

Часть 2:

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

После загрузки в альбом:
Всё, что теперь вам понадобится — это тег «nopadding«. Обратите внимание, что при наличие этого тега пропадают не только пробелы, но и рамки, значит тег «noborder» вам не понадобится. Вставляете его в код так же, как и остальные теги:

[[photo123_456|nopadding;123px| ]]

Обратите внимание, что размер меню на главной не должен превышать 390px
в ширину, если кнопки баннерные (одна на всю строку).
Если у вас два столбца и более, то размер меню будет ~375px

Важно знать:

Качество изображений теряется (происходит пикселизация) при размере менее 130px

109 Комментариев к посту Оформление группы в социальной сети «В контакте»

  1. Руслан (19 comments) 15 сентября 2011 at 17:36 #

    Попробую оригинально оформить группу в В контакте согласно данным советам для ее дальнейшего развития.

    SEO Респект Thumb up 1 Thumb down 0

  2. Сергей (41 comments) 28 августа 2011 at 18:54 #

    Не надо ничего заливать на сторонние ресурсы,вся фотонарезка заливается в альбом группы,назвать его к примеру «системный» и закрыть доступ.Можно нарезку делать с помощью программы Image Cut, довольно удобно

    SEO Респект Thumb up 0 Thumb down 1

  3. KonkusМЭН (3 comments) 28 июня 2011 at 21:22 #

    Картинки заливали на бесплатный фотохостинг что ли?

    SEO Респект Thumb up 0 Thumb down 0

  4. Ivan (4 comments) 22 мая 2011 at 1:31 #

    Группы вконтакте сегодня практически умерли. Очень большой популярностью пользуются public-страницы. В них проще входить (не надо в куче групп лазить, чтобы нужную найти), и проще раскручивать (вирусное распространение можно очень быстро сделать).

    SEO Респект Thumb up 0 Thumb down 1

  5. Stepdown Transformer (1 comments) 3 мая 2011 at 16:18 #

    It was just informative news sharing and it’s really helpful for everyone. Thanks for that.
    - Stepdown Transformer

    SEO Респект Thumb up 0 Thumb down 1

Добавить комментарий