Открытое меню для группы Вконтакте
Прошло достаточно много времени с момента написания первой темы о меню для Вконтакте, а точнее его подготовке и нарезке. Но время не стоит на месте, и появились новые способы оформления групп.
Несколько лет, да я уже и не помню, меню Вконтакте было открытым и не пряталось под спойлер, и я не понимаю, почему забрали такую возможность! Но с изменением этой соцсети появилась возможность делать красивые открытые меню.
Содержание
Как сделать меню Вконтакте всегда открытым
Больше того, я научу вас делать меню в одном стиле с аватаркой группы, для этого вам понадобится скачать мои заготовки или научиться делать все самому 😉 Я дам вам и то, и другое.
Ниже на картинке я показал простую схему открытого меню. Это первое, с чего стоит начать. Как видно, есть 2 блока: большой слева и поменьше справа. Слева – это само меню, справа – аватарка.
Вроде бы все понятно, но вот та белая пустующая область над аватаркой в принципе необходима, но не обязательна. Я поставил ее для того, чтобы меню и ава были одинаковы по высоте.
Схема у вас есть и размеры вы знаете. Можете приступить непосредственно к созданию, поместите на схему какой-то рисунок или просто однотонный цвет, сделайте нужные надписи, что угодно. Это дело вашей фантазии.
Ну и после некоторых усилий, у вас должно что-то получиться, как пример, скриншот ниже:
Меню и аватара гармонично смотрятся друг с другом. Но загвоздка в том, что это не совсем меню. Это обычная картинка, при нажатии на которую откроется действительно работающее меню. Это одна из проблем, так как приходится делать 1 лишнее движение, но визуально получается неплохо. Так что опять вам решать.
Это третья завершающая картинка и с ней проще простого. Главное, помните о том, что ширина у нее должна быть 600 px, а высота по желанию. Да и вообще: необязательно делать третье меню картинкой, в редакторе делайте, что вам хочется и нравится, к примеру, просто текст или схемы и таблицы.
И по-прежнему остается вопрос: как сделать меню группы Вконтакте открытым?
Ну, во-первых, конечно же, необходимо сделать само меню в редакторе на примере третьей картинки, что выше. Разрезать его и закодить.
Теперь Вам нужно будет скопировать ссылку на меню, она имеет такой вид:
http://vk.com/page-18410568_276885674419
Дальше сделайте новую запись в группе, вот так:
В текст вставляем только что скопированную ссылку, прикрепляем картинку открытого меню, ту картинку, о которой я рассказывал на примере схемы в начале. Она то и является якобы открытым меню…
Опубликуйте новость, и последним этапом станет вот такая манипуляция – Нажмите на «ВРЕМЯ» под новостью:
И в открывшемся окошке нажмите на кнопку «ЗАКРЕПИТЬ»
Закрывайте окно и обновите страничку. Если вы все сделали правильно, то меню Вконтакте будет всегда открыто. А если что-то не получается, оставляйте комментарии.
Еще один пример замечательного открытого меню:
Небольшой разбор полетов: то меню, которое находится под спойлером, невозможно сделать (на данный момент) всегда открытым, так как по неясным мне причинам ВК не дает такой возможности, хотя раньше так можно было делать. Кто знает, возможно через время такая возможность появится…
Дополнение. Где взять ссылку на меню?
Мне по почте пришло пару писем на тему того, что не получается найти ссылку на меню под спойлером. Действительно, достать ее довольно-таки непросто, выполните такие пункты:
- Меню должно уже быть сделано в редакторе и находиться под спойлером, есть? Отлично, идем дальше;
- Нажмите правой кнопкой мыши по спойлеру и выберите там “Открыть в новой вкладке“, казалось бы ссылку можно там получить, но нет.
- Нажмите “Редактирование“, а потом “Вернуться к странице“, эти ссылки находятся в верхнем правом углу;
- Все, в адресной строке будет отображаться корректная ссылка такого вида: http://vk.com/page-18410568_276885674419.
Если у вас есть способы попроще, буду благодарен, если опишите их в комментариях.
Дополнительное видео. Делаем меню всегда открытым:
Ну все, всем спасибо за внимание!
Узнай как выборочная цветокоррекция поможет спасти вашу фотографию. 
Нужно вырезать обьект с фото? Не беда урок как вырезать обьект в фотошопе поможет вам справится быстро илегко. 
Надоели невзрачные кисти? Урок как создать кисть поможет вам!. 
Как сделать макет визитки по правилам типографий. 
Очень просто установить кисть в фотошоп Оставить комментарий
Интересные статьи
Вдавленный текст - очень просто
Делаем металлическую кнопку
Как вырезать сложный объект
Фишки фотошопа часть 3
Жень интересная и полезная статья! Многим я думаю будет полезна, я тоже подчерпнул для себя кое что новое, спасибо! 😉
у меня почему то нельзя закрепить картинку , кнопка закрепить отсутствует (( из зв чего это может быть?
Возможно вы не там смотрите, А вы главный администратор группы?
Скорей всего вы от себя пост сделали, а нужно от имени группы)
ВАЖНО!!! От имени ГРУППЫ получилось закрепить. БлагоДарю! Мучилась полдня!
А толку от этой картинки.. она же является ссылкой на саму себя, а сылкой нп меню является незаметная ссылка… бред какой то
нет, картинка так же является ссылкой на страницу с меню.
Наконец то рассказали нормально как это сделать)СПАСИБО!!!!
Что это за бред)))) не вы молодцы конечно не ищите легких путей, везде смотрел как это сделать и везде одна и та же статья с каким то геморроем. Пришлось как всегда самому додумать.
Так и быть поделюсь и открою вам тайну)) Просто в режиме вики разметки пишите одно слово show и все))) все гениальное просто.
Ну и что изменит “show” ?
Тему прочитай! Будет раскрытое меню!!!
Нет ну серьезно, ссылкой поделишься на информацию? Я вот как ни старался ничего по этой теме не нашел…
С П А С И Б О
О Г Р О М Н О Е!!!
Большое спасибо! Очень помогли!
Спасибо большое! От души помог! Если будут ещё интересные статьи буду рад почитать их!
Стараюсь 😉
У вас закрепленная картинка получается на всю ширину полосы, а у меня почему то при соблюдении размеров она меньше чем само меню когда закрепленная. Меню и картинка у меня имеет один вид. Что я делаю не так?
ОГРОМНОЕ СПАСИБО!!!!! многие за простые действия просят большие деньги, а я сделал все сам!! Огромное спасибо еще раз!!
Очень приятно 🙂 Спасибо!
“У вас закрепленная картинка получается на всю ширину полосы, а у меня почему то при соблюдении размеров она меньше чем само меню когда закрепленная. Меню и картинка у меня имеет один вид. Что я делаю не так?”
Такая же проблема. Напишите, как решить.
http://vk.com/sodul?ad_id=14877308 вот нашел группу, и как там сделано чтобы открыто было ДЕЙСТВУЮЩЕЕ меню ??
Здравствуйте, это такая ссылка с открытым меню, на самом деле оно закрытое. http://vk.com/sodul вот та же группа но меню закрытое.
а ссылка для всех групп одна и таже чтоб открыть ??
вот например http://vk.com/club36834369 вот в эту группу, как будет выглядеть ссылка ?
без понятия, для начала задайте именную ссылку для группы в настройках.
Подскажите пожалуйста, а как сделать, чтобы открытый или закрытый спойлер отображался над или под “картинкой меню” на главное странице группы.
Отличный урок! Спасибо большое, очень помог. Все доступно! Сохранил в закладки!
Хороший урок.
Подскажите, а где посмотреть ваш урок о том как пользоваться схемой?
нет такого ) Там все просто, открываете ее в фотошопе и рисуете поверх схемы, она нужна лишь дл того что бы расположить меню и аватарку ровно относительно друг друг…
Опять не то пальто..
Как это сделать без закрепления? Ведь когда закрепляешь картинка меняет размеры…
Зашибись! Все получилось)) Мерси огромное! (единственная нормальная статья)
Ребята реально красавчики ВЫ ЛУЧШИЕ
Куда ставить show в режиме разметки?! Или в каких тегах?!
Нет такого, это слухи 😉
Спасибо огромное!!! Давно искала как сделать открытое меню)))
Спасибо огромнейшее!!!! Вы очень выручили!!!!
Доброго Вам дня. Сделал все как у вас написано, но между аватаром группы и фотографией менюшки большой зазор. Как этот косяк исправить? Вот собственно проблема https://vk.com/club81694342
Здравствуйте. мне нужна ваша помощь
Изучила вдоль и поперёк Ваш пост , но у меня не работают ссылки…
т.е. я нажимаю на меню, а у меня только картинка открывается, и всё(((
Подскажите, пожалуйста, где я допустила ошибку!
[[photo79226035_346784782|390x100px;noborder;nopadding|page-82275713_48630243 ]]
Попробуйте вот так…
[[photo79226035_346784782|390x100px;noborder;nopadding|page-82275713_48630243]]
Вся проблема в конце кода возле скобок, но могу ошибаться, пробуйте 😉
СПАСИБО!!!!! Точно! А я уж расстроилась, что нифига не получается!
Еще раз спасибо!
У меня после закрепления, меню уменьшается, как сделать так что б было нормальное меню
размер картинки 395*290 px должен быть/
Если не ошибаюсь, нужно снять “птичку” напротив – “сохранять пропорции”. Как то так. на планшете сейчас ничего посмотреть не могу )
как же его выставить, если когда редактируешь одну сторону, автоматически редактируется другая сторона
что то я запуталась с пропорциями, если ава 200 на 500, то какого размера должно быть меню слева?
Здравствуйте, делаю открытое меню, соблюдаю все размеры, но левая картинка получается уменьшенной. Размер аватарки 500х200 px, размер меню 450х394 px.Даже если я меняю размер меню на очень большой (пробовала 1900х1500 px) при закреплении все равно она маленькая, такое впечатление, что какой-то стандартный размер где-то прописан вконтакте. Что я делаю не правильно, подскажите пожалуйста?
попробуйте размер картинки 395*290 px
Спасибо, Галина! Левое меню получилось)) Правда аву пришлось изменять по высоте, чтобы ровненько смотрелось. Теперь у меня само меню изменилось(((((((( все кнопки в разброс, хотя при закрытом меню выпадала цельная картинка с кнопками. Начала менять размер и вообще картинка стала ввиде вики-разметки…
Не за что! У меня тоже самое, пока надо было нажимать чтоб открылось меню, все было ровненько, а когда закрепить нужно тогда надо я так поняла просто делать картинку с кнопкой меню, когда нажимаешь на нее откроется непосредственно наше меню с кнопками. а страница в виде вики-разметки стала, потому что вы что то изменили и не сохранились и нажали просмотр
Ребят помогите. Нужно к пункту меню привязать ссылку к обсуждениям, но она криво вставляется и меню разрывается. В чем проблема?
может стоит использовать ;noborder;nopadding
Добрый день, подскажите, пожалуйста. Все сделала как описано, получилось открытое мень, НО, ссылается не на азделы а просто на саму картинку….хотя до этого все прекрасно перемещалось по группе..Подскажите, пожалуйста, в чем может быть проблема. Заранее спасибо.
Где взять ссылку на меню?? Пожалуйста помогите!!!!!!!
В статья написано 😉
Я сделал всё как в видео, но по какой то причине ссылку на меню ни кто не может просматривать кроме администраций, что я сделал не так подскажите?
Добрый день, я вроде делаю все верно, но почему то при прописывании Вики-кода и нажатии предпросмотра страницы, картинка не появляется… Вот мой пример: [[photo-48210421_381764328|779x93px;nopadding|http://topic-101891154_32232079]]
что не так?
Картинка не открывается, либо ссылка неправильная на нее. Либо она закрыта для посторонних в настройках приватности… Где то то там в общем смотрите 😉
Здравствуйте! Сделала меню в контакте в одном стиле с аватаркой. Меню закрепила чтобы было всегда открыто. На картинке кнопка “Открыть меню”. При нажатии на картинку открывается закрепленная страница с меню. Все хорошо когда смотришь через компьютер. При просмотре через мобильные устройства при нажатии на картинку с кнопкой попадаешь на саму картинку. Почему так? То же в закрепленной картинке на стене главной страницы. Подскажите пожалуйста, нигде в интернете не смогла найти ответа. И еще при просмотре через телефон не видно аватарки и картинка с кнопкой получается обрезанной???
Такая особенность самого Вконтакте….. Что бы смотрелось на мобильном, закрепленное меню не подойдет.
Привет женя вот у меня такой вопрос: с левой стороной общая картинка закреплена и сверху картинки есть место для статуса,при загрузке аватарки с права то ава получается по выше чем левая часть и как быть подскажите пожалуйста ,
Евгений, от всей души, благодарю вас! Ваши уроки мне очень помогли! Спасибо!
Евгений, после закрепления сообщения со ссылкой на меню, выводится уменьшенная картинка и слева надпись свежие новости. Что делаю не так? Вот ссылка на группу https://vk.com/club119164557
у меня такая проблема, когда я закрепляю запись, у меня в группе вверху появляется два типа меню первое- закрепленная запись, второе – информация.. когда нажимаю на закрепл запись – откривается страница на которой вверху меню что хотела поставить вверху, но вся остальная инфо на другой ссілке…. что делать?
по4ему так и пишет “закрепл запись” и пишет кто ее закрепил… по4ему????
Подскажите пожалуйста. Когда участники группы заходят в меню группы (https://vk.com/club153005204) им выдается запись “страница скрыта настройками приватности”, хотя я как администратор могу просматривать меню? Не могу понять почему, все сделала как написано. Что делать?