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

Как сделать пункт меню для перехода на Главную страницу?

=== Скачать файл ===

Доброго времени суток, уважаемые читатели моего блога. Этой статьей я открываю серию публикаций на тему красивого оформления групп Вконтакте. Сейчас мы поработаем над созданием меню, затем перейдем к созданию стильного единого изображения, ну и в конце научимся делать картинки кликабельными. В конечном итоге у вас получится примерно такое сообщество. При нажатии на кнопку перехода действительно открывается дополнительная стильная страничка. Работа предстоит не такая уж трудная, я детально объясню как действовать. Работа займет не больше пары часов. Давайте обо всем по порядку. Итак, прежде чем я перейду к основному вопросу, и мы начнем разбирать как делать меню в группе Вконтакте, поговорим о том, что вам понадобится. Конечно можно обойтись и без фотошопа, посмотрите вот это видео, в котором все подробно рассказано. Однако, если вы не владеете навыками работы в фотошопе , то я настоятельно рекомендую заморочиться и пройти все три мои публикации. Вы узнаете не только о работе дизайнера в социальных сетях, но и освоите навыки верстки, а также контент-менеджмента. Это не только интересно, но и прибыльно. Я надеюсь, что вы захотите научиться работать, используя профессиональные инструменты. Ничего сложного в этом нет, к концу обучения вы научитесь множеству новых приемов. Вы будете гордиться, что не пошли простым путем. Только так люди и становятся настоящими успешными профессионалами. Помимо фотошопа вам понадобится скачать 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 Хостинг Одностраничные сайты Продвижение сайта Обслуживание сайта Работа с клиентом Юридические рекомендации Полезный софт Вконтакте Инстаграм Веб дизайн и Фотошоп Электронная почта Электронные деньги О заработке Здоровье веб-мастера Новости Интересное Обзоры. В дополнение к статье хочу порекомендовать еще две оффлайн программы для создания сайтов — Adobe Muse При входе в админку выдает WP No External Links requires PHP 5. Начала создавать магазин на базе wix, но столкнулась с проблемой: По мне так лучше пользоваться платными сервисами, они хоть гарантии дают, не все конечно. Презентую свою эксклюзивную подборку трастовых сайтов Я поднимаю свой кокос, чтоб выпить за твоё здоровье. С днём рождения Start-Luck О грандиозных планах на год и, как я до такого докатился Инструкция по созданию интернет-магазина на Wix. Бесплатные возможности и отзывы о конструкторе На что мы без сожалений потратили 26 рублей Биржа фриланс - всё по руб Новые Методы Заработка на Биржа комментариев Раскрутка в соц сетях Надёжный хостинг Добавить сюда ссылку за руб. Использование материалов сайта без моего согласия запрещено. Биржа фриланс - всё по руб. Новые Методы Заработка на Раскрутка в соц сетях. Добавить сюда ссылку за руб.

Экобриз дезинфицирующее средство инструкция по применению

Слова на английском языке образец

Массаж лица вакуумными банками в домашних условиях