Как оформить группу В Контакте и создать раскрывающееся графическое меню . Видела много красиво оформленных групп и захотелось сделать что- то подобное. После нескольких часов изучения Вики разметки я наконец сделала для себя красивый баннер и раскрывающееся графическое меню, ведущее сразу на страницы моего сайта. В двух словах как это делается. Сначала в фотошопе одновременно создаются две картинки, потом одна из них нарезается на несколько частей. Далее на страничках редактирования В Контакте вставляется специальный код с внешними ссылками. Ну а теперь давайте обо всем по порядку. Оформляю группы Вконтакте. Качественный дизайн групп и пабликов ВК, закрепленное меню, раскрывающееся меню, внутреннее графическое меню, каталоги, внутренняя навигация — цены и портфолио. Внимание! В связи с очередным апдейтом ВКонтакта от 3. Отчасти подобное меню можно реализовать на вкладке Свежие новости в блоке под строкой статуса. Но это будет отдельное меню, а не единая композиция с аватаром. Шаг 1. Создаем в фотошопе новый документ размером где то 8. В данном примере я сразу наложила сверху интерфейс ВКонтакта для наглядности. Теперь нам надо вырезать в слое два окна, через которые будет проглядывать собственно само графическое оформление. Сначала выделяем прямоугольник размером 2. Del. Потом выделяем прямоугольник размером 5. Del. Прямоугольники выравниваем по нижнему краю, расстояние между фигурами 5. Простая инструкция для создания красивого меню в вашей группе Вконтакте. Его можно назвать « фото для меню » и сделать недоступным для.Данное оформление рассчитано на одну строку названия группы, одну строку статуса и три строки описания и технической информации. Если у вас будет другое количество строк, то тогда по месту подгоняйте высоту левой картинки. Шаг 2. Теперь под этим слоем располагаем все наше графическое оформление. В данном случае я положила картинку с основным фоном, потом написала текст, и потом в левом прямоугольнике создала пять пунктов меню. Шаг 3. Теперь правый прямоугольник (аватар) сразу же сохраняем отдельной картинкой размером 2. Это уже готовая картинка для оформления группы. Она загружается в блок в правом верхнем углу группы, где написано «Обновить фотографию». А левую картинку надо нарезать на несколько картинок по количеству пунктов меню. В данном случае это 5 картинок шириной 5. Шаг 4. На этом шаге нам надо загрузить наши нарезанные картинки ВКонтакт. Для этого сразу под описанием группы выбираем блок «Свежие новости», по- моему так он называется в оригинале. Я его переименовала в «Меню». Нажимаем «Редактировать». Во- первых, у вас должна быть именно Открытая группа, а не Страница. Поскольку на Странице такого пункта просто нет. И второе, в меню Управление сообществом > Информация > Материалы должен быть выбран пункт «Открытые». Шаг 5. Итак, во вкладке «Редактирование» мы нажимаем на иконку фотоаппарата и загружаем наши пять нарезанных картинок меню. ВКонтакт загрузит их по- своему, уменьшив размер до 4. В следующем шаге нам предстоит немного поправить код. Помогите попасть на страничку в одноклассниках. Никакого спама я не рассылаю. Простая инструкция для создания красивого меню в вашей группе Вконтакте. Его можно назвать «фото для меню» и сделать недоступным для . Шаг 6. А именно, мы выставляем оригинальные размеры картинок и меняем тег noborder на тег nopadding. Также нам надо проставить урл ссылок с каждого пункта меню. В данном случае первая ссылка ведет на внутреннюю страницу Вконтакта, а остальные четыре ссылки ведут прямо на страницы моего сайта. Ниже дан оригинальный рабочий код моего меню. Можете его использовать как основу. И следите, чтобы в коде не было пробелов между квадратными скобками, а также не было перевода строки, иначе в графической картинке будут пробелы между картинками. А так оно всегда находится в свернутом виде. Читайте комментарии к посту, там много вопросов разобрано. Ну и присоединяйтесь к моей группе В Контакте. Сначала в фотошопе одновременно создаются две картинки, потом. Качественный дизайн групп и пабликов ВК, закрепленное меню, . 8 простых шагов сделать меню группы ВКонтакте . Для создания внешнего меню требуется 2 картинки: аватар .
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
December 2016
Categories |