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

Доброго времени суток, уважаемые читатели моего блога.

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

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

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

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

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

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

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

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

Можете поискать на сайте https: Существует невероятно популярный сайт http: Он платный, но вам понадобится всего одно изображение, это не так дорого. У вас будут все права автора и качественная основа. Однако, я рекомендую вас научиться создавать эту картинку самостоятельно. Тем более, что в помощь новичкам, которые хотят научиться творить, на ютуб я нашел интересный видеоурок, благодаря которому можно узнать множество фишек.

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

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

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

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

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

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

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

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

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

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

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

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

Огромное спасибо за понятный текст! У меня возникла проблема при попытке вставить ссылку. Как только я это делаю, сразу вместо картинки появляется сама ссылка и вики разметки или как их там. Что не так делаю? До этого шага все шло отлично! А так получается, что строка растягивается на 2 строки и исчезает картинка. Аза, здравствуйте, а вы можете прислать скриншот того, как вписываете код? Может там есть какая-то несостыковка?

Используйте какой-нибудь Nimbus или Joxi и прямо ссылку сюда прикрепляйте. Я таки разобралась вчера! Просто мой женский мозг не додумался убрать пробел между последними скобками и окончанием ссылки Ещё раз спасибо за статью! Большое спасибо за статью, она мне очень помогла. До этого даже не знала как это делается, хоть и учусь на программиста.

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

Я до всего сам додумался, спасибо. Что можно с эти сделать? Александр, а вы не могли бы прислать ссылку на скриншот с кодом, как вы его прописываете? Быть может есть какие-то лишние пробелы. Александр, как и думал, у вас там небольшая ошибка с пробелами была. И еще такой вопрос, как ссылку на созданную вики страницу в ставить в меню? Покажите пожалуйста что вы имеете в виду? И не скидывайте ссылки на свой аккаунт, используйте ссылки на скриншоты, типа joxi и др.

Спасибо, теперь во всем разобрался, все дело было в пробелах, просто в некоторых местах они игнорируются, а в некоторых нет. Отдельное спасибо за joxi, не знал о нем. Уведомлять меня о новых комментариях по email.

Skip to content Блог Андрея Зенкова Как сделать сайт с нуля и выгодно его продать. Уроки и пошаговые рекомендации. Найти Главная Об авторе Все статьи Для новичка Реклама Контакты.

Выберите рубрику блога Для новичка Создание сайта WordPress Хостинг Одностраничные сайты Продвижение сайта Обслуживание сайта Работа с клиентом Юридические рекомендации Полезный софт Вконтакте Инстаграм Веб дизайн и Фотошоп Электронная почта Электронные деньги О заработке Здоровье веб-мастера Новости Интересное Обзоры.

Главная Об авторе Все статьи Для новичка Реклама Контакты Найти. Огромное количество уроков Photoshop. Добавить сюда ссылку за 10 рублей.

Как правильно сделать меню в группе Вконтакте: Оглавление 1 Подготовка к работе. Инструменты, без которых не обойтись 2 Фотошоп 3 Расширение для браузера Vkopt 4 Картинка с меню 5 Работа в фотошопе или меню своими руками 6 Верстка в Вк для чайников 7 Завершающий этап оформления.

Какого материала вы хотели бы видеть больше? Для новичка Создание сайта WordPress Одностраничные сайты Хостинг Продвижение сайта Обслуживание сайта Работа с клиентом Юридические рекомендации Полезный софт. Этот блог читают ребят и девчат. Я хочу получать статьи. Читайте интересное по теме: Как быстро наклонить фото или его фрагмент под нужным углом Как в Photoshop быстро выделить нужный цвет, заменить его или убрать Четыре программы, которые обязательно нужно установить на своем компьютере.

Аза в Андрей Зенков в Елена в Алексей в Александр в Добавить комментарий Отменить ответ. Подпишись на обновления блога и еженедельно получай свежие статьи. Для новичка Создание сайта WordPress Хостинг Одностраничные сайты Продвижение сайта Обслуживание сайта Работа с клиентом Юридические рекомендации Полезный софт Вконтакте Инстаграм Веб дизайн и Фотошоп Электронная почта Электронные деньги О заработке Здоровье веб-мастера Новости Интересное Обзоры.

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

С днём рождения Start-Luck О грандиозных планах на год и, как я до такого докатился Инструкция по созданию интернет-магазина на Wix. Бесплатные возможности и отзывы о конструкторе На что мы без сожалений потратили 26 рублей Биржа фриланс - всё по руб Новые Методы Заработка на Биржа комментариев Раскрутка в соц сетях Надёжный хостинг Добавить сюда ссылку за руб.

Использование материалов сайта без моего согласия запрещено. Биржа фриланс - всё по руб. Новые Методы Заработка на Раскрутка в соц сетях.

Добавить сюда ссылку за руб.

См. также