Не работает nopadding вконтакте: Дожились. Вопрос по группе ВК. Не удаляются отступы? — Хабр Q&A

Проверочные задания | Лекториум

22 июля, 2017 — 14:05

#102

Евгения Кац «Бо…

Не в сети

Добрый день!

Если фотография в меню получается по всей ширине, она разбивается в приложении и мобильной версии ВК, а если уменьшить её так, что она хорошо смотрится там, то с экрана компьютера она несколько маловата (не заполняет меню по ширине), это нормально? Или достаточно сделать так, чтобы хорошо смотрелось на компьютере?

22 июля, 2017 — 23:40

#104

piewithcherry

Не в сети

Добрый вечер! Создала в Логастере логотип, однако бесплатно он дает скачать только в маленьком разрешении. Следовательно в обложку группы его загрузить не удается. Следует купить платный аккаунт?
Спасибо!

23 июля, 2017 — 14:27

#107

Alpari

Не в сети

Добрый день! К сожалению, только сегодня загрузила домашнее задание по 2 уроку. Загрузила ответом на 3 урок, т.к. там уже не принимается. Его не будут смотреть да?

23 июля, 2017 — 15:30

#109

Markech

Не в сети

подскажите, пожалуйста, а как быть с созданием вики-страницы, если у нас давно не номер паблика, а название: https://vk.com/otkaznikiru

я имею в виду в от это:

Ссылка для подключения вики-страниц в сообществах: https://vk.com/pages?oid=-XXXXX&p=Название, где XXXXX — номер вашего сообщества (прописывается после «public» в прямой ссылке на ваше сообщество), а «Название» — заголовок новой вики-страницы.

23 июля, 2017 — 17:08

#112

piewithcherry

Не в сети

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

23 июля, 2017 — 20:26

#115

Дьяченко Максим

Не в сети

Добрый вечер. Столкнулись с трудностями при выполнении тестового задания№2 в главе №3.

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

Сориентируйте пожалуйста, в чем может быть причина? Примеры ссылок, которые формируем.

[[photo-150513386_456239022|304x50px;nopadding| ]]

 [[photo-150513386_456239023|303x50px;nopadding| ]]

 [[photo-150513386_456239024|304x50px;nopadding| ]]

 [[photo-150513386_456239025|303x50px;nopadding| ]]

Сами фото находятся в альбоме группы

24 июля, 2017 — 07:34

#119

Ludmila

Не в сети

Доброе утро!

Помогите пожалуйста разобраться как вставить на публичную страницу ссылку на вики-меню

Когда вставляю в строку «Что у Вас нового?» ссылку на подготовленную вики-страницу : https://vk.com/pages?oid=-150524916&p=Отряд , то ссылка так и остается в виде текста.

 

Что нужно сделать, чтобы появилась картинка?

 

24 июля, 2017 — 11:05

#121

piewithcherry

Не в сети

Два раза публикую сюда вопросы, но оба раза, не получив ответ, их удаляют.

Подскажите, в чем может быть проблема? Как следствие, задание к сегодняшнему дэдлайну сдать не успею.
П.С. Надеюсь, это сообщение не удалят.

24 июля, 2017 — 14:33

#123

АКБАРССОЗИДАНИЕ

Не в сети

Добрый день, уважаемые организаторы курса! Подскажите пожалуйста где найти вики-разметку: в Управлении нашей группы https://vk.com/akbarsozidanie . я не смогла найти блок «Разделы».  

24 июля, 2017 — 17:06

#125

Эльвира

Не в сети

24 июля, 2017 — 17:28

#128

Елена

Не в сети

А есть тут люди, у которых сразу по объяснению лектора получилось создать вики-разметку и прикрепить запись?

У меня нет( На первый взгляд все понятно, но как только начинаешь делать задание, ничего не выходит Создать вики-разметку через 5 часов работы удалось, а сделайте так, чтобы первый кусочек картинки из вики-страницы вел на закрепленную запись — нет.  

Через какие знаки (точка с запятой и пр) нужно вставлять nolink и код нужной страницы?

На видео ничего не видно, все сливается.

Где взять код?

Если копировать ссылку из браузера на закрепленную запись, то она получается слишком длинная и результата нет( 

Вижу, что по этой теме много вопросов. Для лекторов — это скорее всего очень просто, а для гумманитариев, которые никогда не сталкивались с программированием, сложно) Пожалуйста, объясните еще раз. Возможно, другими словами.

24 июля, 2017 — 18:42

#133

I.Salavatova

Не в сети

Скажите, будет приемлемо, если первые два задания к третьей главе (аватар, закрепленная запись, картинка-меню) я сделаю для воображаемого сообщества, а третье задание (описание сообщества) — для реального? 

24 июля, 2017 — 23:55

#135

piewithcherry

Не в сети

Здравствуйте! Не получается прикрепить ответ к третьему заданию, так как опоздала на 20 минут. Будет ли его выполнение учитываться, так как в заданиях 1,2 есть ссылка на созданную и заполненную группу?

25 июля, 2017 — 00:32

#137

Ludmila

Не в сети

Николай, спасибо за ответ на вопрос #119.

Как вставить в паблике в строку «Что у вас нового?» ссылку на вики-страницу разобралась, получилось.

Теперь проблема вставить сюда же картинку. Если пытаюсь скопировать ее с вики-страницы, копируется только та часть, на которую наведен курсор. Если копирую еще неразрезанную «заготовку», то не работает ссылка при нажатии на 1/4 часть. Пробовала загружать и нарезанные части — тоже не то: https://vk.com/public150524916

Что делать? Подскажите, пожалуйста!

Заранее — спасибо!

25 июля, 2017 — 00:36

#141

Jane

Не в сети

Добрый день, не успела загрузить ответ на третью часть проверочного задания по главе 3. В рассылке было  написано, что срок продлен до 25 июля, 23:30 по Москве, но программа  уже не дает загрузить. Как теперь можно будет прислать ответ?

 

25 июля, 2017 — 08:25

#142

I.Salavatova

Не в сети

Присоединяюсь к предыдущему комментатору! Откройте, пожалуйста, загрузку заданий до конца сегодняшнего дня!

25 июля, 2017 — 14:22

#144

Евгения Кац «Бо…

Не в сети

Добрый день!

Скажите, пожалуйста, отсутствие ответа на содержательный негативный комментарий считается примером неудачной работы с негативом?

26 июля, 2017 — 04:08

#147

Мария Климова

Не в сети

Сделала два проверочных задания из третьей главы, загрузила ночью 23 июля.

Сегодня зашла — а их нет. Что делать? 

28 июля, 2017 — 14:22

#149

Евгения Кац «Бо…

Не в сети

Добрый день!

Ещё вопрос по 4 заданию — придумать креативные форматы для постов. Там должно быть именно описание формата, а  не сам пост, так? И ещё вопрос — обязательно они должны вызывать спор между подписчиками в комментариях («каждый из форматов может разжечь среди подписчиков дискуссию») или всё-таки просто активного комментирования — диалога с нами достаточно?

Как сделать меню группы Вконтакте

Здравствуйте, дорогие посетители блога ARTtime. Сегодня я расскажу вам как сделать меню группы Вконтакте.  Не зря я затрагиваю эту тему, так как ВК был, есть и будет самой популярной социалкой рунета.

Многие уже сталкивались, а кто-то столкнется с проблемой, как правильно разместить меню для группы.  Кстати, группа  на картинке моя… Я там кредитки и советы раздаю 😉

Дополнение от 20.09.2013. Технологии не стоят на месте, и Вконтакте появилась возможность делать красивые открытые меню для группы. Так что приглашаю посмотреть статью на эту тему – Как сделать всегда открытое меню для вконтакте.

Собственно, в чем же проблема, а проблема в том, что для создания такого меню не достаточно красивой картинки. Чтобы все кнопки функционировали, наше будущее меню нужно порезать на части, а точнее на полоски!

Приступим к делу!  Наше будущее меню  открываем  в фотошопе, для примера я выбрал старую запылившуюся картинку еще одной группы. Дальше все просто, берем инструмент “раскройка“

И начинаем выделять область наших будущих кнопок:

Практически готово, осталось правильно сохранить наше меню… Для этого идем в “Файл – Сохранить для Web и устройств”  или же жмем комбинацию клавиш “Alt+Shift+Ctrl+S“. Только не повредите руку! Все же придется нажать четыре клавиши одновременно 😉

Вверху я обозначил стрелочками настройки, которые я применил, взамен JPEG формата можно выбрать и GIF или же PNG, на ваш вкус 🙂 И жмем кнопку сохранить “Save“, что внизу. В открывшемся окне дайте имя файлу и выберете место, куда нужно сохранить нашу картинку.

Видите, все аккуратно лежит в папке, к тому же еще и пронумеровано! Дальше нужно скинуть все эти изображения Вконтакт, в альбом группы или в свой личный альбом и прописать в группе Wiki разметку…

Можете посмотреть примерный код, который я использую:

[[photo-20070034_253533413|386px;noborder;nopadding|page-20070034_29865434]]

[[photo-20070034_253533414|386px;noborder;nopadding;nolink|1]]

[[photo-20070034_253533502|386px;noborder;nopadding|page-20070034_29885140]]

[[photo-20070034_253533503|386px;noborder;nopadding;nolink|1]]

[[photo-20070034_253533504|386px;noborder;nopadding|http://vkontakte.ru//topic-20070034_23111244]]

Там все предельно просто, вот эта часть кода “[[photo-20070034_253533413” – адрес нашего изображения.

Это – “| 386px;noborder;nopadding” – ширина, “noborder” указывает на то, что картинку нельзя обводить полями.

А “nopadding” говорит о том, что картинка не должна иметь отступов.

Вот эта строчка”|page-20070034_29865434]]” – адрес, куда будет направлять нас картинка, точнее кнопка…

Что-то меня понесло, я надеюсь, Вы поняли как делать меню группы. Но если вы ленивый жук, за небольшую плату всем этим могу заняться я, от дизайна до верстки кода. Контакты вот тут.

Удачи Вам!

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

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

UPDATE: Так как тема оказалась, довольно-таки популярнои и нужной, решил сделать видео-версию инструкций по оформлению группы:

Итак, допустим у нас есть группа на сайте ВКонтакте и мы только что нарисовали дизайн, который необходимо разместить на странице группы.

Так как для посетителей своего блога, я уже когда-то создавал группу, то для примера и займемся ее оформлением. При разработке дизайна стоить знать одну главную вещь, ширина всего оформления не должна превышать 370 пикселей. Иначе картинки просто напросто не влезут в блок “Свежих новостей” вконтакте.

Ну что-же приступим =)

Допустим, у нас уже есть готовый дизайн меню, который мы хотим использовать ВК:

Для начала необходимо порезать его на отдельные кусочки. В Photoshop делается это с помощью инструмента Slice Tool. Требуется это для того, чтобы выставить нужные нам ссылки на отдельные картинки с надписями. В моем оформлении, я решил разместить 5 ссылок и две картинки(верхнюю и нижнюю) оставить без ссылок.

Сохраняем наше оформление с помощью File -> Save for Web… После этого в указанном месте автоматически создастся папка images, в которой и будет находится дизайн в виде отдельно порезанных картинок.

Далее, заходим на страничку группы Вконтакте и создаем там отдельный фотоальбом. Назовем его ” Оформление группы” и загрузим туда все картинки из папки images. В моем случае мне пришлось загрузить 7 картинок.

Теперь для удобства рекомендую оставить на одной вкладке альбом с картинками, а в новой вкладке открыть страницу группы и перейти к редактированию блока свежих новостей.

Самая пора приступить к написанию кода для вставки дизайна. Для этого давайте рассмотрим разметку сайта Вконтакте и разберемся c кодом для вставки полной картинки в блок группы.

Пример:

[[photo-880171_215099744

370x37px;noborder;nopadding;

http://artslab.info]]

В деталях:

“photo-880171_215099744” – id фотографий, найти его можно в строке браузера при просмотре необходимой картинки

“370x37px” – размер картинки в пикселях

“noborder” – отсутствие рамки вокруг изображения

“nopadding” – отсутствие каких-либо отступов от картинки

“http://artslab.info” – ссылка на нужную страницу

Думаю, что все понятно и теперь легко можно составить подходящий код.

Вот что получилось у меня:

1
2
3
4
5
6
7
  [[photo-880171_215099743|370x61px;nolink;noborder;nopadding|Группа ArtsLab.info]]
  [[photo-880171_215099744|370x37px;noborder;nopadding;|http://artslab.info]]
  [[photo-880171_215099745|370x34px;noborder;nopadding|http://vk.com/page-880171_44194106]]
  [[photo-880171_215099797|370x38px;noborder;nopadding|http://vk.com/album-880171_8008249]]
  [[photo-880171_215099798|370x38px;noborder;nopadding|http://artslab.info/feedback/]]
  [[photo-880171_215099799|370x32px;noborder;nopadding|http://vk.com/write749075]]
  [[photo-880171_215099914|370x84px;noborder;nopadding|Группа ArtsLab.info]]

PS: Желаю удачи и красивых групп. В случае возникновения вопросов или проблем, пишите в комментарий. Так же не стесняйтесь оставлять здесь Ваши варианты оформлений.

---

ОБНОВЛЕНИЕ:</p>

Во-первых хочется сказать огромное спасибо, всем кто откликнулся в комментариях. Рад что материал оказался полезным. Большинству из тех, кто задавал вопросы я постарался помочь. Решил дополнить статью, а заодно ответить на некоторые из вопросов из комментариев в более обширном виде.

Начнем, пожалуй, с самого интересного вопроса:

Как создать несколько меню и связать их между собою

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

На самом деле, в этом нет ничего нового. Чтобы создать расширенное меню с вложеными страницами, нам понадобиться всего лишь создать несколько новых страниц (в зависимости от количества новых меню) и разместить на них свой код (аналогичный как и в главном меню, но с новыми картинками и ссылками).

Далее, предлагаю вместе рассмотреть пример с такой структурой меню:

Итак, для примера я возьму новое оформление группы сайта. На данный момент оно выглядит так:

</a>

Для него мы используем следующий код:

1
2
3
4
5
6
7
  [[photo-880171_288584927|370x179px;noborder;nolink;nopadding|Группа ArtsLab.info]]
  [[photo-880171_288584928|370x50px;noborder;nopadding|http://artslab.info]]
  [[photo-35539675_292485703|370x50px;noborder;nopadding|http://vk.com/page-880171_44194106]]
  [[photo-880171_288584931|370x50px;noborder;nopadding|http://vk.com/album-880171_154583751]]
  [[photo-880171_288584933|370x50px;noborder;nopadding|http://artslab.info/feedback/]]
  [[photo-880171_288584935|370x50px;noborder;nopadding|http://artslab.info/contact/]]
  [[photo-880171_288584936|370x54px;noborder;nolink;nopadding|Группа сайта Artslab.info]]

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

Чтобы создать новую страницу в группе, необходимо использовать данный код разметки:

[[Новая страница|Название страницы]]

Для того чтобы узнать ID новой страницы, нужно перейти на нее, кликнув по ссылке в предпросмотре и нажать на кнопку редактирования. Теперь ID-страницы можно скопировать из адресной строки браузера (например, page-880171_44194001)

Итак, страница с категориями имеет следующий вид:

Код страницы: (ссылки на новые страницы, я не стал прописывать)

1
2
3
4
5
  [[photo-35539675_292485563|370x179px;noborder;nolink;nopadding|Группа ArtsLab.info]]
  [[photo-35539675_292485558|370x50px;noborder;nopadding|http://vk.com/#]]
  [[photo-35539675_292485559|370x50px;noborder;nopadding|http://vk.com/#]]
  [[photo-35539675_292485560|370x50px;noborder;nopadding|http://vk.com/#]]
  [[photo-35539675_292485562|370x50px;noborder;nolink;nopadding|группа сайта artslab.info]]

Я думаю на этом можно останавливаться, принцип должен быть ясен. Таким образом мы создали вложенную страницу со своим собственным меню.

Как сделать так чтобы меню открывалось в отдельном окне?

Я думаю вы уже не раз встречали такие меню (или обычные страницы) в группах, которые открываются в виде отдельного всплывающего окна поверх сайта. Пример:

Для того чтобы создать такую страницу необоходимо воспользоваться подобной ссылкой:

  http://vk.com/artslabinfo?w=page-880171_44194001

Не забудьте изменить id-страницы и группы из примера на собственные.

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

Этот вопрос был задан в комментариях несколько раз, но к сожалению, пока что такой возможности нету. Все меню в группах, по умолчанию, скрыты и становятся видны только после клика по ссылке меню.

Создание спойлера в меню

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

  {{Hider|Заголовок спойлера
    Содержание спойлера
  }}

Как создать раскрытое меню и закрепить его в верней части группы/сообщества

Видеоверсия описания:

Пожалуй один из самых часто задаваемых вопросов за последнее время. Дело в том, что многие популярные группы Вконтакте в последнее время закрепляют новость с картинкой меню в шапке группы, и прикрепляют ссылку на страницу с меню. И у многих пользователей появляется вопрос, как добиться такого же результата. На самом деле все просто.

1. Допустим, у нас есть готовое меню вынесенное на отдельную страницу, например: http://vk.com/artslabinfo?w=page-880171_44194106

То есть, меню находиться не в шапке c новостями группы, а на отдельной странице. Для того чтобы создать новую страницу воспользуйтесь кодом:

    [[Новая страница|Название страницы]]

Теперь вставим код меню на созданную страницу и скопируем ее id, для того чтобы у нас получилась такая ссылка:

    http://vk.com/**моягруппа**?w=page-**айди-страницы**
  

1. Создадим новую запись в группе и вставим в нее нашу ссылку из предыдущего шага. В качестве картинки прикрепим небольшой скриншот, кликнув по которому и будет открываться наше меню. Публикуем!

1. Кликаем по дате публикаций нашей записи и затем нажимаем по ссылке “Закрепить”. Обновляем страницу группы. Наслаждаемся результатом.

Готовые меню с кодом

Здесь будут появляться готовые бесплатные меню для Ваших групп с кодом и PSD-исходниками.

1. Деревянная полочка – меню в стиле iBooks

1. Выпадающее меню

1. Плоское меню в стиле Metro

1. Dark Style Menu

1. Меню для групп о спорте

 

Оформление меню для группы ВКонтакте #1

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

Встречайте первое меню, в стиле деревянного шкафчика с полочками. В принципе подойдет для многих групп, а особенно для сообществ с книжной тематикой. Место текста на полочках, можно расположить иконки с книгами или что-либо другое, это уже на ваше усмотрение.

Дизайн всего меню является бесплатным исходником от Virgil Pana. За что ему огромное спасибо. “Порезанную” psd-версию с текстом, который можно легко изменить на свой, можно скачать отсюда.

Теперь самое главное, код меню:

  [[photo-35539675_299595752|370x40px;noborder;nopadding;nolink|Описание группы]]
  [[photo-35539675_299595753|35x37px;noborder;nopadding;nolink|Описание группы]]
  [[photo-35539675_299595754|57x37px;noborder;nopadding|http://artslab.info]]
  [[photo-35539675_299595755|278x37px;noborder;nopadding;nolink|Описание группы]]
  [[photo-35539675_299595756|370x74px;noborder;nopadding|http://artslab.info]]
  [[photo-35539675_299595757|370x71px;noborder;nopadding|http://artslab.info]]
  [[photo-35539675_299595759|136x47px;noborder;nopadding|http://artslab.info]]
  [[photo-35539675_299595760|96x47px;noborder;nopadding|http://artslab.info]]
  [[photo-35539675_299595762|138x47px;;nopadding|http://artslab.info]]
  [[photo-35539675_299595763|370x31px;noborder;nopadding;nolink|Описание группы]]

Посмотреть демо

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

Не знаю насколько востребованы окажутся такие меню, но если будет интерес, то я и в будущем буду стараться радовать вас новыми бесплатными менюшками. В любом случае буду рад любому отзыву в комментариях.

Как Вконтакте создать динамическое меню с эффектом навигации | DesigNonstop

Многочисленные просьбы моих настойчивых читателей и просто любознательных пользователей возымели свое действие. Я наконец то создала урок, в котором мы будем учиться делать динамическое меню Вконтакте с эффектом нажатых кнопок! По аналогии с обычными сайтами интернета, когда посещенная ссылка маркируется особым способом (нажатая кнопка, подчеркивание итд) — мы будем создавать такую же конструкцию Вконтакте, с помощью созданных страниц и графического оформления. Для начала мы сделаем графические заготовки в фотошопе — создадим шапку меню и кнопочки двух видов. Потом создадим несколько страниц Вконтакте, согласно пунктам нашего меню. И напоследок сделаем хитрый прием, который, собственно, и создаст нам иллюзию перехода по ссылке. Урок достаточно сложный и подходит для тех, кто уверенно себя чувствует в функционале Вконтакта. Все манипуляции я буду производить на примере своей группы Вконтакте, где этот эффект реализован вживую. Итак, за дело!

Шаг 1. Создаем в фотошопе шапку меню
Создаем в фотошопе документ шириной 600 пикселей. Высота может быть разная, на ваше усмотрение. Вы можете поместить в шапку любую видовую фотографию, коллаж, информационный баннер и прочие графические картинки. В данном сучае я использовала такой вот рекламный баннер размером 600х172 пикселя.

Шаг 2. Создаем в фотошопе строку навигации
Теперь нам надо создать строку навигации. В данном примере я использовала в качестве кнопок только текст. Но на ваше усмотрение можно создать цветные кнопки и уже на них написать текст. Делаем так — создаем в фотошопе прямоугольник 600х56 пикселей и в данном случае заливаем его белым цветом. Потом в строку пишем пункты меню — где-то порядка 5-6 пунктов, не больше. Большее количество пунктов будет смотреться зажато.

Шаг 3. Создаем в фотошопе строку навигации в нажатом состоянии
Теперь нам надо создать активные ссылки, так, как-будто по ним нажали. Я использовала обычное подчеркивание, но можно использовать другой цвет текста или фона для маркировки посещенной ссылки.

Шаг 4. Нарезаем готовые картинки
На данном этапе нам надо нарезать картинки из Шага 2 и Шага 3. У нас должно получиться два комплекта по пять кнопок — одна кнопка без подчеркивания, другая кнопка с подчеркиванием. Кнопки каждого отдельного пункта (с подчеркиванием и без подчеркивания) должны быть одинакового размера. На картинке ниже представлено все наше графическое оформление — десять кнопок и одна шапка меню.

Шаг 5. Создаем Вконтакте страницу Меню
Теперь переходим ВКонтакт. Наша задача — создать отдельную страницу под названием «Меню». Для этого мы воспользуемся таким кодом
http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы
где вместо ХХХ мы подставим id нашей группы, а вместо текста «Название страницы» мы напишем Меню. Теперь надо выяснить id группы. Как это сделать? Заходим на главную страницу группы и смотрим на наши записи на стене — прямо под блоком «Добавить запись» будет написано «Все записи» — нажимаем на эту ссылку.

Шаг 6. Определяем id группы и редактируем код
Переходим на страницу и видим урл такого вида https://vk.com/wall-78320145?own=1, где цифры 78320145 в данном примере и есть id группы. Подставляем наши данные в исходный код и получаем запись такого вида:
http://vk.com/pages?oid=-78320145&p=Меню (с вашими цифрами!). Вставляем эту строку в адресную строку браузера и нажимаем Enter. Так мы создали новую страницу Вконтакте и изначально она выглядит так.

Шаг 7. Создаем Вконтакте остальные страницы навигации
Аналогичным образом мы создаем еще четыре страницы навигации: Цены, Как заказать, Техзадание и Вопросы. То есть еще четыре раза копируем в адресную строку браузера соответствующий код (с вашими цифрами id в примере ниже мои цифры):

http://vk.com/pages?oid=-78320145&p=Цены

http://vk.com/pages?oid=-78320145&p=Как_заказать

http://vk.com/pages?oid=-78320145&p=Техзадание

http://vk.com/pages?oid=-78320145&p=Вопросы
Обратите внимание, в названии страницы из двух слов (Как заказать) пробел между словами заменен на нижнее подчеркивание Как_заказать. Теперь у нас есть пять готвых страниц под каждый пункт меню. Страницу Портфолио мы не создавали поскольку она размещается на странице Меню

Шаг 8. Загружаем фотографии на первую страницу меню
На созданной, пока еще пустой странице (см. Шаг 6) Меню нажимаем на ссылку Редактировать или на ссылку Наполнить содержанием. После этого мы видим панель редактирования. Здесь нам надо нажать на значок фотоаппарат с функцией Загрузить фотографию. Важно! Обратите внимание на то, чтобы у вас стоял режим wiki-разметки. Переключение режимов регулируется значком у правого края страницы.

Шаг 9. Результат после загрузки картинок
Загружаем наши картинки, которые мы создавали в Шаге 1 и Шаге 2. После загрузки мы видим такой код, как на картинке ниже, а само меню выглядит так. После каждого изменения кода не забываем нажимать Сохранить страницу, а потом нажать предпросмотр для просмотра результата.

Шаг 10. Редактируем код картинок
Теперь наша задача заменить все свойства noborder на свойство nopadding. А у первой картинки проставить реальные размеры, поскольку Вконтакт при загрузке ужал картинку до 400 пикселей. После всех изменений мы должны получить такой код и такое меню.

Шаг 11. Проставляем ссылки для картинок
Теперь мы должны проставить ссылки для каждой картинки. Ссылку надо вставлять после nopadding| вместо пробела перед закрывающими скобками. Для первой картинки (шапка меню из Шага 1) можно дать ссылку на главную страницу группы, а можно воспользоваться свойством nolink (ставится через ; после nopadding без пробелов). Для второй картики вставляем адрес страницы формата page-78320145_49821289. То есть полный урл картинки https://vk.com/page-78320145_49821289, до первую часть с доменом можно опустить. А вот для ссылок на внешние сайты урл ссылки надо указывать полностью.

Шаг 12. Копируем код на остальные страницы навигации
На этом, достаточно простом шаге, мы копируем последний код из предыдущего шага и вставляем его на остальные созданные страницы — Цены, Как заказать, Техзадание и Вопросы. Находимся на странице, нажимаем Редактировать или Наполнить содержанием (находимся в режиме wiki-разметки), вставляем код и нажимаем Сохранить. И потом также на следующей странице. То есть сейчас у нас есть пять страниц, на каждой из которых меню выглядит абсолютно одинаково. Но зато уже можно осуществлять навигацию по меню — при нажатии на ссылку например Цены, мы переместимся на страницу Цены итд.

Шаг 13. Делаем эффект нажатой кнопки
Теперь нам предстоит на каждой из пяти страниц поменять одну картинку (кнопку без подчеркивания заменим на кнопку с подчеркиванием). Например, на первой странице Меню мы загружаем новую картинку и потом заменяем в коде адрес старой картинки на новый (подчеркнуто красным). Потом переходим на страницу Цены, загружаем картинку с подчеркнутыми Ценами и меняем в коде на адрес новой картинки. Потом заходим на страницы Как заказать, Техзадание и Вопросы и делаем туже самую операцию аналогичным образом.

Финал.
В итоге у нас получился эффект навигации, когда нажимаешь на ссылку меню и она становится активной. Но поскольку графическое оформление на всех страницах практически одинаковое, за исключением активной ссылки, то создается иллюзия навигации, хотя на самом деле осуществляется переход на другую страницу.

 

Меню оформленное таким образом не адаптировано под мобильные устройства. При уменьшении размера экрана картинки начинают съезжать одна под другую. Для того чтобы сделать адаптивный дизайн, нужно использовать таблицы для жесткой версти. Но это уже другая история и более продвинутая техника. А пока посмотрите на различные варианты графического формления меню.

Как сделать в группе вк таблицу – Как сделать таблицу в группе Вконтакте?

Как сделать таблицу в группе Вконтакте?

Сегодня речь пойдёт о таблицах Вконтакте. У нас уже открыта и настроена группа, мы её оформили, создали меню, а сейчас учимся наполнять страницы. И сегодня я покажу, как делать таблицы на страницах меню. Обычно они нужны тем, кто выкладывает прайс листы на товар, показывает перечень услуг, создаёт различные списки или хочет оформить любую информацию в таком виде.

Хочу ещё обратить ваше внимание на то, что в вики разметке можно оформлять текст в страницах меню, делая его с наклоном, жирным, другого цвета и прочее. Я не буду на эту тему писать статью, а лучше дам вам название паблика Вконтакте, где грамотно и понятно изложены все возможности оформления текста в вики разметке. Сообщество называется «Вики-разметка Вконтакте».

Создание таблицы Вконтакте

Для этого изучим и запомним её основные элементы. Таблица состоит из различных знаков — тегов и они обозначены красным цветом:

• {| — это начало таблицы. Этот тег ставят в самом начале таблицы
• |- — это начало новой строки, т.е. каждую новую ячейку таблицы мы начинаем с этого тега
• | — это тег прозрачной ячейки.
• || — если у нас несколько ячеек (столбцов), то мы их разделяем двойным, вертикальным слешом
• ! – восклицательный знак использую для затемнения ячейки в таблице
• |} – закрытие таблицы. Этот тег ставят в самом конце таблицы

Я создаю тестовую таблицу и в редакторе страницы она будет выглядеть так:

{|
|-
!Наименование товара!!Срок доставки!!Цена в руб
|-
|Наименование товара||Срок доставки||5000
|-
|Наименование товара||Срок доставки||5000
|-
|Наименование товара||Срок доставки||5000
|}

Добавляете свою созданную таблицу через кнопку «Редактирование» на нужную вам станицу меню и сохраняете.

Далее нажимаете на «Предпросмотр» и вот такая  получается в моём случае тестовая таблица:

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

{{Hider|Прайс лист
{|
|-
!Наименование товара!!Срок доставки!!Цена в руб
|-
|Наименование товара||Срок доставки||5000
|-
|Наименование товара||Срок доставки||5000
|-
|Наименование товара||Срок доставки||5000
|}
}}

Вот так выглядит таблица после сохранения:

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

Заключение

На моём блоге есть  целая серия статей на тему создания, оформления, наполнения и продвижения группы Вконтакте. Список этого материала:

Успехов и Удачи!

mirtani.ru

Как сделать таблицу в группе вконтакте?

Доброго времени суток. Меня зовут Михаил.

Специализируюсь на создании сайтов и их настройке. Разрабатываю современные сайты, учитывая каждое пожелание заказчика уже более 7 лет. Завершены сотни проектов.

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

Приветствую друзья.

Сегодня погорим о том, как сделать таблицу в группе вконтакте? Таблицы довольно не заменимый элемент, для использования в любом контенте. А значит, поговорить о них очень важно. В этом видео рассмотрим, что такое таблицы? И как их прописать в тексте, чтобы они правильно отображались?

Кстати, ранее мы уже изучали, что такое таблицы и как их использовать в рамках видеокурса по html, подробнее в этой статье.

Все необходимые коды вы сможете найти под видео.

Продолжаем изучение ВидеоКурса «Технические секреты групп Вконтакте». Если ранее Вы пропустили рассказ о том, почему данный ВидеоКурс бесплатен, ответ Вы сможете найти здесь.

Пример таблицы #1.

{|
|-
!Заголовочная ячейка таблицы
|-
|Ячейка таблицы
|}

Пример таблицы #2.

{|
|-
|1
|}

Пример таблицы #3.

{|
|-
!1
|2
|}

Пример таблицы #4.

{|
|-
!1
|2
|-
|3
!4
|}

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

sdelaemblog.ru

Как сделать таблицу ВКонтакте | Секреты вконтакте / vkontakte

Как сделать таблицу ВКонтакте

Для всех, кто создал или только планирует создать свою группу ВКонтакте, просто необходимо знание wiki-разметки. С её помощью вы сможете красиво оформить меню группы, упорядочить темы обсуждения и сделать многое другое.

сближение двух таблиц

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

В вики-разметке таблица создаётся с помощью определённого набора символов: каждый из них отвечает за конкретную часть таблицы. Поговорим о том, как сделать таблицу ВКонтакте с их использованием.

Знаки таблицы

• {| — знак начала таблицы. Используется в любой таблице обязательно.
• |+ – с помощью этого знака вы расположите название таблицы по центру. Он ставится сразу же после знака начала таблицы. Не обязателен, но, как правило, применяется.

• |- – указатель начала строки. Он обязателен после начала и заголовка таблицы, а также в случае создания ячеек на новой строке.
• | – знак отвечает за прозрачность ячейки. Обязательно ставится, если не выбирается знак ниже.
• ! – знак, в противоположность предыдущему, делает ячейку тёмной. При необходимости заменяется предыдущим кодом.
• |} – знак окончания таблицы. Ставят не все, однако для предотвращения ошибок желательно использовать.
• Во время заполнения таблицы данные из каждой ячейки нужно помещать после знака °|. А для того, чтобы разделить ячейки, надо всего лишь продублировать типа строки одним из двух способов: °||° либо !!

Все эти символы пригодятся вам не только для создания меню группы ВКонтакте, но для создания таблицы на любом другом сайте, созданном с использованием wiki-движка.

Заполнение таблицы

Нужные элементы прописывайте в таблице после знака |(вертикального слеша) или !.

Таблица внутри другой таблицы вставляется на новой строке.

Таблица в таблице

Сближение таблиц

Две любые таблицы вы можете сблизить по вертикали. Для того, чтобы это сделать, в самом низу первой из них (перед закрывающим кодом) создайте пустую новую строчку и вместо знака | или ! вставьте вторую таблицу. Вот один из вариантов оформления:

{|

|-

|

Место для заполнения

|}

Создание скрытого текста

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

{|

|Скрытый текст

|}

 

Поделитесь информацией с друзьями Вконтакте с помощью специальной кнопки

Советуем также обратить внимание:

Спецсимволы вконтакте и их коды

Спецсимволы вконтакте и их коды

Сердечко — символ ВКонтакте

Как сделать ссылку ВКонтакте

Как сделать ВКонтакте гиперссылку

f1-vkontakte.ru

Как сделать таблицу в группе ВКонтакте

Vkontakte — одна из самых популярных социальных сетей. Она позволяет общаться с друзьями, слушать музыку, смотреть видео и многое другое, что привлекает большинство пользователей. Но как оформить группу Vkontakte, знают не все.

Инструкция

• Создание группы Vkontakte является довольно интересным занятием, позволяющим развить новые знания и навыки. Чтобы сделать таблицу, воспользуйтесь так называемой Wiki-разметкой, изобретенной специально для создания таблиц и других объектов в различных web-приложениях и на различных web-сайтах. В соответствии с синтаксисом Wiki-разметки, старт таблицы в начальном коде обозначается символами «{|», заголовок — «|+», перевод курсора на другую строку «|-», белая ячейка таблицы — «|», голубая ячейка — «!», закрытие таблицы — «|}«. Зная синтаксис разметки, вы сможете создавать таблицы не только в группе социальной сети Vkontakte, но и на любом другом сайте, который создан при помощи Wiki-движка.
• В общем варианте изначальный код таблицы будет выглядеть так:{||-| [[photо(номер фотографии)]] !! наименование графы|-| [[photo(номер фотографии)]] || наименование графы
• После завершения работы по созданию таблицы в группе, сформируйте опросы, способные заинтересовать пользователей и разошлите приглашения. В настоящее время в интернете можно найти огромное количество специальных программ, при помощи которых можно нажатием одной клавиши разослать приглашения тысячам пользователей социальной сети Vkontakte. Но и тут будьте предельно осторожны, так как за безмерную активность ваша группа может быть заблокирована администратором.
• Группа Vkontakte включает в себя большое количество составных компонентов и ее оформление должно соответствовать определенным стандартам. Самое важное в оформлении группы – создание таблиц, которые своим внешним видом будут привлекать новых пользователей сети. Делайте это со всей душой и в соответствии с общепринятыми правилами, и тогда, ваша работа обязательна будет оценена по достоинству ее потенциальными членами.

vkontakte.info

Как сделать таблицу в группе ВКонтакте

Vkontakte — одна из самых популярных социальных сетей. Она позволяет общаться с друзьями, слушать музыку, смотреть видео и многое другое, что привлекает большинство пользователей. Но как оформить группу Vkontakte, знают не все.

Спонсор размещения P&G Статьи по теме «Как сделать таблицу в группе ВКонтакте» Как в группу вставить картинку Как прочитать стену Вконтакте Как оформить меню в группе

Инструкция

1

Создание группы Vkontakte является довольно интересным занятием, позволяющим развить новые знания и навыки. Чтобы сделать таблицу, воспользуйтесь так называемой Wiki-разметкой, изобретенной специально для создания таблиц и других объектов в различных web-приложениях и на различных web-сайтах. В соответствии с синтаксисом Wiki-разметки, старт таблицы в начальном коде обозначается символами «», голубая ячейка — «!», закрытие таблицы — ««. Зная синтаксис разметки, вы сможете создавать таблицы не только в группе социальной сети Vkontakte, но и на любом другом сайте, который создан при помощи Wiki-движка. 2 В общем варианте изначальный код таблицы будет выглядеть так:
{|
|-
| [[photо(номер фотографии)]] !! наименование графы
|-
| [[photo(номер фотографии)]] || наименование графы

3

После завершения работы по созданию таблицы в группе, сформируйте опросы, способные заинтересовать пользователей и разошлите приглашения. В настоящее время в интернете можно найти огромное количество специальных программ, при помощи которых можно нажатием одной клавиши разослать приглашения тысячам пользователей социальной сети Vkontakte. Но и тут будьте предельно осторожны, так как за безмерную активность ваша группа может быть заблокирована администратором. 4 Группа Vkontakte включает в себя большое количество составных компонентов и ее оформление должно соответствовать определенным стандартам. Самое важное в оформлении группы – создание таблиц, которые своим внешним видом будут привлекать новых пользователей сети. Делайте это со всей душой и в соответствии с общепринятыми правилами, и тогда, ваша работа обязательна будет оценена по достоинству ее потенциальными членами. Как просто

masterotvetov.com

Как сделать таблицу в группе ВКонтакте?

Vkontakte — одна из самых популярных социальных сетей. Она позволяет общаться с друзьями, слушать музыку, смотреть видео и многое другое, что привлекает большинство пользователей. Но как оформить группу Vkontakte, знают не все.

Инструкция

Создание группы Vkontakte является довольно интересным занятием, позволяющим развить новые знания и навыки. Чтобы сделать таблицу, воспользуйтесь так называемой Wiki-разметкой, изобретенной специально для создания таблиц и других объектов в различных web-приложениях и на различных web-сайтах. В соответствии с синтаксисом Wiki-разметки, старт таблицы в начальном коде обозначается символами ««. Зная синтаксис разметки, вы сможете создавать таблицы не только в группе социальной сети Vkontakte, но и на любом другом сайте, который создан при помощи Wiki-движка.

В общем варианте изначальный код таблицы будет выглядеть так:{||-| [[photо(номер фотографии)]] !! наименование графы|-| [[photo(номер фотографии)]] || наименование графы

После завершения работы по созданию таблицы в группе, сформируйте опросы, способные заинтересовать пользователей и разошлите приглашения. В настоящее время в интернете можно найти огромное количество специальных программ, при помощи которых можно нажатием одной клавиши разослать приглашения тысячам пользователей социальной сети Vkontakte. Но и тут будьте предельно осторожны, так как за безмерную активность ваша группа может быть заблокирована администратором.

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

Оцените статью!

imguru.ru

Как cделать меню для группы ВКонтакте и вики разметка

Самым эффективным и удобным способом оформления группы в контакте является использование wiki-разметки. Данная разметка схожа по принципу действия с html кодом, но является более простой и понятной. Своим названием она обязана Википедии, благодаря которой многие пользователи и успели познакомиться с основными особенностями wiki-разметки.

Wiki-разметка позволяет легко и быстро оформить внешний вид группы, создавая графические таблицы и спойлеры, форматируя текст и работая с изображениями, ссылками и якорями. Вам больше не придется сутками изучать книги по html, ведь изучению wiki-разметки достаточно уделить не более часа своего времени.

Существует несколько способов, как сделать меню для группы в контакте при помощи wiki-разметки, и то, какой из этих способов выберите Вы – зависит от направленности и цели группы. Если это социально направленная группа, то лучше всего подойдет текстовое меню, т.к. оно выглядит куда более серьезно, чем графическое. Использовать изображения в своём меню лучше всего для групп развлекательного или коммерческого характера.

Работа с изображениями

Вставить картинку или фотографию в контакте при помощи wiki-разметки можно только в том случае, если это изображение есть в альбомах на сайте.

Итак, для вставки картинки заходим в альбом, копируем адрес фотографии, например photo11111_11111, и обрамляем его двойными квадратными скобочками таким образом:

[[photo11111_11111]]

Если Вам нужно прикрепить текст или ссылку к изображению, а также немного изменить его внешний вид, то разметка будет выглядеть таким образом:

[[photo11111_11111|options|text/link]], где на месте options может находиться одно из таких значений:

• plain — ссылка на фотографию оформляется в виде текста, без картинки;
• noborder — убирает рамку вокруг фото;
• box — открывает изображение в окне;
• nolink — убирает ссылку на фото;
• nopadding — убирает пробелы между фото;
• NNNpx или NNNxYYYpx — указывает размер фотографии в пикселях (только ширину или ширину на высоту соответственно).

Создание таблиц с помощью wiki-разметки

Не важно, графическое или текстовое меню Вы хотите создать для своей группы в контакте , без использования таблиц Вам вряд ли удастся обойтись. Таблицы в wiki-разметке создаются при помощи определенного набора символов, каждый из которых отвечает за определенную часть таблицы:

{| знак начала таблицы, является обязательным атрибутом любой таблицы;
|+ знак расположения названия таблицы по центру, ставится сразу после знака начала таблицы и не является обязательным атрибутом;
|- знак начала новой строки, в т.ч. и строки ячеек;
| знак, отвечающий за прозрачность ячейки;
! знак, отвечающий за темный цвет ячейки; если отсутствует – обязательно применение предыдущего знака;
|} знак конца таблицы, необязательный атрибут, используется для предотвращения возникновения ошибок.

Заполняя таблицу, данные каждой ячейки следует помещать после знака |, а разделяя ячейки, необходимо просто продублировать типы строки таким образом: || или !!.

Приведем пример оформления меню группы с помощью wiki-разметки.

wiki-разметка

Это меню было создано применением следующего кода:

{|
|-
|<center>»’Новости»'</center>||<center>»’Основное»'</center>||<center>»’Все серии»'</center>
|-
!<center>[[photo708176_168310200|nolink;noborder;90x80px| ]]</center>!!<center>[[photo-4489985_130746672|nolink;noborder;90x80px| ]]</center>!!<center>[[photo708176_168309890|nolink;noborder;90x80px| ]]</center>
|-
|<center>
[[Новости из жизни актеров сериала|Новости]]<br/>
[[Биографии]]<br/></center>
|<center>
[[Аудио]] <br/>
[[Видео]]<br/>
[[Книги]]<br/>
[[Обсуждения]]<br/></center>
|<center>
Сезоны:<br/>
[[1 сезон|1]] | [[2 сезон|2]] | [[3 сезон|3]] | [[4 сезон|4]]<br/>
[[5 сезон|5]] | [[6 сезон|6]] | [[7 сезон|7]] | [[8 сезон|8]]<br/></center>
|-
|}
Как мы видим в примере, изображения наделены такими опциями, как nolink и noborder, которые убирают ссылку и рамку картинки. Также были изменены размеры изображений.
Вторая строка ячеек таблицы создавалась с атрибутом !, поэтому и имеет темный цвет заливки.
При переходе на новую строку внутри третей ячейки был использован тег <br />, а для центрирования текста в ячейках – тег <center>.

Оформление ссылок при помощи wiki-разметки

При оформлении коммерческих групп очень важно уметь преподнести пользователям ссылку на тот или иной товар. В wiki-разметке существует три способа оформления внешних ссылок:

1. 1. Оформление ссылки как ссылки:
      [http://www.kontaktlife.ru]

1. 1. Оформление ссылки как текста:
      [http://www.kontaktlife.ru|Всё о контакте]

1. 1. Оформление ссылки как изображения:
      [[photo40778045_189420249|40px|http://www.kontaktlife.ru]]

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

Наверняка вы видели красивые графические меню и кнопки в группах и хотели бы сделать такое меню у себя? Вот алгоритм действий.
Для создания красивого меню нужно немного знать фотошоп и немного вики-разметку:

1. Нарезаем картинку в фотошопе и жмём «Сохранить для веб»
2. Загружаем картинки через Стандартный загрузчик т.к. флеш-загрузчик может ухудшить качество
3. Собираем меню тегом nopadding
4. Прописываем ссылки
По итогу получится что-то типа:

[[photo-177777777_18888888|noborder;370px;nopadding|club11111111]]
[[photo-177777777_18888888|noborder;370px;nopadding|Новости]]
[[photo-177777777_18888888|noborder;370px;nopadding|Программы]]
[[photo-177777777_18888888|noborder;370px;nopadding|https://vk.com]]
[[photo-177777777_18888888|noborder;370px;nopadding|Правила]]
[[photo-177777777_18888888|noborder;370px;nopadding|club11111111]]
[[photo-177777777_18888888|noborder;370px;nopadding|Магазин]]
[[photo-177777777_18888888|noborder;370px;nopadding|Полезное]]
[[photo-177777777_18888888|noborder;370px;nopadding|Админы]]
[[photo-177777777_18888888|noborder;370px;nopadding|F.A.Q.]]

Особенности и секреты wiki-разметки

Большинство особенностей wiki-разметки познаются только опытным путем и недоступны для начинающих wiki-программистов. Но для того, чтобы избежать ошибок при оформлении групп, всё-таки желательно заранее ознакомиться с некоторыми из них.

• Следует быть осторожными, изменяя размер изображения – если он будет меньше 131 пикселя, качество картинки значительно ухудшится;
• Максимальный размер ширины изображения – 610px;
• На одной wiki-странице не может размещаться более 17 незакрытых тегов;
• Указывая ширину изображения, его высота изменится автоматически в соответствии с пропорциями;
• Список внутри таблицы или спойлера создается при помощи тега <br />;
• Одна строка разметки может содержать в себе не более 8 элементов списка.

Приложения в контакте для wiki-разметки

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

Интерактивный FAQ(beta) Приложение, которое дает возможность пользователям проверить свои способности и знания wiki-разметки. Принцип приложения довольно прост: Вам дается уже оформленное меню, к которому необходимо восстановить код разметки, после чего сравнить свою версию с правильной.
Вики редактор Приложение-редактор, который поможет Вам оформить группу без каких-либо знаний wiki-разметки: Вам достаточно просто кликать мышкой в визуальном редакторе, а всё остальное приложение сделает за Вас!

Узнать больше про wiki-разметку и пройти наглядные видео-уроки по оформлению групп в контакте можно, воспользовавшись путеводителем по видео-урокам от официальной группы Wiki-разметки в контакте по ссылке https://vk.com/app1755280.

Если вам нужна раскрутка группы, то читайте наш пост.

kontaktlife.ru

Оформление групп вконтакте — Когда-нибудь я… — LiveJournal

Позавчера потратила часов пять на оформление группы. Очень жаль времени, но разобраться следовало. А чтобы время не пропало даром напишу здесь решения основных сложностей, с которыми столкнулась. Хотя можно было бы и заработать оформлением групп :))
Рассмотрим оформление на примере моей группы http://vkontakte.ru/club10000
Итоговый результат
 

Итак, начнем!  
Этап 1.
Выбираем изображение, которое нам кажется привлекательным и которое удобно будет «резать».
Редактируем в фотошопе по собственному вкусу.
Изначально была картинка с занавесками у стены.
Я прилепила на него объявление, добавила текст. Вот что получилось

Этап 2. 
Разрезаем картинку на кусочки, которые будут кликабельны и просто фоновые
Получилось всего-то шесть кусочков
 
 
 
 
 

Этап 3. 
Загружаем эти картинки в свой альбом. Я поставила на нем ограничение по видимости «только мне».

Этап 4. 
Идем редактировать «Свежие новости в группе». Вот здесь и начались для меня основные проблемы.
Сначала я пыталась поместить изображения в таблицу, но между картинками всегда оставались белые полосы.
Все оказалось гораздо проще — следует их расположить друг за другом ссылками без всяких таблиц и т.д.
Ссылка состоит из трех частей [[ адрес фотографии | параметры отображения | Описание/ссылка на какой-либо другой объект ]]
В первой части ссылки указываем адрес фотографии. Например, photo2150_160197319
Во второй:

• размер в ширину, т.к. слишком широкие будут срезаться при просмотре на главной странице.
• тег noborder, который уберет обрамление фотографии по границе
• тег nopadding поможет убрать расстояние между фотографиями, «состыковать» их вплотную к друг другу
• тег nolink, если это фоновая картинка, как у меня верхняя и нижняя, и нам не нужно чтобы курсор на ней был активен.

В третьей:

• задаем описание, которое будет отображаться при наведении курсора, если фотография не кликабельна
• или даем ссылку на другой объект — встречу, тему, фотографию, страницу

Еще я очень долго ломала голову над тем как найти id page (страницы), так как при их создании использовалась кириллица в заголовке, то первоначальная ссылка выглядела примерно так http://vkontakte.ru/pages.php?o=-10000&p=%C0%CA%D6%C8%C8,%20%D1%CA%C8%C4%CA%C8
И как извлечь отсюда номер страницы мне было непонятно.
Разгадка лежала на поверхности — нужно было всего-то перейти в раздел «Редактирование», а потом обратно на «Просмотр» и мы получаем «приличную» ссылку  http://vkontakte.ru/pages.php?id=11909561, в которой уже явно виден id страницы.

/ Для тех, кто не понимает о чем речь напомню, что в разделе «Свежие новости» мы можем создавать подразделы — сраницы, pages, которые удобны возможностью применения Вики-разметки. Еще бы к ним комментарии добавили :)) /

Приведу итоговый примитивный код для оформления 🙂

[[photo2150_160197319|400px;noborder;nopadding;nolink|Мастерская Ирины Малаховой]]
[[photo2150_160197320|400px;noborder;nopadding|event16649164]]
[[photo2150_160197321|400px;noborder;nopadding|page11909561]]
[[photo2150_160197324|400px;noborder;nopadding|page12120678]]
[[photo2150_160197325|400px;noborder;nopadding|page17961107]]
[[photo2150_160197326|400px;noborder;nopadding;nolink|Ждем вас в гости]]

Этап 5. 
Проверяем результат и если все работает, то радуемся, что красиво оформили и сэкономили время 🙂

ВКонтакте не работает? Как разлочить вк?

ВКонтакте — социальная сеть для общения, поиска друзей и коллег, которой ежедневно пользуются миллионы людей. Вконтакте позволяет пользователям создавать группы, публичные страницы и события, передавать мультимедийные файлы, играть в онлайн-игры, слушать музыку и т. Д. К сожалению, доступ к ВКонтакте может быть заблокирован в некоторых регионах или частных сетях.

Почему заблокирована социальная сеть ВКонтакте?

Для сотрудников компании, школьников, студентов часто ограничивают доступ к популярным социальным сетям, чтобы повысить продуктивность на работе или учебе.В результате Вконтакте блокируется в этих частных сетях, как и другие социальные сети, такие как Instagram и Facebook. В Украине заблокирована популярная социальная сеть «Вконтакте», потому что она русская. Помимо других ограничений, Украина блокирует доступ к российской социальной сети Одноклассники, сайтам поисковой системы Яндекс и группы Mail.ru. Украина — второй по величине рынок ВКонтакте после России. Простой способ получить доступ к этой социальной сети — купить услуги VPN.

Как легко обойти бан Вконтакте?

Сайтов заблокированы из-за того, что их IP находится в черном списке.При подключении к Интернету в университете, на работе или в некоторых регионах действуют ограничения ВКонтакте. Также блокирует сайты с бесплатными фильмами, телешоу и торрентами. Существуют различные способы обхода этих блокировок, например, вы можете использовать прокси-сервер или VPN. Если вам нужен безопасный и конфиденциальный доступ ко всем сайтам и службам, вам нужен хороший VPN-сервис, который не будет хранить вашу конфиденциальную информацию. О различиях между прокси-сервером и VPN вы можете прочитать в этой статье.

Анонимный сервис VPN GoGo — это безопасный посредник между вами и Интернетом, который шифрует весь трафик и дает вам доступ к бесплатному Интернету. VPN позволяет вам посещать сайты ограничений, доступные в другой стране, не покидая своего рабочего места, школы или региона.

Как получить доступ к ВКонтакте из-за пределов России

Если вы собираетесь отправиться в регион за пределами России, вы должны знать, что VK не будет доступен за пределами России.Социальная сеть доступна только в России, все остальные страны не имеют к ней доступа.

Если вы хотите обойти эти препятствия и использовать ВКонтакте, чтобы оставаться на связи с друзьями и коллегами во время отпуска, вам понадобится хороший VK VPN, установленный на вашем устройстве. С PureVPN вы можете мгновенно получить доступ к ВКонтакте, изменив свое виртуальное местоположение на Россию.

Если вы переехали за пределы России в поисках лучших возможностей, вам, должно быть, не хватает той связи, которую вы поддерживали с друзьями и семьей дома.Это чувство пустоты может усиливаться, когда вы не можете оставаться на связи с родными в социальных сетях.

Если вы столкнулись с подобными проблемами, VK VPN, например PureVPN, может положить конец вашим испытаниям. Все, что вам нужно сделать, это выбрать русский сервер, нажать кнопку подключения, и все готово — теперь ВКонтакте будет доступен!

Facebook может иметь самый популярный контент, но ВК является домом для множества уникального контента, который никогда не попадает в группы и страницы Facebook. Если вы ищете уникальный контент и живете в стране, где нет доступа к ВКонтакте, вам понадобится VK VPN, чтобы все работало.

С PureVPN вы можете мгновенно изменить свое виртуальное местоположение всего за несколько кликов или касаний. В этом случае вы подключитесь к любому серверу в России. После подключения вы можете заходить в ВК и делать в социальной сети все, что могут делать только россияне.

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

Если вы часто пользуетесь ВКонтакте, вам понадобится VK VPN, например PureVPN. Когда вы подключаетесь, ваш исходный IP-адрес маскируется IP-адресом, предоставленным VPN, что дает вам новую онлайн-идентичность. Более того, весь ваш интернет-трафик зашифрован от начала до конца, что защищает ваши личные данные от посторонних глаз.

Если вы не примете меры по сохранению своей цифровой личности в секрете, шансы на то, что ваше устройство будет взломано киберпреступниками, значительно возрастут. Однако с помощью VPN для ВКонтакте вы можете заниматься своими делами в сети, не оглядываясь на все время.

Используя PureVPN, вы можете просматривать веб-страницы под прикрытием анонимности. Это также позволяет оставаться скрытым от ограничений, которые интернет-провайдеры и региональные власти накладывают на пользователей Интернета в своей стране.

Как убрать пробелы в меню группы ВКонтакте. Как сделать меню в группе ВКонтакте: подробная инструкция

Сегодня продолжу свое «погружение в группу ВК». В третьей части «сериала» я рассказал и показал, что.Сегодня поговорим о дизайне группового меню ВКонтакте!

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

Вопрос 1: Первый и самый распространенный: «Где в меню код?» или «Если нет закладки при редактировании« Источник »Как добавить внутреннюю страницу?» или «Я все еще не понимаю, что делать, если код не появляется!»

Ответ 1: ВК изменил редактор теперь, чтобы переключаться между визуальным редактором и кодом всего в один клик (редактор в правом верхнем углу):

Что проверять, в каком редакторе вы находитесь: Наведите указатель мыши на эту кнопку, напишите текст и выделите его жирным шрифтом — если появляются не обычные символы, значит, это код

Вопрос 2: Второй, действительно проблемный: « а как убрать зазоры между картинками?» »

Ответ 2: Признаюсь, сам испугался, когда «пошло» меню впервые.Теперь я быстро прав, а тогда это было не весело. См .:

Добавить тег nopadding; И все станет на свои места!

Между картинками пробел и меню выглядят разбитыми. Для не заросших это может быть ненормально, но для не по крайней мере не профессионально. Так в чем дело? И все очень просто! В ВК постоянно происходят какие-то обновления, внедряются новые алгоритмы … Да, редактор плачет … Нет важных тегов от этого из кода и то мы видим такую ​​картинку.Чтобы исправить это, вам нужно заглянуть в код и внести необходимые коррективы. Формат кода должен быть таким:

Шаблон: [] Пример: []

Обычно изображения меню перемещаются, потому что он выпадает из кода nopadding ; — Вставляем на место и все выравнивается. Перед тем, как сохранить результат, нажмите кнопку «Предварительный просмотр», чтобы убедиться, что все стало точно.

Вопрос 3: Новости. В октябре 2012 года ВКонтакте в обязательном порядке вырезал автомобильные группы и паблики.Теперь их размер стал общепринятым — 200х500 пикселей. Итак, если у вас больше в группе Аватар, то сделайте апдейт (обновите аватар).

Кстати, в комплекте с обрезкой, ВК ввел еще одно нововведение, касающееся фотографий групп: теперь нажав на аватарку, мы также можем увидеть все альбомы сообщества. Удобно! И из этого сделана новая функция в групповом общении.

Ta-a-ak, с вопросами закончили … Теперь переходим в само меню создания!

Шаг 1.Как создать меню в контакте и сделать вложенные страницы:

Прежде всего убедитесь, что вы умеете создавать групповое меню в контакте и пропустите небольшую инструкцию:

Как вам моя детская кроватка?

Вот такая шпаргалка! Для большей наглядности напишу каждую цифру:

Проделайте эту операцию со всеми вложенными страницами, и ваше меню будет готово.

Есть! В меню созданы домашние Pages Made, заполнили их, теперь перейдем к созданию красивого графического меню.

Шаг 2. Как создать красивое графическое меню в контакте и поставить:

Всю теорию о том, как устроена вики-разметка В контакте я вам приводить не буду, у нас сейчас другие цели. Чтобы создать визуальное меню в группе ВК, не обязательно знать всю вики-разметку. Перейдем к созданию визуального меню!

Для начала покажу код и результат вашего меню:

Признаюсь, я сделал это специально для написания этой статьи.Все «руки не доходили» сами знаете как «сапожник без сапога». Но теперь я с визуальным меню в группе ВК!

Как нарисовать картинку для меню, не скажу, это дело дизайнеров, рисую сам, но не очень профессионально. В конце статьи я привел видео о том, как нарисовать простое меню в фотошопе, читайте, можете и сами справитесь. Если нет, закажите картинку в меню.

Покажу средний вариант настройки меню. Разница в количестве предметов.Меню, которое просто нарезано на полоски, — это простейший спектакль. Чем больше в строке нажимаемых кнопок, тем сложнее выполнение. Хотя, зная фичу, все просто! Бывает только вовремя. Итак, ширина рисунка должна быть:

370 пикселей — если в строке у вас будет два и более объекта, например кнопки соцсетей вроде меня

И максимум 388 пикселей — если вырезать картинку по простому, только по линиям, не разделяя второстепенные объекты. Это особенность, которую нужно знать при нарезании меню на кнопки.У меня размер картинки все меню получилось 370×456 px.

После того, как картинка нарезана на нужное количество объектов и сохранена в отдельном альбоме, загрузите этот альбом в ВК. Загружаем в профиль аккаунта, а не в группу! Так как в альбомах группы больше нет возможности скрыть альбомы. Технический альбом в корпоративной (например) группе вообще не нужен, поэтому скрыть элементы меню в личном альбоме:

Технический альбом ВК.

После того, как вы настроили конфиденциальность «только я». Заходим в настройку самого меню. Я дам вам пример кода, который будет для вас шаблоном, и задаюсь вопросом, из чего он состоит:

[]

где, фото 7632142_296

9. — Это адрес картинки! Смотрим в адресную строку картинки:

С первой картинки приступим к вставке меню в группу ВКонтакте

Вам нужен краткий адрес фотографии, для этого перейдите в сам альбом:

Зайдите в сам альбом, чтобы получить нужный адрес Картинки!

… и начиная с первой картинки перенести их в групповое меню.

Добавьте картинки в меню кода!

Итак, адрес картинки добавлен, размер указан, теперь ставим тег nopadding; — Это нужно для того, чтобы наши картинки плотно прилегали друг к другу. И последний этап Ставим ссылку на страницу, куда посетитель попадет, после того, как кликнет по картинке.

Вот небольшая доработка! Внешние ссылки, Ссылки на альбомы ВК и обсуждения пишут полностью, а ссылки на внутренние страницы в формате страница-32734125_44298120.. В начале и в конце строки не забудьте поставить две квадратные кавычки и без пробелов.

Уточнение 2: Когда мы ссылаемся на внутренние страницы без картинок, то для обсуждений, альбомов и внешних ссылок мы ставим одинарные квадратные кавычки.

Строки, в которых у вас два или более элемента, вставьте код без пробелов. Вставьте каждую строку изображения друг за друга. Потому что если после строки с картинкой нажать ENTER, то картинка перескочит на новую строку И меню сдвинется.Нам нужно, чтобы меню отображалось целиком, поэтому нам не нужны лишние пробелы и «иртер»!

После того, как вы переместили все картинки в меню и расставили их (размер, ссылка), сохраняем результат и восхищаемся вашей работой! Все! Готовый!

Регулировал группу ВКонтакте для фирмы, в которой работаю. Столкнулся с задачей создания меню. Набрал в поисковике «Регистрация групп ВКонтакте». Из полезного получил в ответ огромный пост и получасовое видео. Оказалось, что если не заморачиваться и составить простое и красивое меню — все намного проще, чем кажется.

Итак, как быстро сделать регистрацию?

Для начала включим эту возможность в группе. Заходим в раздел «Управление сообществом» и включаем материалы. Теперь на главной странице при наведении курсора на меню слов появляется «Редактировать».

Если у вас есть фотошоп и вы знаете, как им пользоваться, все еще проще. Я сделал в Paint.

Нужно определиться с размерами меню и аватарками по длине. Хорошо, что они закончились на одном уровне.С шириной все стандартно. Ширина меню — 382 пикселя. Ширина аватарки — 200 пикселей.

Если меню и аватар составляют единую картинку, не забудьте про белую полосу между ними. Он не снимается, поэтому нужно сразу вырезать из рисунка.

В окне редактирования загрузите части будущего меню.

Если вы перейдете в режим разметки вики, вы можете вставить ссылку, чтобы пройти через вертикальную линию.

Например:

[]
фото 239952196_322501460. — Это ссылка на фото.
400 пикселей 72. — Это размер фото
nopadding — Это тег, который очищает промежутки между изображениями
страница — 11053617_29800171 — Это ссылка, по которой пользователи группы будут переключаться на этот текст на картинке . Вы также можете узнать, как и ссылку на фото, просто открыв нужную страницу и скопировав ее из верхней адресной строки браузера.

Если после всех операций между картинками осталось расстояние, проверьте, нет ли лишних пробелов.

Еще меню сделал.

Вывод: все просто. Иди актив идет!

И сегодня я решил продолжить эту тему и поговорить о том, как создать графическое меню в контакте с . Ведь не каждый вебмастер, желающий красиво оформить свою группу, оформляет текстовое меню. Теперь, пожалуй, более актуально графическое меню, поскольку различные изображения воспринимаются гораздо лучше посетителей, чем текстовые ссылки.Да и с помощью графики можно найти что-нибудь красивое и красочное.

С чего начать?

Ну для начала естественно стоя с подбором подходящей графики или рисовать меню с нуля. Конечно, не каждый может нарисовать меню с нуля. Но проблема решена, так как во всемирной паутине совершенно разные графики, как платные, так и бесплатные, с помощью которых можно составить план. На этом этапе я не буду вдаваться в подробности, так как картинки в сети найти несложно, а вот рисовать я не умею.Сразу начну с того, что у нас уже есть подходящая графика, а что делать дальше непонятно?

После того, как скачали или нарисовали меню, его нужно вырезать. Для чего это? Это необходимо для создания отдельных ссылок, для того или иного изображения. Так как, если наше меню полностью в группе, то больше одной ссылки не работает, либо я чего-то не знаю. Кроме того, наше меню нужно настраивать по размеру, то есть необходимо учитывать, что максимальная видимая ширина составляет 388 пикселей (одно изображение), а остальные будут либо обрезаться, либо гонять в размерах, которые вы указываете при создании меню в группе, при этом изображение может растягиваться или наоборот сжиматься, что может испортить первоначальную задумку.Также стоит учесть, что, например, для горизонтального меню нам придется перемещаться по ширине 370 пикселей, иначе меню не строится по горизонтали.

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

Просто выберите этими инструментами необходимые области, например:

И за исключением веб-устройств.

В появившемся окне мы можем выбрать формат изображения, его качество и многое другое. В этом случае я выберу формат: jpeg и лучшее качество, а остальное оставлю как есть, и сохраню графическое меню ВКонтакте.

Заходим на страницу нашей группы. И делаем некоторые подготовительные действия: в управлении сообществом подключаем «Материалы», сохраняем. Если что-то непонятно на данном этапе, то прочтите статью, про текстовое меню ВКонтакте, там все подробно, про это сказано.

После этого нам нужно скачать наши картинки, которые мы получили при нарезке меню. То есть нажмите «Добавить фото».

После загрузки картинок можно переходить к созданию меню. Для этого нажмите «Редактировать» рядом со свежими новостями.

А теперь вы можете добавить код нашего меню. В моем случае это будет выглядеть так:

[] [] []

Итак, разберемся подробнее что к чему:

… — Эти теги выравнивают наше меню по центру.Если их убрать, меню визжит к левому краю.

фото-48249652_297601976 — Путь к нашей картинке. Путь формируется следующим образом: Номер альбома_номер самой фотографии. Как найти путь к нашему имиджу? Все очень просто. Зайдите в фотоальбом, в котором находятся наши фотографии, и нажмите на нужное изображение. Тогда в адресной строке мы увидим полный путь к нашему изображению.

130x46px; nopadding; — Параметры изображения: 130x46px; — Ширина и высота нашей картинки (может отличаться от размера самой стены) — для вертикального меню контакта CCC указывать не обязательно; nopadding; — Без пробелов — при использовании этой опции все пробелы (отступы) удаляются, а изображения объединяются в одно.

Вот что я сделал:

Горизонтальное меню ВКонтакте сделано по принципу. Единственное отличие состоит в том, что при написании кода новые пункты меню не нужно переносить в новую строку. И также не забывайте, что при таком расположении картинок мы можем использовать ширину всего 370 пикселей. Я едва исправил приведенный выше код и получил:

[] [] []

А это выглядит так:

И еще хотелось бы добавить: Бывают ситуации, когда нам нужно вставить картинку в меню, но это не должна быть ссылка.Он должен выполнять роль украшения. Для этого достаточно использовать опцию «NOLINK». Вот наглядный пример: Тоже горизонтальное меню, только первая кнопка не является активной ссылкой, а представляет собой простую картинку.

[] [] []

Ну в принципе и все. Как видите, графическое меню ВКонтакте несложное, главное его нарисовать. И тогда, используя все знания, полученные в этой статье, вы сможете лучше всего сделать Меню для своей группы ВКонтакте. И еще хочу отметить, что горизонтальное и вертикальное меню можно комбинировать, тем самым добиваясь абсолютной уникальности.

Теперь любые манипуляции в группах ВКонтакте (меню, навигация, пагинация, новости и т.д.) для этого будут намного проще, достаточно изучить мой Видеокурс в технических Секретарях групп ВКонтакте . Вы просили видеоуроки, а я записал целый видеокурс — забирайте !!!

Удачных экспериментов!

И снова рад вас приветствовать!

В сегодняшней статье речь пойдет исключительно о группе BCAKTAK, хотя по большей части я предпочитаю работать с публичными страницами.Но когда в прошлой статье я касался примера своего паблика, у многих возникли вопросы, это касалось меню для группы.

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

Вот что я сделал.

Делал меню только для примера. Для того, чтобы разобраться с ним по группам, рассмотрим более подробно все тонкости для вас.

Итак. Вот основные шаги:

• Продумайте главное меню
• Выбрать изображение
• фотошоп (без фотошопа как всегда никуда)
• Резка изображения
• Заливка изображений в альбом контактов

Для активации недавних записей (Для вашего будущего меню) нужно зайти в управление сообществом и включить пункт — «Материалы»

После включения материалов вверху группы появится пункт «Свежие новости», в котором необходимо будет создать меню.Как и с любой страницей контактов, попадаем в редактор, в котором можно вручную заливать изображения или кнопки меню и через разметку Wiki (кнопка в правом верхнем углу).

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

В моем примере я использовал фон девушки и разместил слева от него 3 кнопки. Каждая кнопка — имела свое название.

Мое меню состояло из следующих пунктов:

Для введения готового изображения в контакт его необходимо раскрыть.Для этого в фотошопе воспользуемся инструментом «вырезка». Думаю, с этим сложностей не возникнет. Там все просто … на всякий случай сделал фото 🙂

Выбираем этот инструмент и начинаем «резать». Получилось 4 части. (самая простая вещь что придумала 🙂 хотя можно и на части разрезать)

Все необходимое работает Создание меню выполнено. Теперь можно переходить к созданию меню ВКонтакте. Для этого поочередно загружайте изображения в контакте. Вот что получилось в итоге:

Теперь нажмите на каждую кнопку (или часть изображения) и назначьте необходимый адрес (ссылку).Для удаления лишних пробелов необходимо использовать тег «NOPADDING» (в меню разметки Wiki)

Тег «Nopadding» — убирает промежутки между картинками, то есть помогает «стыковать их вплотную друг к другу».

В результате добавления тега произошло следующее:

Вроде все понятно и ничего сложного. А если вдруг надумаете его создать, то дерзайте, наверняка красивее станет … На моем примере получилось не очень круто, как хотелось бы, но рабочую часть я посмотрел за вас.Конечно, если потратить больше времени, а также обратиться к фрилансерам, можно составить очень крутое меню.

Многие видели, что делают продолжение основной аватарки. Получается как одно целое изображение. Выглядит неплохо. Но для этого нужно лучше разбираться в фотошопе 🙂.

Также заметил, что многих интересует вопрос — как сделать так, чтобы меню группы открывалось , то есть открывать меню группы ВКонтакте было изначально при входе в группу.

Ответ: Эту фичу насколько я знаю администраторы Вконтакте удалили. Раньше была отдельная кнопка, чтобы меню было фиксированным — открыть. Потом эту функцию убрали, и теперь меню нужно открывать отдельно.

Хотя, встречал какой-то открытый дефолт … а кто-то даже сказал, что есть какой-то код, который справляется с этой проблемой. Но я бы не советовал вам его использовать. Судя по обсуждениям на многих форумах, админы это не приветствуют!

А сегодня все.Перед подключением!

С помощью вики-разметки можно составить групповое меню, аналитические статьи, каталоги, инструкции. Конечно, потребуется потратить немного больше времени, чем на оформление обычных столбов на стене. Но чем больше вы возитесь с дизайном контента — тем больше Спасибо будет вашей аудитории.

Как работает вики-разметка

Разметка Wika — это язык, который используется для верстки страниц. Условно его можно назвать младшим братом HTML.На вики-страницах удобно писать и форматировать текст, вставлять иллюстрации, видео, ссылки, таблицы. Вы можете гнаться за простой статьей или составить целое интерактивное руководство с главами и субтитрами.

Ширина любой вики-страницы — 607px. Высота ограничена только количеством знаков, их может быть около 16000.

Все обозначения вики удерживаются на тегах, например HTML. Есть одиночные теги (например,
— передача строки) и парные (например, эскиз ).

Как работают теги для текста в вики-разметке

В некоторых случаях в вики-разметке используется упрощенный синтаксис (теги заменяются типографскими знаками).Например, для создания маркированного списка используются звездочки «*», а для пронумерованных — «#» решетка.

Как работают типографические знаки в вики-разметке

Все существующие теги и способы их использования собраны в официальном ВКонтакте Vika Community. Используйте материалы этого сообщества как надежную шпаргалку. А в этой статье мы расскажем об основных принципах работы с wiki-разметкой и шаг за шагом, как создавать страницы и меню группы.

IN стандартный редактор У вики-страниц есть два режима: визуальный и режим вики-разметки (кнопка переключения выглядит так :).

Так выглядит активный режим разметки Wika

Примитивный текст с парой картинок можно закинуть в визуальном режиме. Это обычный текстовый редактор и не требует каких-либо знаний о вики-разметке. Но если вам нужна аккуратная вики-страница с таблицами, ссылками и встроенным видео, это можно сделать только в режиме разметки — с помощью кода.

Как создать вика страницу

Кнопки «Создать новую страницу» в интерфейсе ВКонтакте не существует.Поэтому мы расскажем о двух способах: стандартном и расширенном (с использованием приложения).

Стандартный

Для группы. Перейдите в Управление сообществом → «Разделы» → «Материалы» и выберите «Открыть» или «с ограничениями».

Как включить «материалы» в группе

Теперь на главной странице группы появится раздел «Свежие новости». Это место для якобы меню группы. Для создания новой страницы вы можете написать ее название прямо в режиме редактирования страницы «Свежие новости», заключить его в квадратные скобки, нажать на «Предварительный просмотр» и получить готовую ссылку на новую страницу.

Как создать новую страницу через «Свежие новости»

Для общественности. Чтобы создать новую страницу, вам необходимо знать ID вашего паблика. Для этого перейдите в раздел «Статистика сообщества». В адресной строке браузера вы увидите этот код:

https://vk.com/stats?gid= 123456789

Желаемый ID группы — это все числа после «gid =».

Теперь вам нужно ввести браузер в адресную строку:

https: // vk.com / pages? Oid = -Hhxx & p =Ansession

Вместо xxx подставляем idibress ID, вместо nazing_start — тогда имя, которое вы придумали. В названии можно использовать кириллицу, латиницу и цифры. Специальные символы Использовать не запрещено, но лучше не рисковать: из-за них у вас может возникнуть бездна редактирования страницы. Вставьте все данные в нужные места, нажмите ENTER, и браузер откроет созданную страницу.

Использование приложения

Разработчики ВКонтакте рекомендуют три приложения для работы с вики-разметкой: «Мобивик», «Источник» и «Вики Плакат».

В этом руководстве мы возьмем для примера приложение Mobivik. В ноябре 2017 года он получил вторую премию в программе Start Fellows Program. Работает без установки и дополнительной регистрации в десктопной, мобильной версии Вконтакте и в приложении на телефоне (разработчик рекомендует использовать версию не ранее Android 5.1, iOS 9 и Windows Phone 8.1).

Чтобы создать новую страницу, на главном экране приложения выберите нужную группу и введите имя новой страницы, а затем нажмите «Получить ссылку».

Как создать новую страницу с помощью приложения Mobivik

Ссылки на новую вики-страницу в приложении «Мобивик»

А вот лайфхак для тех случаев, когда вы делали сложную страницу из большого количества элементов и боялись, что макет уйдет на маленький экран. Скопируйте адрес из кода для Wika-Page. Перейдите в режим редактирования вашей страницы и вставьте ее в самое начало кода. Вы получите такое изображение:

Когда пользователь его нажмет, он попадет в приложение Mobivik, которое покажет аккуратную мобильную версию Вашей страницы.

Слева — страница Live Community Menu, Открыть мобильный,
справа — также открывается через «Mobivik»

Как получить ссылку на вики-страницу

Как найти страницу, созданную ранее? Самый простой I. Надежный способ — скопировать все адреса вики-страниц заранее отдельным файлом, например, в Google Tables. Другой способ — через любое приложение для работы с вики-страницами. Например, перейдите в «Mobiwick», выберите название сообщества и нужную страницу, нажмите «Получить ссылку» и скопируйте адрес из пункта «Ссылка на страницу Wika».

Как получить ссылку на ранее созданную вики-страницу

Как сделать пост со ссылкой на вики страницу

Скопируйте ссылку на вики-страницу и вставьте новую запись на ее стену или на стену сообщества. Если все сделано правильно, сайт сгенерирует блок ссылок под текстовым полем Записи. Теперь удалите сам текст ссылки, прикрепите баннер и нажмите «Отправить». В настольной версии баннер также будет ссылкой на вики-страницу, а в мобильной — будет открываться как обычная картинка.

Прикрепленное к публикации изображение будет частью ссылки на вики-страницу в настольной версии

Текст

Возможности оформления текста в wiki-разметке в целом не отличаются от возможностей обычного текстового редактора. При редактировании непосредственно текста (утолщение, выравнивание по правому краю и т. Д.) Используем теги вики-разметки, не забываем их закрывать: Текст в центре .

Для борьбы с текстом в вики-разметке предусмотрены комбинации типографских знаков.Например, такой код «—- «Вставьте в текст горизонтальную разделительную полосу и тому подобное» :: «- двойной отступ перед абзацем.

На одной странице можно разместить около 16 тысяч знаков.

Ссылки

Вместо адреса видится текст, добавляем название ссылки:

[] — в профиле пользователя

[] — на главной странице Сообщество

[] — на другой странице вики

[] — при встрече ВКонтакте

Изображения

Предельная ширина изображения, которое можно использовать в разметке вики, составляет 607 пикселей, это ширина самой страницы вики.Высота практически не ограничена (помните, что высота самой страницы — 16 000 знаков). Изображения можно скачать двумя способами.

Использование загрузчика в редакторе верхнего меню.

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

https://vk.com/club12345678?z= фото-12345_12345. % 2Falbum-12345678_12345678

Скопируйте с него изображение ID (выделено жирным).Далее мы обрамили его двойными квадратными скобками и вставили в нужное место на странице. Получается примерно так:

[]

Что дальше? Отредактируйте выравнивание, плавность текста, размер, привяжите ссылку. Напишите для этого необходимые параметры после вертикальной черты и через запятую. Например, в таком коде мы просили картинку 300x100px и обтекание текста справа:

Видео

Сначала нужно скачать видео в сообщество видео.После скачивания открываем видео и копируем из адресной строки его ID (выделено жирным).

https://vk.com/videos-12345678?z\u003d. видео-12345_12345 % 2FClub12345678% 2FPL_-12345678_-2.

Обрамляем квадратными скобками и получаем такой код:

Получаем маленькую картинку со значком Play, при нажатии на которую разворачивается полноценный видеоплеер. Для воспроизведения видео на самой странице разработчикам ВК предлагается использовать тег Player.

Но здесь мы получаем непропорциональную черную рамку вокруг видео:

Чтобы его убрать, нужно подогнать размер плеера под размер самого видео.Например, в нашем случае подошли такие параметры:

Мы получили видео без черной рамки, будет воспроизводиться прямо на странице.

Таблицы

Если вы хотите красиво структурировать содержимое вики-страницы и предоставить ему аккуратное отображение на мобильных устройствах, без таблицы не обойтись. Здесь вам понадобятся такие простые знаки:

При работе с таблицами можно использовать 4 тега: Noborder. (делает невидимую рамку таблиц), Номаргин.(делает таблицу заполненной вики-страницей), nopadding (удаляет отступы в ячейках) и Fixed (позволяет создавать таблицу фиксированных размеров). Сколько ячеек вы укажете в строке, столько столбцов будет в таблице.

Вот пример таблицы 2 × 2 без отступов сверху и снизу текста внутри ячеек:

Ширина первого столбца — 200 пикселей, ширина второго — 300 пикселей.

Вот что из этого вышло:

В ячейки таблицы вы можете поместить текст, картинки, аудио- и видеозаписи.

Как сделать вики-меню

Групповое меню ВК — это не какой-то отдельный функционал, а просто вики-страница с несколькими картинками, в каждой из которых вшита ссылка на страницу. На самом деле здесь все просто.

1. Готовим обложку для меню. Вы можете сделать любой подходящий снимок и нанести на него текст. А можно нанять дизайнера, который откажет вам в красивых блоках и кнопках. У нас будет меню на 6 кнопок. Для этого нам понадобится картинка, где будут указаны эти кнопки.Определите его размер.

При подготовке изображения для меню помните, что викинг-страница составляет 607 пикселей, ширина изображения не должна быть больше, иначе изображение будет пустым и потеряет качество. Например, мы взяли изображение размером 510×300 пикселей.

1. Разрезаем эту картинку на 6 частей (частей на каждую пуговицу). Это удобно делать в Adobe Photoshop. Инструмент «Раскрой». Если не хотите заморачиваться, воспользуйтесь, например, онлайн-сервисом Imgonline (разрезает картинки на равные части).Все сделали в фотошопе.

При активном инструменте «ОХЛАЖДЕНИЕ» щелкните правой кнопкой мыши на изображении «Мыши» и выберите «разделить фрагмент», укажите желаемое количество фрагментов и нажмите «ОК».

Как вырезать картинку в фотошопе

Наше меню будет оформлено в виде таблицы из 6 ячеек: в три строки и две колонки. Для этого мы разрезаем картинку для меню на 6 равных частей размером 255 × 100 пикселей. Для каждой ячейки необходимо установить одинаковый размер.

1. Создайте рамку для стола. Переходим в режим редактирования новой страницы и составляем таблицу. Откройте его тегом (| и сразу задайте три важных параметра:

• nopadding — Разрешить касание изображений
• noborder. — конфорки видимые границы стола
• fixed — Позволяет установить точные размеры ячеек.

Укажите фиксированную ширину ячеек — 255 пикселей 255 пикселей (дважды, потому что столбцов тоже два). Далее устанавливаем места для начала тега новых строк | — и тег новых ячеек (столбцов) | .Закрываем тег таблицы |) и получаем такой фрейм:

1. Ставим картинки в ячейку и просим на них ссылки . Либо открываем необходимые части картинки в альбоме сообщества, копируем из браузера строку их ID (photo-12345_12345), заключаем в двойные квадратные скобки, прописываем размеры 255х100px и тег nopadding для приклеивания картинок. После вертикального элемента мы назначаем ссылку для каждой кнопки. Получаем вот такой код.

(| NOBORDER NOPADDING FIXED
| ~ 255px 255px
| —

| []
| —
| []
| []
| —
| []
| []
|}

1. Готово! Нажмите «Сохранить страницу» — и получите удобное для сообщества меню.

Готовое групповое меню в настольной версии

Готовое групповое меню в мобильной версии

Если вы сделали меню для группы , то оно будет легко доступно, нажав на «Свежие новости» (кстати, эту страницу можно переименовать в «Меню» в режиме редактирования).

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

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

Как сделать пост со ссылкой на меню в паблик

Как исправить меню сообщества

Новый редактор статей ВКонтакте и вики-разметки

Администрация ВКонтакте объявила о запуске редактора статей 22 декабря 2017 года и позиционирует его как инструмент для публикации Longrides.

Некоторые пользователи решили, что он создан взамен разметки Wika. Но пока такие выводы делать рано, потому что функциональность редактора пока довольно скудная. Это не подразумевает редактирования медиафайлов (размера и выравнивания) и создания таблиц, а гиперссылки можно назначать только тексту. Здесь нет тегов и кода, есть только визуальный режим, как в обычном текстовом редакторе.

Из этого видно, что еще можно сделать удобное меню для комьюнити или Wika-Landing.Можно по-прежнему только с вики-разметкой. Что будет дальше — покажет время.

Так выглядит интерфейс нового редактора статей ВКонтакте

Что нужно помнить о вики-разметке

• Стандартный метод создания вики-страниц кропотливый и не очень удобный. Самый простой способ создать страницу через приложение Mobivik, «исходный код» или «вики-плакат».
• В меню сообщества нужно сделать таблицу, чтобы ее внимательно смотрели на мобильных устройствах.
• При редактировании вики-страниц в стандартном интерфейсе Не переключайтесь между визуальным режимом редактирования и режимом вики-разметки. Из-за этого может пойти верстка.

Запомните все теги (необязательно), чтобы сохранить ссылку на

ВК не работает? Vk.com сегодня не работает для меня или всех остальных?

Что делать, если сайт VK.COM недоступен?

Если ВК.COM работает, но вы не можете получить доступ к сайту или его отдельной странице, попробуйте одно из возможных решений:

Кеш браузера.
Чтобы удалить кеш и получить текущую версию страницы, обновите страницу в браузере, используя комбинацию клавиш Ctrl + F5 .

Доступ к сайту заблокирован.
Очистите файлы cookie вашего браузера и измените IP-адрес компьютера.

Антивирус и брандмауэр. Убедитесь, что антивирусные программы (McAfee, Kaspersky Antivirus или аналог) или установленный на вашем компьютере межсетевой экран не блокируют доступ к VK.COM.

DNS-кеш.
Очистите кеш DNS на вашем компьютере и попробуйте снова получить доступ к сайту. Видео с практическими рекомендациями. Смотреть ↓

VPN и альтернативные службы DNS.
VPN: например, NordVPN;
Альтернативный DNS: OpenDNS или Google Public DNS.

Плагины браузера.
Например, расширение AdBlock вместе с рекламой может блокировать содержимое сайта. Найдите и отключите похожие плагины для своего сайта.

Нужна техническая помощь?
Немедленно поговорите один на один со специалистом службы технической поддержки
через JustAnswer

Общайтесь с техническим экспертом

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

), сделайте меню.

Сейчас я покажу вам , как сделать меню в группе ВКонтакте и сделать правильно .

Создание красивой графики

В новом дизайне сайта ВКонтакте изменены размеры на графику. Ниже вы найдете текущие значения.

• Аватар группы — 200 × 300 пикселей
• Баннер в описании — 510 × 271 пикселей

Подготовьте изображения нужного размера.Сделаю готовые снимки, чтобы показать вам на их примере.

Итак, давайте сделаем красивый дизайн, разделив общую картинку на две части. В результате мы получим единый дизайн.

Для начала загрузки аватара. Заходим в группу, и нажимаем «Загрузить фото».

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

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

Идем по стене. Здесь в блоке «Добавить заметку» нажмите на значок «Фото».

Загрузите вторую подготовленную картинку. Обязательно выберите публикацию от имени сообщества. Затем нажмите «Отправить».

Теперь запись надо поправить (см.). Возвращаемся к новой записи, а в правом верхнем углу разворачиваем меню. Здесь вы нажимаете «Стоп».

Теперь обновите страницу и посмотрите результат.

Единственный минус — картинки находятся на разном уровне. Но это связано с тем, что они не подходящего размера. Аватар должен быть более вертикальным. Тогда они будут на одном уровне.

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

Вернемся к нашему примеру и представим, что вам нужно сделать кнопку «еще». Она уже есть на фото. Как сделать так, чтобы при нажатии на кнопку человек попал на наш основной сайт? Сейчас покажу.

Чтобы сделать кнопки меню активными, мы должны вырезать их с отдельными картинками. Для этого нам понадобится фотошоп.

Открываем нашу картинку в редакторе, и активируем инструмент «Вырезка».

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

Теперь нажмите Alt + Ctrl + Shift + S, чтобы сохранить готовые изображения.

https://vk.com/pages?Oid\u003d-120208137&p=May

Смотрите, после символов «ODI = -» нужно вставить ID своей группы (см.).А в самом конце ссылки напишите название своей страницы из меню. В этом примере мы выйдем из «Меню».

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

Теперь переходим непосредственно к созданию меню для группы в ВК. Должно быть что-то подобное.

Далее переходим в раздел «Редактирование». Здесь для каждого изображения нам нужно убрать отступы, чтобы они сливались в единое изображение. Для этого добавьте это значение «nopadding;» .И добавьте ссылку на нужную страницу или сайт, произнося значение «https://site.ru/page.html» (укажите свои адреса!). В нашем примере кнопка «Еще» должна вести на сайт сайта. Вот что должно произойти.

[] []

Сохраните страницу. Не забудьте скопировать его из адресной строки. Должен быть вид:

https://vk.com/page-120208137_52523487.

Возвращаемся к стене группы, и создаем новую запись. Вставьте в нее ссылку на страницу и примените исходное изображение.Публикуем и исправляем.

Это меню произошло в конце концов.

Если все так, то вы попали в нужную статью. Здесь мы обсудим, как оформить группу [Эм, поправить сообщество] в соцсети ВКонтакте и было хорошее впечатление у пользователей. Времена меняются, люди становятся умнее и могут сразу решить

Как вы наверное знаете, ВК предоставляет 3 варианта создания групп [Сообщества]:

Исходя из ваших целей и задач — определите для себя, какой вариант вам подходит.Естественно, события созданы под любые события. Давайте разберемся — что выбрать — группу или паблик?

На самом деле возможности группы и паблика вконтакте не слишком различаются.

Создавайте рекламу, а не группу.

Есть несколько общественных преимуществ вместо группы. Паблик проще в дизайне и использовании, также он находится в блоке интересных страниц пользователей. Исходя из этого, можно узнать интересы пользователя. В данном случае это фотография и все, что с ней связано.

Что касается группы — на ее стене можно задать вопросы потенциальным покупателям. Сначала это выглядит преимуществом, но только если у вас нет контент-плана и вы ставите цель только в том, что люди начнут спрашивать. Но в таких группах вовлеченность очень слабая.

Также в группах есть возможность приглашать друзей. В пабе эта функция урезана. Но вряд ли ваши друзья — это ваша Корова, которой вы собираетесь продавать услуги или товары.Поэтому сосредотачиваться на окружении тоже не лучший смысл.

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

Название сообщества

Теперь коснемся темы названия нашего сообщества. Как правильно сделать заголовок, чтобы он работал на наш бизнес и начал давать трафик.Например, вашим видом деятельности является продажа женской одежды в Нижнем Новгороде.

Зайдя на Яндекс видно, что …

Группа попала в ТОП выдающих PS по этому запросу и что-то ранжируется по этому запросу. Соответственно, было бы разумно назвать их группу, чтобы попасть и в выдачу Яндекс, и в поиск ВКонтакте.

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

В идеале формат имени выглядит так:

Интернет-магазин женской одежды | Lovandzzoo.

где «Интернет-магазин женской одежды» — ключевой запрос

Lovandzzoo — название вашего бренда

Аватар и обложка

Дизайн не является важным механизмом в механизме Интернет-бизнеса, но приятно оформленная группа без подозрительного и дешевого дизайна вызывает большее доверие. А дизайн сообщества начинается с грамотно разработанного аватара и обложек сообщества.

Аватар сообщества — это лицо вашей компании, и на нем также должно отражаться позиционирование компании и контактные данные. Для записи необходимо:

• род занятий
• Логотип и торговая марка
• телефон
• Призыв к действию — например, «Подпишитесь, чтобы позаботиться о своем здоровье и внешнем виде».
• стрелка, указывающая на подписку.
• также укажите адрес и внешний ресурс — сайт.

Пример хорошей авы:

А теперь поговорим о дизайне обложки, которая сейчас стала популярной после нововведений ВКонтакте. В принципе подход такой же, как и сделать аватарку, только теперь все переводится в горизонтальное положение. Вот несколько примеров хороших обложек с разным стилем оформления. В общем одно — понятно, откуда человек попал и что он видит. Обложка должна отвечать на вопросы «Что это?».

Обратите внимание на последнюю крышку и стрелки на:

• логотип
• марка
• что такое Паблиш
• что пригодится подписчикам
• и что получит пользователь, если подпишет

Вы можете сделать то же самое, и вы станете стандартной рабочей структурой компетентного сообщества.

Вики-меню

Вы можете добавить популярное вики-меню в дизайн сообщества. Главное — продумать структуру меню, потому что в определенном смысле создавая разметку меню с вики-разметкой — вы создаете мини-сайт в социальной сети и пользователь не должен в нем теряться. Посмотрите это вики Меню И вы поймете, что означает грамотная структура вики-меню.

Пример хорошего и привлекательного меню.

В зависимости от нишевого вики-меню оно может содержать следующие разделы.

• если это продажа Piz. товары и услуги — условия доставки, категории товаров, прайс-листы, как заказать, описание и др.
• , если продажа информационных продуктов
  — это структурированная база контента, например

Еще один пример хорошего меню:

Ссылки

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

Читайте также >> >>

Content Is King.

Content Is King.

Он сказал однажды Билл Гейтс и оказался прав. Социальные сети существуют и популяризируются благодаря наличию в них постоянно генерируемого контента. Без него группа сгорает и о ней забывают. Поэтому необходимо регулярно публиковать сообщения, чтобы напоминать о себе.

А как правильно делать посты, чтобы они лежали и делились?

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

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

ЧПС в постах

Старайтесь не указывать оригинальные ссылки или ссылки с метками UTM, а уменьшить их с помощью сервиса vk.com/cc. В заголовке, под заголовком пост. Пользователи ВК игнорируют посты с длинными ссылками (особенно в начале). Их интересует контент. Cress ссылается на посты с вк. . ком. / куб.

Вот, на конкретном примере, вы можете посмотреть, как выглядит эта ссылка в посте:

Старайтесь не использовать банальные и банальные заголовки.Цель заголовков — привлечь внимание подписчиков сообщества в ленте новостей. Например, заголовок «16 + 1 эффективных и лечебных свойств тыквенного масла, о которых не догадываются 95% людей на планете» Он подействует на внимание аудитории лучше, чем несомненные «свойства тыквенного масла». » Попробуйте добавить в заголовок цифры и конкретику. Тогда пост привлечет внимание.

Готовы бросить вызов своей мечте и реализовать свои идеи и идеи в Интернете, начать зарабатывать серьезные деньги в Интернете?

Разнообразное содержание

Определите минимум 30 тем (потребностей), которые могут непосредственно касаться вашего направления, и с помощью таймера запустите публикацию.

Сделайте интересный контент о своей нише. Например, по спортивной тематике — можно писать обучающий мотивационный контент и экспертный контент. Список потребностей можно сделать бесконечным, а проблема выбора формата откладывает себя для публикации. В каждом посте используйте разные призывы к действию с обоснованием причины — «Поставьте лайк, если было полезно», «Сделайте репост, если считаете, что об этом должны узнать все ваши друзья».

Добавляйте смайлы к сообщениям, чтобы сделать их более красочными и привлекательными.Но не меняйте.

Узнай,

Видео

Во все видео, скачанные на YouTube, вставьте обложку для упаковки и обертку, которая привлечет внимание пользователя. Ролик без обертки очень сырой, по которому уже видно, что их скачивать не будет интереса.

Вот пример, как должна выглядеть обложка видео:

Клика видео с обложкой в ​​разы больше, потому что есть упаковка — обертка, привлекающая аудиторию.Картинка должна сыграть роль — вызов интереса, который внутри.

Орудие!

Продукты

Раздел Товары — Цены указаны в возрастающем порядке — на витрине должны быть самые низкие цены.

Подробное описание в самой карточке товара. А если есть сайт — перед ссылкой на карточку товара. Кнопка «Написать продавцу» привязана к личным сообщениям человека, который возглавляет группу, или менеджера, который контролирует группу

Дорим общину

Заполните раздел обсуждения и создайте в нем подразделы — «Ваши вопросы», «Как заказать», «Вакансии».Также для разнообразия можно создать анкету.

Контакты — тоже не забываем заполнять. Для того, чтобы человек понимал, к кому обращаться — по поводу заказа товаров, рекламы или ваших услуг.

Чтобы понять, кому задать вопрос — напишите позицию — Менеджер и обязанности человека. Так вы быстрее поймете пользователя, которому следует обратиться с вопросом к кому.

Самое главное, чуть не забыл 🙂 — заполнить описание группы необходимой информацией со всеми исходящими ссылками.Обязательно разделяйте описание текстовых блоков 3-4 строками, чтобы текст был читабельным — правила копирайтинга читабельности текста никто не отменял.

Вот пример, насколько грамотно должно быть описание в сообществе:

П.С.

Ну что скажешь? Был ли контент полезен?

Разобрался, как надо группу во ВКонтакте оформить?

Если да, жду отзывов в комментариях — отвечу моментально.Не успеваю моргать. Люблю утихать на тему продвижения в социальных сетях. Если не успею, то напишите

Кепка группа ВКонтакте

Включает в себя название сообщества, URL, статус, описание. Эти блоки играют важную роль, поскольку влияют на рейтинг (внутренний поиск в социальной сети + поисковые системы). И они — визитная карточка любого сообщества. Именно на это пользователь обращает внимание при первом посещении группы. В шапке необходимо указать ключевую информацию о деятельности компании.Гостю страницы должно быть сразу понятно, чем вы занимаетесь и какие услуги / товары предлагаете.

Название группы VK

Системный лимит — 48 символов. Имя — это ключ, с помощью которого вы продвигаете свое сообщество в сети. Вместе с ключевой фразой можно написать название бренда / магазина / мастерской.

При написании имени запрещено использовать CAPS LOCK. Это не сыграет вам на руку при продвижении сообщества, а только рассердит подписчиков и клиентов.Также необходимо соблюдать элементарные правила русского языка. Не пытайтесь лукавить системой.

Статус сообщества

Это специальное поле, которое помещается под названием группы. Он может написать что-нибудь заманчивое, интересное или важное. Например:

• Оповестить аудиторию о новых акциях и скидках;
• Оставьте контактные данные для обратной связи с менеджером.

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

В статусе многих сообществ можно найти мудрые и красивые цитаты писателей, философов и успешных людей. Это одна из самых частых ошибок при продвижении группы ВКонтакте. Совет: оставляйте котировки для личного кабинета.

Группа ВКонтакте URL

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

Для этого откройте раздел «Управление сообществом». Далее заходим в «Настройки». Там вы найдете исходный URL. Сотру все лишнее и добавлю новую версию имени (оно должно быть написано латиницей).

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

Описание группы

Вы указали название группы. Пришло время рассказать, чему он посвящен. Что вы делаете? С кем сотрудничать? Сколько лет рынку? Многие владельцы или администраторы сообщества игнорируют эти вполне логичные вопросы, ответы на которые могут стать идеальным описанием. Вместо этого они создают нечто подобное:

Пример №1

Пример №2.

Пример № 3.

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

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

Переносят ли они доверие к компании, которое даже не может рассказать о себе?

Пора поговорить о том, как создать грамотное и красивое описание сообщества.При заполнении информации запомните следующие рекомендации:

• Нейтральное приветствие или плавное знакомство с делом. Он должен быть напрямую связан с деятельностью компании. Не бойтесь начинать с ключевых слов;
• Краткий перечень основных услуг. Чтобы пользователи могли читать, поместите его в виде списка;
• Особенности вашей компании. Кратко расскажите об основных преимуществах бренда. Что отличает вас от конкурентов? (на самом деле не в самых смелых фантазиях).Если вы занимаетесь самопомощью, всегда добавляйте подтверждающие аргументы;
• Укажите контактные данные (желательно несколько вариантов).

Попробуйте составить компактное описание. У вас еще есть время, чтобы рассказать о себе. И было бы хорошо, если бы у аудитории хватило терпения, чтобы полностью освоить ознакомление с заголовком группы. Опытные пользователи социальной сети ВКонтакте указали рекомендуемый ими объем для описания группы — 500-1000 знаков без пробелов.

У вас уже была возможность ознакомиться с неудачными описаниями описания. А теперь рассмотрим хороший пример:

Регистрация группы ВК

Задумайтесь, что лучше выбрать — аватарку или обложку? Теперь вы поймете, почему чехол — самый удачный вариант. На это есть причины:

1. Крышка красиво расположена по всему периметру кепки. Это добавляет эстетики и привлекательности сообществу.Конечно, если крышка сделана качественно.
2. На нем можно указать много разной информации, и этот текст не будет богат на глаза, как это обычно бывает с аватаркой (когда вся диссертация пишется на маленьком изображении).
3. Аватар останется в группе и появится в миниатюре. Нажав на аватар, пользователь сможет посмотреть на него рядом.

Контактные данные

Информация о компании (преимущества)

Название и логотип

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

Позаботьтесь о том, чтобы крышка чехла вызывала у публики приятные эмоции. Конечно, у всех работать не будет. Но речь здесь скорее о том, что не стоит качать какие-то мрачные и небрежные изображения. Вы не хотите обманывать своих потенциальных покупателей.

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

Взгляните на удачный пример обложки для сообщества ВКонтакте (кулинарная тематика). Красота, правда?

Стильно, уместно, радует глаз.

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

Но достаточно обойтись стандартной комбинацией: обложка + аватар + меню. Вот что может получиться:

Контентная группа ВКонтакте

Разделы сообщества становятся все менее понятными. Теперь переходим к ключевому блоку, который придется делать на постоянной основе. Это разнообразный контент.

Фактически, все предыдущие действия были предприняты для размещения этой информации.Пора ехать в Дальнее плавание! Идеальный контент в сообществе ВК — это 80% полезной / познавательной / важной информации и 20% рекламы.

Вы начали создавать контент. Обратите внимание на следующие нюансы:

Наличие языка

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

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

Детали захвата

Новостная лента активных пользователей завалена контентом на любой вкус. Вы должны выделяться из толпы, быть хорошо узнаваемым. При прокрутке ленты пользователь обращает внимание на такие элементы поста, как заголовок и изображение.

Публикуйте авторский, уникальный и оригинальный контент. Ищите или создавайте что-то редкое, особенное. Если вы используете картинки из Интернета, убедитесь в их актуальности. Хотите добавить мем? Сделай это! Но он должен быть на пике своей популярности.Катикс? Без проблем! Подберите удачное фото.

Форматы контента

Здесь можно выделить только одно правило: разнообразие. Альтернативные фотографии, видео, аудиофайлы, инфографика и многое другое. Общайтесь с общественностью, отвечайте на вопросы, проводите конкурсы и онлайн-трансляции.

Оформление текста

Недавно в Longrides вернулись соцсети. Но сделать это нужно грамотно, иначе пользователям будет сложно воспринимать такой поток информации.Обязательно сделайте разбивку текста на абзацы. Используйте списки, субтитры, смайлы.

Правые звенья

Часто бывает, что сообщество ВКонтакте создается для привлечения трафика на сайт. Поэтому в содержании группы есть ссылки для перехода на разные страницы. Чтобы ссылка была правильной, она должна иметь метку URL. Также рекомендуется использовать сокращатели ссылок. Теги созданы для вас (для отслеживания трафика), а сокращенные адреса — для удобства участников сообщества.

Оптимальное время для размещения контента

Не бывает такого временного дня, когда контент умещался бы во все группы социальной сети. Все индивидуально. Все зависит от вашей целевой аудитории. Попытайтесь понять одну простую истину: школьники, студенты, молодые мамы, пенсионеры и бизнесмены посещают социальные сети в разное время. И вы должны сами это раскрыть.

Заключение

1. Создайте грамотную и привлекательную шапку;
2. Позаботьтесь об оригинальном и стильном дизайне группы;
3. Оптимизировать все ключевые разделы в сообществе;
4. Публикуйте правильный контент.

Мне нравится 0

В этой статье я хотел бы систематизировать все свои знания о дизайне групп ВКонтакте на основе опыта взаимодействия с клиентами и их предпочтений. Более того, за последние полгода ВКонтакте внесло много изменений, о которых многие даже не подозревают. На некоторых нововведениях хотелось остановиться еще, потому что среди них есть действительно достойные и полезные вещи. Все мы вроде уже отошли от какого-то шока после редизайна Вконтакте, а за видимыми изменениями обнаружилась многовариантность функционирования и наполнения группы.Так что теперь оформление групп включает в себя комплексную процедуру, которая не ограничивается исключительно графической составляющей в виде красивых картинок. Теперь владельцам необходимо учесть множество нюансов построения структуры группы в зависимости от тематики бизнеса и удобства пользователей.

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

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

Как скачать обложку
Чтобы скачать обложку, нужно зайти в Управление сообществом>> Блокировать основную информацию>> Обложка сообщества>> Скачать.Рекомендуемый размер обложки 1590 × 400 пикселей. В шапке не может быть рабочих кнопок, на которые можно нажимать — по сути это картинка и все. На сегодняшний день крышка видна на мобильных устройствах, и вроде бы видна в приложениях и клиентах.

Вкладка Wiki Fresh News
В верхнем блоке под шапкой теперь могут быть три вкладки: фиксированная запись, информация о сообществе и вики-меню (только в группах, на публичных страницах таких вкладок нет).Акцент по-прежнему делается на фиксированной записи, но даже если она представлена, пользователь теперь всегда будет иметь доступ к информации сообщества, переключаясь на вкладки. Чтобы появилась вкладка Wiki-меню (изначально она называется свежие новости), вам нужно перейти в управление сообществом »Разделы» Материалы »Ограничено (или открыто)» Сохранить.

2. Вертикальный аватар
А теперь обратите внимание на старый добрый аватар для группы 200х500 пикселей. Хотя это еще и способ создать группу. Обычно аватар представляет собой следующую информацию: логотип, сопроводительный текст или слоган, контакты, звонок для присоединения к группе.В мобильных устройствах аватар не виден целиком, видна только его часть — миниатюра. Вы можете использовать либо горизонтальный заголовок (обложку), либо вертикальный баннер. В шляпе вертикального аватара не видно. На аватаре не может быть рабочих кнопок, на которые можно нажимать — по сути это картинка и все.

3. Миниатюра
В настоящее время вертикальный аватар используется для создания эскизов, минимальный размер которых составляет 200×200 пикселей. Миниатюра используется в сообщениях и записях в виде маленького кружка в заголовке и в форме большего кружка в некоторых образцах и упоминаниях в сообществе.В связи с переходом к округлой форме ужесточаются требования к миниатюре. Чтобы текст на миниатюре читался полностью, он не должен визуально выходить за границы круга.

Как загрузить миниатюру
Миниатюра стала достаточно самостоятельным элементом и при использовании обложки (шапки) в дизайне группы теперь нужно делать отдельную миниатюру, имейте в виду. Если в группе (обложке) шапки нет, то для скачивания миниатюры нужно нажать «Загрузить фото» для скачивания (справа).Если в дизайне (обложке) шапка присутствует, то для загрузки миниатюр нужно сразу нажать на кружок под шапкой и там уже выбрать пункт «Загрузить фото».

4. Баннер
Баннер (англ. Banner — флаг, прозрачность) — графическое изображение информационного, рекламного или поощрительного характера. Баннер прикрепляется к записи в виде изображения и может иметь только одну внутреннюю ссылку. Многие до сих пор уверены, что на главной странице с баннера можно сделать несколько ссылок.Это не так, только одна ссылка и все. Я бы выделил следующие типы баннеров.

4.1 Информационный баннер
Распространенный тип баннера, содержащий общую информацию о компании, группе, услуге или мероприятии с подробным списком преимуществ и другими сопутствующими материалами. Часто используется как фиксированная запись в группе. Размер такого баннера 510х307 пикселей. При таком размере баннер внизу совпадает с аватаркой. Если комплекта с аватаркой нет, то можно использовать любые размеры.Например, я использую размер 600×350 пикселей. Также удобен и набранный теперь формат квадрата 510х510 пикселей — при таком размере баннер занимает самую большую площадь в ленте новостей.

4.2 Баннер для входа во внутреннее меню
Если добавить к баннеру из предыдущего пункта «открытое меню» из предыдущего пункта, то мы получим баннер, основная задача которого будет обслуживаться в точке входа ввода . Иногда делают обман в виде нескольких кнопок на баннере, но это иллюзия, при нажатии пользователь все равно попадает на внутреннюю панель, а там каждая кнопка имеет свою ссылку.Размер такого баннера 510х307 пикселей. При таком размере баннер внизу совпадает с автарем. Если запись в меню не привязана к аватарке, можно сделать баннер любых размеров, даже узкую кнопку с надписью «Открыть меню». Главное, чтобы ширина баннера была не менее 510 пикселей.

4.3 Reost Card, Promotions
В последнее время особенно актуальны карты для репостов или акций. Ее задача — призыв к конкретным действиям.В основном это «Присоединяйтесь к группе, сделайте репост или поставьте лайк и выиграйте приз». Такие баннеры используются в рамках рекламных компаний или акций как в собственных группах, так и для продвижения других групп. Я обычно использую размер 600×350 пикселей.

4.4 Баннер с анимацией GIF
После того, как в начале года разработчики ВК сделали для GIF картинок большего размера, гифки сразу встали в один ряд с информационными баннерами. Например, на гиф-баннере можно разместить изображение нескольких заменяющих товаров или текстов — движение сразу привлекает внимание.А когда в июне была добавлена ​​функция автомобильной Gif-анимации в ленте новостей, то гифки стали объектом пристального внимания рекламодателей и маркетологов.

5. Построение аватара + фиксированный баннер
До недавнего времени эта модульная конструкция, состоящая из аватара и фиксированного баннера, была наиболее популярным способом создания групп. Подробнее о том, как сделать такую ​​конструкцию, расписано в уроке. С появлением кепки (чехлов) не исключено, что популярность такого дизайна несколько снизится.

Плюс есть вероятность, что ВКонтакте снова поменяет какие-то параметры блоков и тогда все декорации слетят, как это было уже дважды за последние полгода. Итак, уважаемые владельцы групп, выбирая исполнение для своей группы, учитывайте этот факт. Да и еще момент, в мобильных устройствах не просматривается вся красота отдельной картинки, так как отображается не аватар, а только миниатюра, а фиксированная запись находится чуть ниже.

6.Меню внутренней навигации
Меню в виде активных ссылок находится на внутренней странице ВКонтакте и написано с помощью команд Wiki Markup. О том, как создать саму внутреннюю страницу, расписано в уроке. Используя меню, пользователь перемещается по группе. Ниже вы познакомитесь с типами внутреннего меню, а пока остановимся на нескольких важных пунктах.

Внутренне внутренне меню
Хочу отметить один тонкий момент, который часто не дает значений.Иногда клиенты заказывают у меня внутреннее меню, но при этом совершенно не представляют, как пользователь попадает в это внутреннее меню. И попасть в него можно двумя способами: либо через фиксированный баннер (см. Пункт 4.2), либо через текстовую ссылку в верхней вкладке под строкой статуса (см. Рис. Ниже). Иногда текстовая ссылка помещается в блок «Ссылки» в правом столбце интерфейса.

Ссылки внутреннее меню
Обычно при заказе покупатели указывают следующие пункты меню: О нас, наших товарах (каталог), способы доставки, оплата, гарантия, отзывы, контакты, акции, скидки, расписание, как сделать заказ, портфолио , вопросы и ответы, информация, оформить заказ.Ссылки из пунктов меню могут переходить в соответствующие разделы внешнего сайта. Тогда ссылка автоматически откроется в новом окне. Большинство материалов ведет на внутренние страницы ВКонтакте. В то же время страница открывается в том же окне, и вам необходимо перейти по ссылке или кнопку «Вернуться в главное меню».

Ссылки на альбомы с фото и видео открываются в новом окне. Ссылки на темы с обсуждениями (например, обзоры), в диалоговом окне для написания сообщений, в приложениях (см. Параграф 10), для выбора Housher (см. Параграф 12) открываются в том же окне, и в этом случае вы можете вернуться к меню Только через главную страницу сайта, либо через кнопку «Назад» в браузере.Это, пожалуй, самый неудобный момент с такими ссылками.

Меню редактирования
Часто клиенты спрашивают меня, а можно ли редактировать внутреннее меню. Я отвечу, если вы уверенный пользователь и знакомы с режимами разметки и редактирования вики, то вы можете редактировать. Но если вы со всем этим не знакомы, то это категорически нет. В этом случае вы просто обыграете все настройки.

Приведу слова разработчиков ВКонтакте. «Много сил и нервов сэкономит один простой совет: работайте только в одном режиме.Либо это визуальный режим, либо режим вики-разметки. Именно переключение между этими двумя режимами в процессе работы над разметкой приносит больше всего проблем: картинки могут уменьшаться, различные параметры могут исчезать. Это один из тех моментов, которые обязательно будут исправлены в будущем, но пока нужно держать этот факт в голове. «

Адаптивность под мобильные устройства
И еще об адаптивности. Чтобы внутреннее меню на мобильных устройствах выглядело так же, нужно разбираться в таблицах.Тогда изображение будет жестко закреплено. В противном случае при уменьшении размера экрана картинки будут перемещаться одна под другую, нарушая изначально задуманный порядок.

Здесь снова слова разработчиков в ущерб адаптивности. «Вики-меню отображается в мобильных браузерах, но не адаптируется к размеру экрана, так как это изображение может не выглядеть как на компьютере. В сети можно найти руководства по адаптации вики-разметки для мобильных устройств, но даже они не гарантируют 100% работоспособность на всех устройствах.«

7. Типы внутреннего меню навигации
Ниже приведены наиболее распространенные типы внутреннего меню. Есть более простые и бюджетные решения с высокой степенью надежности. Есть и более сложные и трудоемкие дизайны с точки зрения графики и макетов. Но они выглядят более эффектно.

7.2 Большое графическое меню
В данном случае вертикальное количество ссылок расположено на большом фоновом изображении и имеет жестко закрепленную структуру.Вот урок.

7.3 Меню в виде пиктограмм, плиток
Данный дизайн предполагает несколько рядов и столбцов в виде графических пиктограмм и надписей к ним, либо графических многоцветных или монохромных плиток.

7.4 Динамическое меню с эффектом навигации
Очень впечатляющий дизайн, имитирующий навигацию по сайту с эффектом нажатия кнопок или другой маркировки посещенных ссылок. Такое меню довольно сложно в управлении и требует навыков общения с вики-разметкой, поскольку редактируемая информация на страницах также будет в вики-разметке.Вот урок по этой теме.

Я недавно озадачился дизайном моей группы в контакте. Я видел много красиво оформленных групп и хотел сделать что-то подобное. После нескольких часов изучения вики-разметки я наконец-то сделал себе красивый баннер и выпадающее графическое меню , ведущее сразу на страницы моего сайта. Вкратце, как это делается. Сначала в фотошопе создаются одновременно две картинки, затем одна из них разрезается на несколько частей.Далее на страницу редактирования вставляется специальный код с внешними ссылками. Ну а теперь обо всем по порядку.

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

Внимание!
В связи с очередным обновлением ВКонтакте от 31.10.2016 данная версия оформления групп стала неактуальной. Частично это меню можно реализовать на вкладке «Свежие новости» в блоке под строкой статуса.Но это будет отдельное меню, а не единая композиция с аватаркой.

Шаг 1.
Создайте новый документ в фотошопе размером где-то 850х700 пикселей, залите его белым цветом. В этом примере я сразу оставил интерфейс ВКонтакте для наглядности. Теперь нам нужно вырезать в слое два окна, через которые будет отображаться сам графический дизайн. Сначала мы выделяем прямоугольник размером 200×500 пикселей и нажимаем DEL. Затем выделяем прямоугольник размером 510×309 и также нажимаем DEL.

Прямоугольники выравниваются по нижнему краю, расстояние между фигурами 50 пикселей. Этот дизайн рассчитан на одну строку названия группы, одну строку состояния и три строки описания и технической информации. Если у вас другое количество строк, то на месте вбивайте высоту левого изображения.

Шаг 2.
Теперь под этим слоем у нас есть весь наш графический дизайн. В данном случае я помещаю картинку с основным фоном, затем пишу текст, а затем в левый прямоугольник.

Шаг 3.
Теперь правый прямоугольник (аватар) сразу сохранит отдельную картинку размером 200×500 пикселей. Это готовая картинка для оформления группы. Загружается в блок в правом верхнем углу группы, где написано «обновить фото». А левую картинку нужно разрезать на несколько картинок по количеству пунктов меню. В данном случае это 5 картинок шириной 510 пикселей.

Шаг 4.
На этом шаге нам нужно загрузить наши нарезанные картинки во ВКонтакте.Для этого сразу под описанием группы выберите блок «Свежие новости», на мой взгляд он называется в оригинале. Переименовал в «Меню». Щелкните «Редактировать». Важный! Во-первых, у вас должна быть открытая группа, а не страница. Так как на странице этого пункта просто нет. И второе, в меню «Управление сообществом»> «Информация»> «Материалы» должен быть выбран пункт «Открыть».

Шаг 5.
Итак, во вкладке «Редактирование» щелкаем по значку камеры и загружаем наши пять нарезанных изображений меню.ВКонтакте скачает их по-своему, уменьшив размер до 400 пикселей по ширине и назначив картинку тега NOBORDER. На следующем шаге мы немного поправили код.

Шаг 6.
А именно, устанавливаем исходный размер картинок и меняем тег NOBORDER на теге nopadding. Нам также нужно поместить ссылку на ulla из каждого пункта меню. В этом случае первая ссылка ведет на внутреннюю страницу ВКонтакте, а остальные четыре ссылки ведут прямо на страницы моего сайта.

Ниже приведен исходный рабочий код моего меню. Вы можете использовать его как основу. В нем вы самостоятельно меняете картинки, подставляете свои размеры и регистрируете свои ссылки. И проследите, чтобы в коде не было пробелов между квадратными скобками, а также не было перевода строки, иначе на графической картинке будут пробелы между картинками.

[] [] []

Шаг 7.
Еще раз повторяю, чтобы открыть это меню нужно нажать на надпись «Меню».И всегда в свернутом виде. Почитайте комментарии к посту, там много вопросов разобрали. Что ж, присоединяйтесь к моей группе в контакте.

Как составить красивое меню для группы ВКонтакте. Регистрация ВКонтакте. Как сделать меню в пабле? (обойма)

Продажа меню Меню ВКонтакте начинается с правильного выбора. У вас есть интернет-магазин, строительная компания, вы тренер или косметолог? Каждый бизнес уникален и требует особого подхода к оформлению вики-меню.Из нашей статьи вы узнаете, какие типы меню для группы ВКонтакте существуют, в чем их особенности и отличия, а также какое меню выбрать для вашего бизнеса.

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

Типы меню навигации:

Это меню имеет простую функциональность и устанавливается только на одной странице Wiki. Кнопки меню ведут по ссылке сразу к нужному разделу группы или внешним сайтам, без открытия дополнительных страниц навигации. Это удобный вариант меню, если у вас нет большого количества услуг / товаров и вы не чувствуете себя как крупная компания.

Одностраничное меню подходит для небольших интернет-магазинов, фотографов, тренеров и мастеров красоты.

Многостраничное меню

Это тип меню навигации, в котором переход по разделам осуществляется по структуре. В качестве примера: кнопка «Товары» ведет на новую страницу Wiki, на которой отображается список разделов «Детская одежда», «Для женщин», «Для мужчин» и т. Д. Каждая страница Wiki может иметь свой собственный уникальный дизайн, активный кнопки или дублировать дизайн страницы главного меню.

Многостраничное меню — Домашние Wikes-страницы

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

Многостраничное меню — дополнительная wiki-страница

Wiki Landing ВКонтакте

Вики-лендинг или как его еще называют лендинг Вконтакте — самый популярный вид меню. Любовь к этому дизайну меню у наших клиентов не вызывает удивления — это красивый структурированный дизайн, вся самая важная информация Ваша группа на одной странице, активные кнопки заказа (вести в администраторе ЛВС или в групповых сообщениях) и каталог товаров. Возможны любые разделы, которые вы хотели создать в Wiki-Landing.

• Описание компании и ее деятельности
• Категории услуг или товаров
• Отзывы клиентов через графический дизайн
• Видеозаписи и рекламные акции
• Преимущества работы с вами
• Акции и специальные предложения
• Описание услуг или товаров
• Популярные статьи в группе
• Контакты для связи
• Активная карта с адресом компании
• Ответы на часто задаваемые вопросы

Vicky Landing — лучший выбор Для крупных компаний, оказывающих услуги, интернет-магазинов узкой направленности и коучинга

Мы отвечаем на частые вопросы о Vicky Menu:

Основным фактором при выборе дизайна для группы ВКонтакте является тематика вашего бизнеса и дизайн-бюджет.Если у вас молодая компания или вы только решили создать группу и хотите проверить популярность своих услуг в Интернете, стоит отдать предпочтение меню навигации. Тем, кто хочет создать красивое графическое оформление группы и получить больше заявок, советуем выбрать Леддинг Вконтакте.

Когда меню группы уже нарисовано дизайнером и установлено на вики-странице, вы можете легко привязать его к любому сообщению или баннеру в фиксированном сообщении. Для этого нужно открыть ссылку на вики-меню в новой вкладке браузера, скопировать ее, чтобы вернуться в свою группу, и вставить скопированную ссылку в новый пост.При предварительном просмотре ссылки ее текст из сообщения необходимо удалить. Вы можете написать в этой публикации любую информацию, призывая к действию и контакты, после чего прикрепляете картинку (фото) и нажимаете кнопку «Опубликовать». Теперь нажмите «Защищено», и баннер с активной ссылкой в ​​меню группы всегда будет на виду.

Как сделать меню в группе ВКонтакте?

Для этого вам потребуются навыки работы в редакторах, например Adobe Photoshop. (Формат PSD), Adobe Illustrator (AI или EPS) или формат CorelDRAW (формат CDR).Каждая из этих программ отлично справится с этой задачей. Создайте новый документ шириной 607 пикселей (советуем создать документ 608 пикселей) и установите необходимую длину меню (высоту документа). Теперь можно переходить к оформлению. В Интернете вы найдете множество видеороликов Как самому создать меню ВКонтакте, а если вы хотите сделать красивый, профессиональный дизайн, лучше обратиться к опытному дизайнеру.

Верстка графического меню также имеет свои тонкости. Например: вам нужно будет разобраться с вики-разметкой ВКонтакте, научиться переключаться между возможностями редактора, отработать привязку к каждому фрагменту дизайна и правильно выставить размер меню. У неопытного человека эта работа может занять до нескольких дней, когда дизайнер может нарисовать графическое меню и приклеить его к группе за пару часов.

Чем отличается меню для паблика от группового ВКонтакте?

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

Для опытного дизайнера создать меню ВКонтакте не проблема!

Надоело меню в группе ВКонтакте или вы хотите его скрыть? Это можно сделать несколькими способами: отключить «Материалы» в настройках группы, удалить фиксированный пост со ссылкой на меню или удалить код меню на вики-странице.Самый быстрый I. Простой способ Это отключение раздела «Материалы» — меню в группе перестанет быть видимым и при желании его всегда можно вернуть. Сама Вика, страницу ВКонтакте удалить нельзя.

Примеры красивого оформления меню

Сделать красивое оформление группового меню ВКонтакте может только дизайнер и это не удивительно. Чтобы разработать красивый дизайн, нужны навыки работы в редакторе и хороший вкус, а это приходит с опытом. На наших примерах вы можете сравнить, как выглядит меню навигации и вики-лендинг в группах ВКонтакте, а также почерпнуть идеи для оформления.

Заказать Дизайн группы ВКонтакте — Дизайнер Ирина Филипенко

Заказать Дизайн меню для Группы ВКонтакте

Мы работаем в сфере регистрации групп ВКонтакте с 2012 года и за это время выполнили более 200 дизайн-проектов. Самая популярная услуга у наших клиентов — группа «под ключ» с Wika-Ledding. Эта дорогая услуга в нашей студии оказывается без огромных доплат, так как вы работаете с простым дизайнером, и мы не берем никаких дополнительных платежей — за правки, потраченное время или покупку графики.Заинтересованы в нашем предложении? Свяжитесь с нами через раздел на этом сайте.

Групповое меню представляет собой интерактивный список основных разделов группы, позволяющий перейти к нужному пункту за секунду. Как сделать меню в группе ВКонтакте? Рассказываем, как добиться функционального расположения разделов блога.

1. Перейти в группу.
2. Под аватаркой заходим в раздел «Управление сообществом».
3. Откроется несколько точек (Фотографии, Документы). Перейдите в раздел «Материалы», нажав «ограничено».Это вынужденная мера: в противном случае (при открытом доступе) каждый может создавать новые страницы, испортив групповое меню.
4. Вернуться на главную страницу сообщества. Снимите фиксированные стойки. Перезагрузите страницу.
5. Откройте раздел «Свежие новости» (он находится прямо под описанием сообщества). Вы увидите, что рядом с ним появится «Редактировать».
6. В открывшемся окне редактирования выберите режим Wiki-разметки. Его выбирают нажатием кнопки справа. Наведите указатель мыши на него: отображается название режима, в котором вы сейчас находитесь.
7. Можно переходить к редактированию. Основное название заголовка («Свежие новости») меняют по своему усмотрению. Подходит краткое описание: «Групповое меню».
8. Для изготовления новинок запишите названия разделов в столбик, выделив их двойными квадратными скобками. Например: [[Цены]], [[Контакты]].
9. Кнопка «Предварительный просмотр страницы» показывает, как выглядит групповое меню.

Как сделать меню группы ВКонтакте с кнопками

Графические кнопки часто используются контент-менеджерами, администраторами, модераторами при создании группы ВКонтакте: это довольно удобно.Такой прием удерживает внимание даже случайного посетителя, «заставляет» задерживаться на нем на странице, детально изучать ее содержание (и даже подписываться на обновления). Отвечаем на вопрос: как создать меню в группе ВКонтакте?

• Выбирайте любую яркую картинку, подходящую под тематику и стилистику блога. Затем загрузите его в фотоальбом на личной странице или в альбоме сообщества.
• Найдите его в фотоальбоме, скопируйте ссылку на фото в адресную строку браузера.
• Откройте режим редактирования группы, как описано в предыдущем разделе статьи. Нам нужен режим Wiki-разметки.
• Пишем код. Photo-aaaaa_bbbbbb — Вставьте ссылку с фото адреса. Далее: | 400px | (ширину изображения можно выбрать любое значение до 600 пикселей). И, наконец, рабочая ссылка — скопируйте ее в текущую строку браузера.
• Заключить в двойные квадратные скобки. Последний тип ссылки: [].

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

Непростая задача: как расположить кнопки в группе без использования фотошопа? Не все умеют виртуозно пользоваться графическими редакторами.На помощь придут изображения из Интернета.

1. Загрузите необходимые фотографии прямо в фотоальбом сообщества. Если вы хотите «нанести» на них текст для большей выразительности, сделайте это заранее в редакторе Paint.
2. Выберите раздел под названием «Свежие новости», затем наведите курсор на точку с редактированием.
3. Найдите на рабочей панели кнопку «Добавить фото» (со значком камеры). Если вы решили не загружать фотографию прямо в групповой альбом, вы можете сделать это прямо здесь, загрузив изображения с компьютера.
4. После завершения загрузки вы увидите: В текстовом поле появились ссылки на фото.
5. Положи прямой слэш | В конце каждой ссылки и после нее указывайте адреса необходимых страниц, к которым будет прикреплена картинка (ссылка на видеоальбомы, на фото, аудио …).
6. Проделав эти манипуляции, введите в получившиеся ссылки в двойные квадратные скобки.
7. Нажмите кнопку предварительного просмотра. Если все в порядке, сохраните изменения.
8. Пробейтесь по кнопкам в меню, убедитесь, что все работает.

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

Если вы хотите, чтобы меню в группе было стильно, привлекательно, пора подумать о графическом меню. Создание меню в группе ВКонтакте — процесс довольно долгий, если вы впервые с ним упали. Чем больше в меню кликабельных пунктов, тем сложнее с ним справиться. Что следует учитывать?

• Ширина рисунка должна быть не более 370 пикселей, максимальная — 390.
• Будущее меню нужно нарезать полосой в фотошопе.Полученные изображения Скачать в альбом аккаунта.
• Щелкните раздел «Свежие новости», кнопку «Изменить».
• Найдите значок камеры, загрузите картинки. Вы увидите код загрузки для каждого изображения в текстовом поле.
• Теперь вам нужно назначить ссылку на каждую картинку. Если вы хотите, чтобы его повлекли за собой на стене сообщества, найдите его, скопируйте URL. Если вам нужно перейти на другой сайт, скопируйте его.
• Отдельный код загрузки Изображения прямой косой чертой | И вставить ссылку после нее.
• Сохраните изменения, организуйте предварительный просмотр.

Как сделать интерактивное меню в группе

Многие сайты продаж создают интерактивное меню на главной странице. Эффект нажатой кнопки, специальные выделения, подчеркивание клавиш — эффекты делают сайт привлекательным для покупателей. Если вы ведете бизнес-аккаунт в ВКонтакте, вы воспользуетесь возможностью создания интерактивного группового меню.

1. Создайте документ в фотошопе, поместив туда изображение с «шапкой» меню.
2. Сделайте строку навигации: Вы можете написать на белом фоне основные разделы будущего меню («о нас», «цены» и т. Д.) при необходимости выделите другим цветом.
3. Вырежьте каждую картинку для украшения отдельно.
4. Перейти на сайт ВКонтакте (группа, раздел «Свежие новости», «Редактировать», режим Wiki-разметки).
5. Загрузите фотографии с компьютера.
6. Скопируйте адрес нужной страницы, вставьте его в код картинки через прямую косую черту. Для каждой картинки трет отдельную вики-страницу.
7. При нажатии на эти ссылки откроются соответствующие разделы сообщества.После перехода вы увидите пункт «Заполнить содержимым». Загрузите те же кнопки, но с другим порядком цветов.

Готово! Теперь кнопки начнут менять цвет при переходе в различные разделы сообщества.

Здравствуйте, друзья. Все движется, все меняется. Социальная сеть Вконтакте тоже не стоит на месте. Вот моя публикация о создании единого блока ВКонтакте Аватар + Меню сегодня стала неактуальной. Теперь при создании группы блок новостей, который был нужен для такого меню, просто отсутствует.

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

Итак, по порядку.

Как создать вики-страницу?

1. Создайте тип ссылки в адресной строке браузера:

• xxx — ID вашей группы или публичной страницы;
• Name_Straist — Любое слово, которым вы называете свою страницу.

Как узнать ID вашего сообщества? Если id не указан в ссылке, например https: // vk.com / make_community. , его можно найти следующим образом. Щелкните заголовок групповой стены, где написано количество публикаций.

Стена вашего сообщества открывается. В адресной строке будут цифры. Это идентификатор вашего сообщества.

2. Перейдите по созданной ссылке и нажмите «Заполнить содержимое».

3. Наполните вашу страницу содержанием. Например, нам нужно графическое меню в виде отдельных кнопок.Сначала мы создаем полную картину целого.

Потом нарежьте на отдельные пуговицы. В данном конкретном случае у нас будет четыре изображения кнопок.

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

После загрузки все картинки должны получиться так:

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

Создайте меню.

На стене вашей группы ВКонтакте должна быть такая запись:

Как исправить меню?

Нам все еще нужно обезопасить меню в верхней части группы. Для этого нажмите на текст перед картинкой в ​​записи. В открывшемся окне справа внизу нажмите «Исправить».

Все. Теперь должно получиться так:

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

Во всех сообществах ВКонтакте, в которых можно структурировать информацию, рекомендую сделать меню. Это определенно повысит удобство использования вашего сообщества. А как поправить меню ВКонтакте мы разобрали на конкретном примере. Осталось пожелать удачи в развитии и продвижении ваших сообществ!

Как сделать полезное меню группы ВКонтакте

Как создать меню группы ВКонтакте: технический этап

Итак, с назначением группового меню разобрались, переходим к технической части.Зайдите в Настройки: Управление сообществом> Материалы> Подключиться:

Сохраняем изменения и переходим в группу. Под описанием группы начнется вкладка «Свежие новости», переходим к ее редактированию:

Перейдите на вкладку «Редактировать» (1), замените название меню (2), мы введем вашу информацию (3), сохраним ее и вернемся на страницу (4).

С 2011 редактировать меню группы ВКонтакте стало намного проще, Админы ВК добавили визуальный редактор, поэтому разобраться стало еще проще.Оговорюсь, что серверы ВК могут работать не так скоординированно, как я хотел, или при работе с кодом можно что-то забыть, поэтому сохраняйте исходный код в текстовых файлах на ПК. Для этого заходим в «Исходный код» и копируем полученный код.

Если чего-то не хватает или вы хотите вернуться на несколько шагов назад, перейдите во вкладку «История» и вернитесь к желаемой сохранности:

Как я уже сказал выше, приступим к изучению вики-разметки чуть позже, теперь заполним наше меню группы ВКонтакте как минимум.Покажу на примере вашей группы. Мне нужен трафик, поэтому он следующий:

Как видите, я подготовил информацию в вордовском документе, произвел редактирование (выделение) текста, добавил ссылки и просто вставил этот текст в меню «Редактирование» группы ВКонтакте.

На этом можно остановиться, но помните, что пользователю очень не хочется покидать свое «теплое место» и переходить на страницы нашего сайта. Поэтому для удобства читателей добавьте внутренние страницы группы, которая будет вести к статье.Пусть эта статья будет не полной, но перед тем, как перейти на наш сайт, человеку нужно понять, чего он хочет, а не нам там «Таблицу», т.е. нужна интрига, интерес.

Если вы перейдете в меню моей группы к приложению, то увидите, что одни ссылки ведут на внутренние страницы (2), другие на внешние (1):

Добавлю в реальном времени еще одну внутреннюю страницу:

Итак, у нас появилась новая (внутренняя) страничка в нашей группе ВКонтакте. Теперь нам нужно его заполнить:

1. Нажмите кнопку «Заполнить содержимое».
2. Заполните группу содержимого. Отредактируйте это.
3. Настроить «Доступ к странице». Если вы заметили, что только члены группы могут просматривать страницу, это будет мотивировать посетителей присоединиться к группе. Сохраните страницу.
4. Скопируйте нужный циферс в адресную строку, который вы только что сохранили. Для этого переходим в режим «Просмотр» и копируем ID страницы — это будут те циферы, которые нам нужны.
5. Вернуться на страницу «Исходный код» меню группы ВКонтакте (рекомендую не закрывать ее при создании новой страницы… Хотя он должен был быть открыт для вас) и вставьте числа в нужную строку. Между текстом ссылки (Марина Лазарева (видео)) и самой ссылкой (43820829) установите знак «|» значок (находится на английской раскладке клавиатуры, клавиша SHIFT + \\).
Регистрация группы ВКонтакте, не требующая дополнительных знаний редакторов фотошопа. В следующих статьях я покажу, как создать более красивые группы ВКонтакте. Теперь тем, кто не преминет создать красивый дизайн группы ВКонтакте рекомендую посмотреть вот это видео:

Это видео, после просмотра которого я понял , как сделать меню группы ВКонтакте Самостоятельно.Автор на реальном примере показывает, как создать меню группы ВКонтакте.

Чуть позже мы окунемся в вики более подробно в группах разметки вики ВКонтакте, а пока сделайте свои группы максимально функциональными и полезными.

Dropbox, читайте об этом на страницах DragonBlog.

С уважением и любовью, !

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

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

Итак, все запускается в фотошопе, создаем картинку нужного вам меню. По сути, это какой-то фон с названием заголовка.Я просто попросил друга сделать красивую группу для его компании Aero-Stomadent, занимающейся промышленной вентиляцией, так что сделаю.

Нашла чудесный природный фон Аляски, собственно на нем и сделаю все.

На фоне пишем само меню. Например, я пишу то, чем занимается компания. Это будут кнопки, которые позже я сделаю на других страницах. Каждое слово будет в следующем меню кнопок.

Справа, так что в будущем эта часть будет группой аватаров.

Теперь режим обоев для небольших изображений. Выберите в меню функцию «Вырезание», затем щелкните правой кнопкой мыши на ткани и вырежьте так, чтобы каждое слово было отдельно.

Желательно нарезать примерно.

После вырезания сохраняем файл не просто а через «Сохранить для Интернета и устройств …» (или Alt + Shift + Ctrl + S) он создаст папу со всеми нарезанными файлами.

Сейчас мы не переходим в группу, нам еще нужно создать вики-разметку.Или, другими словами, создайте страницу.

Как создать вики-страницу ВКонтакте?

Откройте новую вкладку браузера и вставьте такую ​​ссылку: http://vk.com/pages?Oid\u003d-xxx&p\u003d_starter, где XXX — это идентификатор вашей группы. Например, у меня было так.
http://vk.com/pages?Oid=-

542&p=May

Затем нажмите Заполнить содержимое . Здесь мы видим очень простой редактор, выберите функцию камеры, чтобы добавить все наши фотографии меню.Должно быть что-то вроде подобия как у меня.

Но между картинками есть пробелы, чтобы убрать пробелы — входим в режим Wiki-разметки (это сверху в правом углу знак кавычек) Вводим такой тег «Option; nopadding;» До размера фото. например []

А оказалось все вместе.

И так, осталось теперь в каждой кнопке загнать ссылки. Опять же в Wiki-разметке все сделано.Подбегаем к уже подготовленным перед этим ссылкам статей, которые вы считаете нужными.

Нажми, чтобы сохранить, посмотри что получилось, у меня все вышло если перейти по ссылкам «https://vk.com/page-

542_49969122″

то я уже превращаюсь в группу и до того как она сделает такую изображение, которое будет отображаться для людей в группе.

И как раз делаю пост. Вставляю ссылку в меню и добавляю фото, которое только что сделал.

Вконтакте сейчас не работает?

Vk.com Проверка статуса сервера

Вконтакте Имя сайта:

vk.com URL Проверено:

Время ответа:

Последняя остановка:

Проверка Вконтакте

Подождите, пока мы проверим сервер …

Требуется JavaScript. Пожалуйста, включите поддержку джаваскрипта в вашем браузере.

История статуса сайта Vkontakte

На графике выше показана активность сервиса Vk.com за последние 10 автоматических проверок.Синяя полоса отображает время отклика, чем меньше, тем лучше. Если полоса не отображается в течение определенного времени, это означает, что служба не работает, а сайт отключен.

История статуса обслуживания

Дата	Время	Время пинга		Дата	Время	Время пинга
28:20	339.24 мс.		28. мая.2021	16:34	309,53 мс.
28. мая.2021	19:45	334,02 мс.		28. мая.2021	22:45	308,34 мс.
29. мая.2021	03:40	337,49 мс.		29. мая.2021	05:56	333,84 мс.
29. мая.2021	10:39	332.09 мс.		29. мая.2021	12:44	357,07 мс.
29. мая.2021	15:28	308,27 мс.		29. мая.2021	17:35	335,31 мс.

* Время отображается по тихоокеанскому времени (UTC / GMT 0) | Текущее время сервера 18:10

Мы попробовали проверить связь с сайтом Вконтакте, используя наш сервер, и сайт вернул указанные выше результаты. Если vk.com недоступен для нас, вы ничего не можете сделать, кроме как ждать. Вероятно, сервер перегружен, не работает или недоступен из-за проблемы с сетью, сбоя или обслуживания веб-сайта …

Нет доступа Вконтакте — Инструкции по устранению неполадок

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

Проблемы, связанные с браузером

Принудительно выполнить полное обновление сайта. Этого можно добиться, одновременно нажав клавиши CTRL + F5 в любимом браузере (Firefox, Chrome, Explorer и т. Д.).)

Попробуйте альтернативные адреса, например vkontakte.ru

Очистите временный кеш и удалите файлы cookie в браузере, чтобы убедиться, что у вас установлена ​​самая последняя версия веб-страницы. Для получения инструкций выберите свой браузер:

Устранение проблем с DNS

Система доменных имен (DNS) позволяет идентифицировать IP-адрес сайта (192.168.x.x) с помощью слов (* .com) для более легкого запоминания, как телефонная книга для веб-сайтов. Эта услуга обычно предоставляется вашим интернет-провайдером.

Очистите локальный кеш DNS, чтобы убедиться, что вы получили самый последний кеш, который есть у вашего интернет-провайдера. Для Windows — (Пуск> Командная строка> введите «ipconfig / flushdns» и нажмите Enter). Для получения подробной информации выберите свою операционную систему:

Если вы можете получить доступ к веб-сайту в офисе или из сети 3G, но он не работает на вашем компьютере, рекомендуется использовать альтернативную службу DNS, отличную от ваших интернет-провайдеров. OpenDNS или Google Public DNS — отличные и бесплатные общедоступные службы DNS.

Пошаговые инструкции по изменению DNS см. На нашей странице справки.

Оставьте комментарий, используя свой Facebook ID.

Vk.com сейчас недоступен для вас? Оставьте свои комментарии о статусе сервиса Vk.com или сообщите о проблеме ниже, чтобы сообщить другим, что не только они имеют проблемы. Обратите внимание, что информация о вашей стране, поставщике услуг и браузере будет отображаться рядом с вашим комментарием, чтобы лучше проанализировать возможное отключение.