Оформить группу в контакте? Да, пожалуйста!
Для начала посмотрите готовые. Успех простого меню зависит от знаний вики-разметки. Nov 27, 2015 - Почему порой лучше использовать готовые шаблоны, чем создавать дизайн с нуля? Во-первых, разработчики шаблонов отлично. Для работы с кодом выбираем режим «вики-разметка»;; вставляем фото и делаем их активными ссылками с помощью кода. Формат вставки будет таким:.
Рада, что вы читаете мою! Сегодня я продолжу свой «Погружение в группы ВК». В третей части «сериала», я рассказывала и показывала,. Сегодня же, поговорим об оформлении меню группы вконтакте!
В первой статье о создании менюшки, в комментах было много вопросов, поэтому прежде чем начать новую тему, отвечу на частые вопросы. Добавь тег nopadding; и все станет на свои места! Между картинками вкрадывается пространство и меню выглядит битым. Для несведущих, может это и не нормально, а для, это как минимум не профессионально. Так в чем же тут дело? А, все очень просто! В ВК постоянно происходят какие-то обновления, вводятся новые алгоритмы да еще и редактор кривоват бывает ни с того, ни с сего из кода выпадают важные теги и тогда мы видим такую картину.
Что бы исправить это, нужно заглянуть в код и внести необходимые коррективы. Формат кода, должен быть вот таким: Шаблон: photoцифрыцифры ширинаxвысотаpx;nopadding; ссылка на внутреннюю страницу Пример: photo7611703 370x45px;nopadding; page-3278120 Обычно картинки меню раздвигаются потому, что из кода выпадает nopadding; — вставляем его на место и все выравнивается. Перед тем как сохранять результат, жмите на кнопку «Предпросмотр», что бы убедиться в том, что все ровно стало. Вопрос 3: Новость. В октябре 2012г., в принудительном порядке, Вконтакте обрезал автары групп и пабликов. Теперь их размер имеет общий стандарт 200х500 пикселей. Так, что если у вас в группе аватар был больше, то сделайте апдейт (обновите аватар).
Кстати, вмести с обрезкой, ВК ввел еще одно нововведение относительно фотографий групп: теперь кликнув на аватар, мы так же как в аккаунте, сможем увидеть все альбомы сообщества. И из этого рисуется новый функционал в коммуникациях группы. Та-а-ак, с вопросами закончили теперь переходим к самому созданию меню!
Как создать меню в контакте и сделать вложенные страницы: Первым делом убедимся в том, что вы знаете, как создать меню группы в контакте и пробежимся по небольшой инструкции. Как вам моя шпаргалка? Вот такая шпаргалка у меня получилась! Для большей ясности, распишу каждую цифру:. Управление сообществом. Переходим в настройки группы. Включаем материалы.
Сохраняем изменения (если еще не включили). Теперь на главной страницы группы, появилась дополнительная вкладка «Новости группы».
Наведем мышкой в правый угол, нажмем на стрелку «Редактировать». Изменим название вкладки. Дсту 2272 2006.
Здесь будет у нас меню, поэтому напишем, что-то соответствующее и привлекающее. Эта кнопочки переключения между визуальным редактором и кодом. Мы будем производить все работы с кодом wiki разметки, поэтому перейдите именно в этот режим. Создадим внутренние, вложенные страницы.
Для этого определимся со списком меню, каждое слово меню, возьмем в двойные квадратные кавычки — слово. Нажмем кнопку «Предпросмотр». Слова станут ссылками!.
Сохраним результат. Не переключайтесь в другой режим, пока не сохранили результат. Кстати, рекомендую периодически сохранять код меню к себе на компьютер.
Отступление. Доступ к странице. Для открытых групп, эта функция больше не работает. Теперь заполним вложенные страницы контентом. Откроем ссылку меню в новом окне. Убедимся, что мы попали именно на ту страницу. Добавив нужное нам слово в квадратные кавычки, мы уже дали вложенной странице название. Наполним содержанием эту страницу.
Здесь можно добавить как обычный текст, так и новые вложенные страницы, уводящее посетителя вглубь мини сайта. В любом случае, выбор за вами!.
Добавив нужный контент на страницу, сохраним результат. Теперь нам нужно, прописать адрес этой страницы. Иначе, если этого не сделать, в адресе страницы будут кракозябрики и в какой-то момент, вы можете потерять все свои вложенные страницы. Для этого копируем подчеркнутые цифры – от слэша до вопросительного знака. и несем этот адрес страницы в наше меню!
Помните, оно открыто у вас в соседней вкладке?! Вставляем адрес в нужное место. Проделайте, эту операцию со всеми вложенными страницами и ваше меню будет готово. Меню создали, внутренние страницы сделали, заполнили их, теперь перейдем к созданию красивого графического меню. Как создать красивое графическое меню в контакте и поставить его: Всю теорию о том, как устроена wiki разметка в контакте, я вам давать не буду, у нас сейчас другие цели. Для создания визуального меню в группе ВК, всей вики-разметки знать не нужно.
Перейдем к созданию визуального меню! Для начала покажу вам код и результат своего меню: Признаюсь, я его сделала специально, что бы написать эту статью. Все «руки не доходили», знаете, как «сапожник без сапог». Но теперь и я с визуальным меню в группе ВК! Как рисовать картинку для меню, я рассказывать не буду, это дело дизайнеров, я сама рисую, но не столь профессионально., в конце статьи, я давала видео о том, как в фотошопе рисовать простенькое меню, ознакомьтесь, возможно вы справитесь своими силами. Если нет закажите картинку меню. Я покажу вам средний по сложности вариант установки меню.
Разница в количестве элементов. Меню, которое разрезается просто на полоски, является самым простым его исполнением. Чем больше кликабельных кнопок в строке, тем более сложно его исполнение. Хотя, зная особенность, все просто! Дело только во времени.
Итак, ширина картинки должна быть: - 370 px – если в строке у вас будет два и более объектов, как у меня кнопочки соц сетей - и max 388 px – если разрезаем картинку по-простому, только на строки, не разделяя на мелкие объекты. Вот это та особенность, которую нужно знать, при нарезании меню на кнопки. У меня размер картинки всего меню получился 370х456 px.
После того как картинка разрезана на нужное количество объектов и сохранена в отдельный альбом, загружаем этот альбом в ВК. Загружаем в профиль аккаунта, а не в группу! Так как в альбомах группы больше нет возможности скрывать альбомы. Технических альбом в корпоративной (например) группе, совсем не нужен, поэтому прячем элементы меню в альбом аккаунта. Добавляем размер картинки в код меню! Итак, адрес картинки добавили, размер указали, теперь ставим, тег nopadding; - он нужен для того, что бы наши картинки плотно прилегали друг к другу.
И последним этапом ставим ссылочку на страницу, куда будет попадать посетитель, после того как кликнет на картинку. Здесь небольшое уточнение! Внешние ссылки, ссылки на альбомы ВК и обсуждения пишем полностью, а ссылки на внутренние страницы в формате page-3278120. В начале и конце строки, не забываем ставить по две квадратные кавычки и без пробелов. Уточнение 2: когда мы ссылаемся на внутренние страницы без картинок, то для обсуждений, альбомов и внешних ссылок ставим одинарные квадратные кавычки. Строчки, в которых у вас два и более элемента, в код вставляем без пробелов.
Вставляйте каждую строку картинки друг за другом. Потому, что если вы нажмете Enter после строки с картинкой, то картинка перепрыгнет на новую строку и меню сдвинется. Нам нужно, что бы меню отображалось цельным, поэтому ни каких лишних пробелов и «иртеров» нам не надо! После того как вы перенесли все картинки в меню и оформили их (размер, ссылка), сохраняем результат и любуемся своей работой! Все!
Буду рада, если я смогла вам донести информацию. Расскажите, как у вас получилось с установкой меню! Ответила ли я на ваши вопросы или нет? Может кто, что хочет добавить? Буду рада общению в комментариях. ——- Читайте Пост-Сериал «Погружение в группы ВК»:. С Уважением и Любовью,!
Мариночка, спасибо Вам большущее за Ваши старания и труд! Спасибо за такие замечательные статьи! Я весь день не выхожу с ВАшего сайта (а ведь искала в сети совершенно другой материал).
Что бы там не говорил товарищ Евгений (третий пост сверху), считаю, что иметь в группе необычное меню — это показатель любви к своему делу и уважения к потенциальным заказчикам. Загорелась себе сделать. Все сделала как Вы написали, но, к сожалению у меня выводится только код. Картинка не выводится при предпросмотре. Так должно быть? И еще.в самой первой кнопочке (которая «Главная»), я поставила ссылку самой группы вконтакте.
Выглядит это так photo6377001 370х53px;nopadding; на свадьбу в Самаре Кристина Гладких Т.е. Тамада в самарестало синим цветом и почеркнуто. Повторю тот же вопростак должно быть или я накосячила? Заранее спасибо Вам за Ваше внимание и ответ.
Сначала замечу, что умею оставлять в комментариях или на стенах ссылки на паблик вообще посредством «@moabcon» или «.moabcon (Modern, abstract, contemporary). Но хочу просить Вас помочь мне научиться оформлять ссылки на конкретные новости/статьи паблика. Например, я хочу предложить новость или оставить на стене приятеля ссылку vk.com/moabcon#/moabcon?w=wall-3889341023, но хочу сделать это так, чтобы она отобразилась как «Продажа украденых эскизов Якова Чернихова» (если я верно понимаю, такой кликабельный текст вместо ссылки называется «анкор» ) Подскажите, пожалуйста, как это может быть сделано? Заранее благодарю Вас за Ваше время и помощь, Спасибо! У меня лично вообще ничего не получалось,когда делала меню. А коды делала правильно.
Но с моего компьютера кроме голых кодов вообще ничего не получалось. А у знакомой по моим же кодам меню и получилось. Но она не является админом и не состоит в группе поэтому я не мог постоянно её мучить просьбами помочь мне. А сейчас я хотела сделать в отделе меню,которое называется тексты песен, дополнительные страницы. Но мало того,что не получаются доп. Страницы,так ещё и песни не вмещаются. Ведь там не должно быть ограничений!
Спасибо за пост про создание менюшки. Отличительной особенностью является то, что у Вас указано что надо включить МАТЕРИАЛЫ, реально тупил 2 часа, чтобы узнать как сделать так чтобы появилась строчка СВЕЖИЕ НОВОСТИ, которую и можно редактировать.:)) есть несколько вопросов 1. Как сделать ссылку на страницу с Обсуждениями? После того как я создал меню группы строчка СВЕЖИЕ НОВОСТИ была переименовона в ГЛАВНОЕ МЕНЮ ГРУППЫ у Вас на странице такой при просмотре нет и сразу после названия группы идет статичное меню, у меня же при каждой загрузке, для того чтобы отобразить графическое меню надо нажать на кнопку ГЛАВНОЕ МЕНЮ ГРУППЫ так вот вопрос подскажите плз как это исправить?
Заранее благодарен. Марина, у меня всё получилось! Хочу сказать спасибо ещё раз.
Всё в туже тему «как как закрепить картинку в группе в вк с ссылкой?» Нашла вот это Вопрос вот вчем: как автор добивается такого замечательного эффекта, что сразу по ссылке раскрывается рисунок / фото (jpeg) в разделах «Способы оплаты», » Способы доставки», «Акции и скидки», «Вопросы и ответы»? Если это будет возможно, пожалуйста разберите ПОЭТАПНО и ПОДРОБНО создание ВСЕГО (исключая создание материала в фотошопе) подобного меню. Как открываются картинки в картинках? Как сама картинка становиться ссылкой? Думаю, очень многим вашим читателям это будет интересно. Хочется знать всю схему, ВЕСЬ метод построения подобного меню.
Я учусь только по вашим замечательным советам и всего добиваюсь сама! Заранее, большое спасибо.