Урок 2 Создание вики меню для группы Вконтакте Базовая Wiki разметка Новый Дизайн ВК Фотошоп

Автор Ruslana Chernenko
Урок 2 Создание вики меню для группы Вконтакте Базовая Wiki разметка Новый Дизайн ВК Фотошоп

Здравствуйте дорогие друзья.

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

Сначала с ним для этого типа аннотации на экране компьютера либо перейдите по ссылке в описании к этому видео, а теперь начнем программе Photoshop перейдём во вкладку файл создать создадим документ шириной 600 пикселей высотой 402 и разрешение 100 пикселей на дюйм далее нажимаем файл открыть и выбирай любое изображение с вашего компьютера выберите инструмент прямоугольная область либо латинское клавиша FN на клавиатуре.

Выделите картинку затем. Нажмите на вкладку редактирование копировать либо сочетание клавиш. Он после переходим в наш. Документ и нажимаем редактирование вставить сочетание контрольный выбираем инструмент перемещения клавишей его вкладки редактирования свободное трансформирование iPad один из углов удерживая клавишу Shift для равномерного изменение размера. Уменьши в нашу картинку нажимаю вот эту коробочку и ещё раз перенести нашу картинки затем выбираем инструмент прямоугольник клавишей у подберём цвет и создадим к примеру вот какую кнопку. Здесь вы можете задать радиус скругления пример сдадим его 5 пикселей во вкладке просмотр. Убедитесь, что элементы были включены перенести в нашу кнопку на середину документов по горизонтали нажмем на кнопку правой кнопкой мыши параметры наложения наложен Effects. Тень для лучшего выделение кнопки на. Светлом и теперь при помощи инструмента перемещение зажав клавишу ALT тянем кнопку чуть ниже чем сам скопирую её таким же образом создадим третью кнопку. Отдали на такое же расстояние. О чём нам подскажут вспомогательные элементы. Контра Выдели в слове с кнопками выберем инструмент перемещения и разместим их по центру документа выберем инструмент горизонтальный текст нажмите левой кнопкой мыши обязательно за пределами кнопок напишем к примеру наши услуги текст примерно по центру кнопки в инструмент перемещение зажатой клавиши контрл в выделенном слове с 1 кнопкой и слой с текстом и выровнять по центру следующим образом также зададим название для двух других кнопок. Пускай — это будет задать вопрос и контакты выберем инструмент раскройка KFC и по очереди выделим наши определяем первую нашу кнопку далее находим на один из углов нашего выделения при этом значок раскройки должен оставаться неизменным также выделяем 2 3 кнопки жмём файл обязательно сохраните. Этот документ у себя на компьютере и после этого нажимаем сохранить для WEB сохраняем кнопочки на. Ваш компьютер теперь перейдем к вашей группе. ВКонтакте сразу откроем наше сообщество в новой вкладке копируем вот эту ссылочку её и оставлю в описании к этому видео вставляем срок у вашего браузера и вместо трёх букв X должно быть вашего сообщества существует много способов определения айди сообщества, но я покажу он самый простой из них. Под аватаркой сообщество. Нажмите на троеточие и перейдите в статистику здесь в поисковой все цифры после знака равно и будут интересующим на сайте и вместо надписи название страницы мы можем задать произвольное название нашей будущей странице назовём её к примеру и нажмем Enter. Нажми вот на этот карандаш перейдём в режим. Вики разметки и добавил фотографии которые мы только, что создали сохраняем страницу живём предпросмотр вот таким образом сейчас выглядит наше меню. Как видите она достаточно маленькая, а также между есть пробелы переходим визуальный режим редактирования нажимаем на каждую кнопку по очереди и задаем в ширину кнопок 610 пикселей в данный момент — это максимально возможное значение не забываем сохранить страничку и переходим в режим. Вики разметки. Как видите наших ног теперь он 610 пикселей и шириной. Теперь давайте уберём пробелы между кнопками для этого после размера допишите. с запятой nopadding копируем этот текст. И вставляем в каждую из картинок проверим себя сохранить страницу и нажать на предпросмотр теперь наши кнопки сложились в одно целое. Единственное, что нам осталось — это сделать чтобы на кнопки можно было нажимать создадим отдельную страничку для наших услуг делается — это аналогичным образом как и создание страницы меню ещё раз копируем нашу ссылку добавляем сообщество и зададим название наши услуги наша страничка создана нажимаем на карандаш добавим текст выделяем следующий текст. Пейдж и последующие цифры копируем и вставляем его в — это поле летом обязательно этот пробел сохраняем страницу и нажмем предпросмотр теперь. Нажимай на кнопку наши услуги мы попадаем на нашу свежий созданную страницу далее 2 кнопка задать вопрос здесь я покажу вам различных вариантов 1 вариант сообщение сообществу. Я начала их нужно подключить переходим в управление сообществом включаем сообщения сообщества теперь появилась кнопка. Отправить сообщение нажимаем на неё затем обувь сообществом и копируем данную ссылку после чего оставляем её в поле 2 кнопки нажимаю на кнопку сейчас гости будут попадать в личные сообщения к вашему сообществу второй вариант перенаправление в личные сообщения к администратору сообщества. Здесь всё ещё проще чтобы узнать ID администратора перейдём на его страничку нажмем на аватар из копируем. Вот — это число 1 число до. Нижнего подчёркивания поле кнопки в пишем вот такую ссылку http двоеточие два слеша.

0 комментариев
0

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