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

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

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

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

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

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

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

После того, как мы подобрали изображение, которое будем использовать. При этом размер изображения может быть практически любой, который возможно загрузить в фотоальбом. (UPD: Это не совсем точная информация. Точнее о размерах можно прочитать в комментарии ниже. Для этого, просто нажмите на ссылку : /otkrytoe-menyu-gruppy-vkontakte/#comment-7633)

Переходим в группу вконтакте. И правой кнопкой мыши открываем меню, если оно уже создано, в новой вкладке.

После этого, на странице с меню, нужно нажать на ссылку «Редактирование».

Но при этом не нужно изменять код. Просто нажимаем на ссылку «Вернуться к странице». Это нужно, для получения ссылки на страницу с меню.

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

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

Когда изображение добавлено в запись, мы ее пока не публикуем.

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

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

Теперь нажимаем на дату новости.

И кликаем на ссылку «Закрепить».

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

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

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

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

Как выглядит отрытое меню группы можно посмотреть в моей группе: http://vk.com/clubsdelaemblog Изображение еще не подгонял, поэтому немного коряво.

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

Удачи!

P.s. Нет ссылки «Закрепить» в группе Вконтакте

В группе Вконтакте, при публикации новости, чтобы появилась ссылка «Закрепить», необходимо добавлять новости от имени сообщества. Это обязательное условие, без выполнения которого ссылка «Закрепить» не появится.

sdelaemblog.ru

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

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

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

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

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

Для этого мы должны узнать адрес страницы основного меню. Заходим на одну из страниц меню и нажимаем на «Меню».

 

Далее через «Редактирование» мы находим адрес страницы в строке своего браузера. Смотрите на фото, так должен выглядеть адрес.

Копируем этот адрес и вставляем в двойные квадратные скобки без пробелов и оформляем вот таким текстом:
[[page-116040065_52099820|назад в меню]]

Далее вставляем эту надпись в нужную страницу, в моём случае это «Здоровая спина», через кнопку«Редактирование».

 

Сохраняем страницу, и смотрим предпросмотр:

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

Варианты размещения фотографий

Существует три варианта размещения фотографий в разделы/страницы меню.  И каждый способ имеет свои особенности.

Первый способ очень простой и самый рабочий:

Вы заходите на нужную страницу и через «Редактирование» нажимаете на фотоаппарат, выбираете картинку.

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

 

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

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

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

Второй вариант 

Саму фотографию можно превратить в текстовую ссылку. Для этого мы делаем вот такую надпись на странице (через редактирование):
[[photo189052615_405596806|plain|Здоровое питание]]

То есть, вместо фотографии будет ссылка «Здоровое питание», кликнув по ней вы попадёте на саму фотку. Обычно, это используют в случае своего особенного дизайна страницы.

Третий вариант

К загруженной фотографии можно привязать всё, что угодно:

  • личный профиль — [[photo189052615_405596806|id189052615]]
  • главную страницу группы — [[photo189052615_405596806|club116040065]]
  • топик (обсуждения) в группе — [[photo189052615_405596806|topic-116040065_33486847]]
  • любой внешний сайт — [[photo189052615_405596806|http://mirtani.ru/]]
  • и другое…

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

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

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

Полезная информация

Подписывайтесь на новости блога!
Успехов и Удачи!

mirtani.ru

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

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

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

Создание меню в графическом редакторе

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

Запускаем фотошоп, создаем новый документ (файл — создать или ctrl+N). Выставляем параметры создаваемого файла. Максимальная ширина 370 пикс., я сделал 200 пикс., высоту 250 пикс. Можно делать его намного меньше и компактней. Добавляем в созданный файл картинку, которая будет фоном. Теперь создаем текст. Пример у меня самый простой, вы сможете сделать намного красивее, компактнее.



Я создал такое меню. Выбрал инструмент Раскройка и вырезал им на картинке три части, обозначены цифрами 1,2,3 — будут кнопками. После того, как вы вырезали, сохраняем созданное меню. Нажимаем Файл — сохранить для web и устройств.



В появившемся окне ничего не меняем, нажимаем сохранить. Выбрать место сохранения и нажать сохранить.

Все, в фотошопе работу закончили.

Добавление меню в контакт

Теперь созданные изображения, после сохранения будут в папке images. Загружаем их в контакт с помощью стандартного загрузчика фотографий. Можно загрузить эти файлы в фотоальбом группы. Простыми словами – добавляется как обычная фотография, которые вы загружали в контакт. Теперь смотрите, чтобы у вас в настройках группы было включено следующее. Заходите в свою группу, нажимаете управление сообществом (находится под главной фотографией группы, с правой стороны). Затем внизу находим пункт материалы, там должно стоять подключены. После того, когда выбрали подключены, нажимаем сохранить. Если не нажмете сохранить, изменения не вступят в силу.



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



В появившемся окне вам необходимо указать код [[photo-40781312_285935465|nopadding;100px|club40781312]]. Можете его прямо из статьи скопировать и вставить себе. Теперь вам только останется изменить на свои данные.

photo-40781312_285935465– код фотографии. Его можно посмотреть в адресной строке. Этот код видно, когда вы зашли на фотографию. Сам адрес там намного больше, но вам необходимо скопировать ту часть кода, которая начинается со слова photo и заканчивается цифрами. Обычно после цифр может стоять, например, знак процентов.



Nopadding – эта команда убирает пробелы между картинками.

100px – ширина меню (если это отдельная кнопка, значит, такой будет ширина кнопки).

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



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

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

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

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

Как добавить видео в контакт

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

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

  • Видео по созданию меню группы
Загрузка…

my-sety.ru

Подробная инструкция, как сделать меню в группе «В Контакте» :: SYL.ru

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

Что для этого нужно?

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

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

Первый этап

Как сделать меню в группе «В Контакте»? Сначала нужно создать новый документ с размерами 700 на 800 пикселей. Проследить, чтобы фон был белым цветом. На верхнем слое необходимо вырезать два окошка 200 на 710 – для аватара и 382 на 442 – меню. Сделать это можно с помощью выделения прямоугольником или командой, которая вызывается клавишей «Del».

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

В нужных зонах изображения при помощи элементов «Фотошопа» необходимо разместить надписи и кнопки.

Прямоугольник, который получился справа (размером 200 на 710) можно скопировать и выгрузить в отдельный файл. Это готовая аватарка для группы. А вот левая часть картинки нуждается в дополнительной нарезке.

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

Высота каждого нарезанного элемента должна быть не менее 50 пикселей.

Как нарезать картинку для меню?

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

Правой кнопкой мыши необходимо щелкнуть на картинку и выбрать из выпавшего списка пункт «Разделить фрагмент».

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

После проделанных действий на экране появится сетка, которая делит картинку на участки.

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

Разрезанные файлы будут в пронумерованном виде.

Второй этап

Это урок о том, как сделать меню группы «В Контакте». Все нарезанные картинки необходимо загрузить в альбом группы.

Понадобится страница «Свежие новости». В ближайшее время работа будет проходить с ней.

Желательно выбрать в редакторе справа режим wiki-разметки и вставить туда следующий код:

[[photo-номер|размер px;nopadding|ссылка/]]

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

В результате получится нечто похожее на:

[[photo-55786882_3287494962|382x144px;nopadding| http:// «ссылка»/]]

[[photo-55786882_3287494962|382x88px;nopadding|http://»ссылка»/]]

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

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

Как получить номер изображения?

Для этого необходимо кликнуть правой кнопкой мыши на картинку. После того как она откроется в новом окне, в адресной строке браузера появится ее код. Его нужно скопировать вместе со словом «photo».

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

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

Это один из вариантов, как сделать меню в группе «В Контакте». Всего их два. Еще один способ – открытый. Их можно совместить.

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

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

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

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

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

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

www.syl.ru

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

 

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

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

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

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

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

Теперь все изображения для пунктов у нас в альбоме. И мы можем непосредственно приступать к решению вопроса, как сделать меню в группе вк при помощи wiki-разметки. Для этого заходим в редактор меню. В появившемся окне необходимо вставить код wiki разметки. Если вы хотите создать яркое графическое меню, разметка будет выглядеть так: [[photo|380px;noborder;nopadding|адрес]], где photo – это ссылка на изображение, а адрес – ссылка, куда приведет картинка при клике на нее. После вставки этой строчки первый раз мы увидим только первый пункт. Нам необходимо вставить все разделы, а для этого придется повторить код столько раз, сколько у нас имеется пунктов. При этом ссылка на фотографию и адрес всегда будут разными. Обязательно проверьте все ссылки на работоспособность.

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

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

fb.ru

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

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

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

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

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

У нас будет вот такой вот простой фон.

При выборе картинки нужно определиться с её размером, это зависит от количества пунктов ссылок. Например, можно взять рисунок размером 500×500 пикселей.

Чтобы открыть файл в редакторе нужно нажать «файл», далее «открыть…» и выбрать нужный рисунок.

С помощью текста, оформите свое меню. Слева нажмите букву T и введите название пунктов меню.

  1. Далее макет меню надо нарезать на части, выделив кнопки, по которым можно будет перейти в нужные разделы. Для этого надо воспользоваться инструментом «раскройка» (Slice Tool). Нажмите букву «C» и выберите раскройка (правой кнопкой мыши на элементе).

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

  2. Теперь полученное изображение необходимо сохранить. Для этого надо выбрать «Файл», далее «сохранить для Web и устройств», или заменить эти действия сочетанием клавиш Alt+Ctrl+Shift+S.
  3. В настройках при выборе типа файла надо выбрать JPEG, качество – максимальное, поставить галочки напротив «Прогрессивный»  и «Встроенный профиль», далее нажимаем «сохранить». Теперь получится такое количество изображений, на сколько частей оно было нарезано.
  4. Готовый каркас для меню группы Вконтакте создан, осталось его загрузить непосредственно в саму группу.  Для этого надо загрузить изображение в фотоальбом группы с помощью стандартной загрузки фотографий. Тут нужно учесть следующий момент: при загрузке в альбом фотографий необходимо соблюдать порядок, в котором они располагаются.
  5. Затем необходимо зайти в раздел «Свежие новости», который находится выше раздела «фотографии». Если такой раздел у вас отсутствует, то надо в группе зайти в раздел «управление сообществом» и убедиться, что подключен раздел «материалы».
  6.  В разделе «новости» надо нажать на клавишу «редактировать», откроется текстовый редактор. В редакторе нужно прописать свой заголовок, а еще включить режим wiki-разметки. Wiki –разметка это специальный язык разметки, используемый для оформления текста на Web-сайтах. Чтобы включить wiki-разметку необходимо нажать на пиктограмму ромба.
  7. В режиме редактирования надо выбрать «исходный код», в нем проще всего оформить меню группы Вконтакте.
  8. Для того чтобы собрать меню в единое целое, необходимы ссылки на фото каждой части меню. Для того чтобы их узнать, надо открыть фотографию в альбоме и посмотреть в строку браузера. Теперь надо эти ссылки скопировать, но не стоит копировать всю ссылку целиком, а только ее часть, содержащую слово photo и цифры. Например:  photo5634052_195301019.
  9. Скопированную ссылку надо вставить в исходный код в режиме редактирования меню. Ссылку необходимо прописывать в квадратных скобках!
  10. Далее ставится знак | и прописывается 370px, далее ставится знак ; и прописываются следующие теги: noborder и nopadding.

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

noborder – это тег, убирающий рамку (его можно не прописывать, если необходимо, чтобы рамка осталась).

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

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

 [[photo5634052_195301019|370px;nopadding;|page-11053617_29800171]]

page-11053617_29800171 — это ссылка, на которую необходимо перейти, щелкая на данную картинку.

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

Если все устраивает, то надо нажать «сохранить результаты» и все — меню Вконтакте готово!

Следующий урок: Как снять деньги с вебмани.
Предыдущий урок: Как заработать биткоин.

Хочешь быть умнее, чем другие? Зарабатывать больше? Читай еще:

prosmo3.ru

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

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


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

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

Еще один хороший пример интернет магазина:

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

А вот пример неудачного решения:

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

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

Теперь давайте посмотрим на все это с технической точки зрения.

Создаем меню для группы Вконтакте

Первым делом создадим графический макет будущей менюшки. Для этой цели мы будем использовать программу Photoshop (для простенькой картинки вполне сгодится стандартный Paint). Откройте программу и создайте новый документ:

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

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

Затем напишите на фоновой картинке заранее продуманные разделы, кнопки и телефоны. Их мы  в последующем превратим в ссылки:

Для того чтобы разделы превратились в ссылки, картинку нужно разрезать по частям. В этом нам поможет инструмент “раскройка” (Slice Tool):

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

Последним шагом будет разрез объектов. Чтобы это сделать кликните по кнопке “фрагменты по направляющим” (Slices From Guides) на верхней панели инструментов:

Сохраняем каркас для web устройств. Формат картинки ставим JPG, выбираем максимальное качество и сохраняем, например, на рабочий стол:

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

Вывод меню с помощью Wiki разметки

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

После этого в группе появиться вкладка “свежие новости”. Нажмите на кнопку “редактировать”, Вас перебросит в текстовый редактор:

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

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

[[photo133337_133701019|370px;nopadding;|page-13333337_13333337]]

[[photo133337_133701019|370px;nopadding;|page-13333337_13333337]]

Вместо значения “photo133337_133701019” нужно вставить ссылку на фотографию

Вместо значения “page-13333337_13333337” нужно вставить ссылку на нужную страницу или раздел группы

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

Ссылку на фото нужно копировать не всю, а только эту часть:

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

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

Как видим, ничего сложного нет, и если следовать всем шагам, то ошибок не возникнет. Если что-то не понятно, то можно посмотреть урок в видео формате:


А на этом все. Подписываемся на блог, ибо скоро будет продолжение статьи про создание интернет магазина на wordpress, кроме этого Вас ожидает море полезной информации и бесплатностей. До встречи, братишки и сестрички! Загрузка…

Подпишитесь на обновления блога Life-Webmaster.ru и получайте в числе первых новые статьи про создание блога, раскрутку и заработок на нем!

life-webmaster.ru

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

Ваш адрес email не будет опубликован.