Как да създадете групово меню на Vkontakte

Съдържание:

Как да създадете групово меню на Vkontakte
Как да създадете групово меню на Vkontakte

Видео: Как да създадете групово меню на Vkontakte

Видео: Как да създадете групово меню на Vkontakte
Видео: Как написать пользовательский сценарий для интерфейса сайта или приложения 2024, Може
Anonim

Има няколко начина да създадете ярко цветно меню на групата Vkontakte. Промяната на изходния код на изображението обаче е най-правилният и точен метод.

Как да проектирам меню на група Vkontakte
Как да проектирам меню на група Vkontakte

Създаване на правилния образ

Намерете изображение в мрежата, което е подходящо за темата на вашата група. Ширината на менюто по подразбиране е 370 пиксела, така че във всяка програма, която може да преоразмерява изображенията, коригирайте размерите до желаната ширина. Най-добре е да работите във Photoshop. Отворете в него снимка, подготвена за съставяне на меню. На неговия фон ще има бутони от менюто с надписи за преминаване към съответните секции. Изображението трябва да бъде увеличено за по-лесно обработване. Решете в коя зона ще се намира менюто: с помощта на инструмента Ruler, хоризонтално под аватара, измерете 370 пиксела. Също така измерете мястото, където менюто ще завършва с линийка.

Започнете да създавате бутони. Първо, трябва да използвате линийката, за да определите средата на правоъгълника, в който ще се намира менюто (185 пиксела) и да създадете нов слой. Използвайте инструмента Rectangle Tool, за да направите бутон и намалете непрозрачността до 60%, след това дублирайте слоя и го поставете там, където искате. Когато всички бутони са готови, трябва да напишете имената върху тях. За да направите това, щракнете върху слоя и използвайте инструмента "T".

След като всички етикети са завършени, обединете слоевете, копирайте полученото изображение с помощта на клавишната комбинация Ctrl + C и създайте нов документ. Поставете в полученото меню с копирани от вас бутони. След това изберете бутоните с надписите с помощта на инструмента "изрязване" и запазете получените изображения. Запазете всички снимки, получени по време на работа в Photoshop, в отделна папка и качете тази папка във вашата група Vkontakte. Тъй като тези данни за изображения са вашият работен инструмент, в настройките на албума задайте ограничението за изглед „Само администратори на групи“.

Създаване на бутони от менюто и свързани страници

Задръжте курсора на мишката върху менюто на вашата група. Вдясно от етикета "Меню" ще видите бутона "Редактиране". Кликнете върху него. Ще се отвори поле за вмъкване на изображения. Вдясно щракнете върху бутона Режим на визуално редактиране. Поставете изображенията, които сте подготвили, като използвате бутона "Добавяне на снимка". Всяко изображение трябва да бъде вмъкнато в нов ред, така че накрая да получите една снимка на предварително "изрязаните" части. Щракнете върху бутона Запазване.

Щракнете върху бутона Wiki Markup Mode. Ще видите кода на вашите изображения като „[photo-11111111_303464615 | 370x63px |] ". Създайте страници, към които да сочат вашите бутони. За да направите това, отстъпете няколко реда от вашите изображения и напишете кода за създаване на страници като [Page1], където текстът "Page1" замества текста на името на вашия бутон. Създайте толкова страници, колкото са бутоните.

Отворете всяка страница в нов раздел на браузъра. Щракнете върху бутона "Редактиране" на всяка страница, която се отваря. След като кликнете върху този бутон в реда на браузъра, ще получите адресите на вашите страници от формата „https://vk.com/page-11111111_111111111?act=edit“.

Върнете се в режим на визуално редактиране. Щракнете върху първата снимка, ще се отвори прозорец с параметри, където ще има ред "Връзка" за адреса на страницата, към която ще доведе картината. Поставете съответната връзка към страницата с менюто в реда. Щракнете върху „Запазване“. Връзките за всяко изображение се вмъкват по същия начин. Ако се върнете в режим на оформление на wiki, менюто ви ще се състои от няколко връзки, написани в колона.

Изтрийте редове като [Страница1], така че да не дублират връзки към страници в менюто. По този начин ще получите една снимка, отделните части на която са връзки към съответните страници на вашата група. Завършете създаването на менюто, като кликнете върху бутона "Запазване".

Препоръчано: