Как оформить группу В Контакте с закрепленным верхним меню под новый дизайн ВК . Ранее мы уже научились делать графическое раскрывающееся меню. Сегодня мы будем учиться делать графическое меню с закрепленным верхним баннером и ссылкой на внутреннюю страницу с пунктам расширенного меню.
![Оформление В Контакте Оформление В Контакте](http://cs4167.vkontakte.ru/u3102547/87967053/x_3e49b35c.jpg)
В общем то, на внутренней странице может быть любая информация. Особенно удобно там располагать, например каталоги с ассортиментом продукции. И у раскрывающегося меню и у закрепленного меню есть свои плюсы и минусы.
![Оформление В Контакте Оформление В Контакте](https://tibimi.ru/photo/~800-600-0-90/456139/menyu_vkontakte_primer.png)
Устанавливаем Оформление, для браузера Internet Explorer. Ваши темы - Оформления. Оформление windows xp в стиле Ubuntu Linux (тема Ubuntu для xp). Как оформить страницу В Контакте. Для начала можно попробовать установить тему Вконтакте. Создать свое собственное неповторимое оформление для контакта поможет наш новый конструктор тем, никаких специальных навыков это не потребует. Темы позволяют пользователям устанавливать индивидуальное оформление для. Установка темы в контакте для оперы (Opera). Заходим в Инструменты => Настройка (Settings).
Основной минус раскрывающегося меню — то, что он по умолчанию находится в закрытом состоянии. Но зато на нем можно разместить сразу несколько ссылок. Закрепленное меню смотрится более эффектно за счет общего впечатления, но у него может быть только одна ссылка, ведущая либо на внутреннюю страницу Вконтакта, либо на внешний сайт (причем на внешний сайт ссылка будет идти не с картинки а с текстовой ссылки под картинкой).
Красивое оформление страницы «Вконтакте» – это не прихоть, а важный элемент. В обновленном дизайне «Контакта» ширина ленты новостей стала фиксированной.
Также из очевидных минусов то, что на мобильных устройствах графическое меню представлено в виде обычной записи в ленте, стоящей сверху, а не в виде закрепленной рядом с аватаром. В общем, при выборе оформления стоит учитывать эти нюансы. Итак, давайте посмотрим, как создается закрепленное верхнее меню со ссылкой на внутреннюю страницу. Оформляю группы Вконтакте. Качественный дизайн групп и пабликов ВК, закрепленное меню, раскрывающееся меню, внутреннее графическое меню, каталоги, внутренняя навигация — цены и портфолио. Шаг 1. Создаем в фотошопе новый документ размером примерно 9. Теперь нам надо вырезать в слое два окна, через которые будет проглядывать собственно само графическое оформление.
![Оформление В Контакте Оформление В Контакте](http://vk-dizayn.ru/assets/images/portfolio__preview.jpg)
Сначала выделяем прямоугольник размером 2. Del. Потом выделяем прямоугольник размером 5. Del. После очередного апдейта дизайна ВКонтактом (3. Шаг 2. Теперь ниже белого слоя кладем какую- нибудь единую картинку, которая и будет составлять основу оформления. Шаг 3. После этого дополняем картинку различными элементами — логотипом, текстовыми надписями и кнопкой, призывающей кликнуть по меню. Затем сохраняем на компьютере две отдельных картинки — одна аватар (справа), вторая меню с кнопкой кликнуть (слева). Шаг 4. Также в фотошопе создаем графическое меню, состоящее из нескольких пунктов.
Ширина этого меню должна быть 6. В помощь используйте урок «Как в фотошопе создать несколько кнопок навигационного меню«.
Шаг 5. Нарезаем наше меню на несколько горизонтальных полосок в соответствии с количеством пунктов меню. Сохраняем в виде отдельных файлов. Шаг 6. Заходим в нашу группу Вконтакте, нажимаем «Управление сообществом» (при нажатии на три точки под автаром открывается выпадающее меню) и проверяем правильность установок. Группа должна быть открытая и материалы тоже открыты. Шаг 7. Теперь загружаем новый аватар.
Подводим мышкой к месту аватара и на всплывающем меню выбираем «Обновить фотографию». Загружаем правую фотографию из Шага 3, растягиваем область выделения вверх и вниз до краев картинки, нажимаем «Сохранить» и потом выбираем область для круглой миниатюры.
Шаг 8. Теперь нужно создать внутреннюю страницу. О том, как это сделать, подробно расписано в уроке Как сделать внутреннюю страницу для меню группы В Контакте. Еще один альтернативный способ создания внутренней страницы расписан в уроке «Как Вконтакте создать динамическое меню с эффектом навигации» в Шаге 5 и 6. Шаг 9. После того, как мы создали внутреннюю страницу, можно перейти на нее.
Для этого нужно нажать на раскрывающееся меню группы (по умолчанию этот пункт называется «Свежие новости» — я переименовала в «Меню») и там нажать на ссылку «Меню». После этого мы перейдем на вновь созданную пустую страницу.
Шаг 1. 0Теперь нам надо создать графическое меню из пяти пунктов. Для этого мы загружаем в альбом группы наши пять картинок из Шага 5. Мы нажимаем на значок фотоаппарата и загружаем нарезанные картинки с компьютера. Хранится картинки будут где- то на серверах ВКонтакта с привязкой к группе, поэтому создавать отдельный альбом для картинок- нарезок не обязательно. Загружать картинки нужно в режими Вики- разметки. Шаг 1. 1Теперь в режиме вики- разметки мы будем создавать графическое меню. Очень важно создавать именно в режиме вики- разметки (иконка в правом верхнем углу из двух треугольных скобочек), а не в визуальном режиме редактирования.
Подробнее о создании кода в вики- разметке рассказано в Шаге 4 и Шаге 5 урока «Как оформить группу В Контакте и создать красивое графическое меню«. Там же приведен шаблон кода для вставки. Если все сделано правильно, то должно получиться готовое графическое меню, как на рисунке ниже. Шаг 1. 2Теперь возвращаемся на главную страницу группы, берем урл нашей внутренней страницы (он должен быть такого вида https: //vk.
Автоматически должно прикрепиться окошко со ссылкой на эту самую внутреннюю страницу. После этого мы подводим курсор к надписи «Прикрепить» и прикрепляем к записи фотографию, а именно нашу картинку слева из Шага 3. После этого стираем строку с урл внутренней страницы, оставив пустое место. На данном шаге надо поставить галочку (если есть такие права, в основном это касается групп с открытой стеной) в чекбоксе «От имени группы». Если эту галочку не поставить, то запись невозможно будет закрепить. В конце нажимаем «Отправить».
Шаг 1. 3Подводим курсор к трем точкам рядом с заголовком поста и в выпадающем окошке выбираем пункт «Закрепить». Соответственно также новость и открепляется, если необходимо. Шаг 1. 4Есть один нюанс.
Иногда, после того, как открепляешь новость, она уходит далеко вниз ленты, согласно дате создания, и бывает достаточно трудно вновь ее отыскать. Поэтому лучше сразу где- нибудь записать урл закрепленной новости. Для этого надо подвести курсор ко времени создания новости и нажать на ссылку. Шаг 1. 5Теперь обновляем главную страницу группы. Наше графическое меню будет вверху соседствовать рядом с аватаром. А при нажатии на картинку, мы попадаем на внутреннюю страницу с меню из пяти пунктов.