Как да направите графично меню VKontakte, създаване, персонализиране и популяризиране на сайтове
Поздрави, приятелите ми, в блога - SdelaemBlog.ru. В една статия, аз ви казах как да се направи проста VKontakte текст на менюто. И днес, реших да продължа тази тема, и да поговорим за това как да се създаде графичен VKontakte меню. В крайна сметка, не всеки уебмастър, който иска да подредите вашата група, да организира текст на менюто. Сега, може би по-важни графично меню и различни изображения се възприемат много по-добри в сравнение с посетителите, текстови връзки. И с помощта на диаграми може да извае нещо наистина красиво и колоритен.
Откъде да започнем?
Ами да започнем с естествено струва избора на подходящи графики или да начертаете меню от нулата. Разбира се, за да се направи меню от нулата не всеки може. Но проблемът е решен, че като World Wide Web е пълен с различни графики, както безплатни и платени, които можете да използвате, за да изпълни плана си. На този етап, аз няма да навлизам в подробности, за да намерите снимките в мрежата, не е трудно, но не мога да рисувам. Веднага започна с факта, че вече имаме подходящи графики, но какво да се прави по-нататък не е ясно?
След като сте изтеглили или боядисани менюта, то трябва да се отсече. Какво прави той? Това е необходимо, за да създадете индивидуални връзки, за конкретно изображение. Защото, ако си сложиш нашето меню напълно към групата, повече от една връзка не работят, или нещо, което аз не знам. В допълнение, е необходимо нашето меню, за да промените размера, тоест, след като е необходимо да се вземе под внимание, че максималният видима ширина е 388 пиксела (едно изображение), а останалите или ще бъдат отрязани или промяна на размера, който сте посочили при създаването на меню в групата, с изображението може да се разтяга или да се свие Напротив, тя може да развали първоначалната идея. И все пак си струва да се има предвид, че, например, за хоризонталното меню, което трябва да се съсредоточи върху ширината на 370 пиксела, в противен случай менюто не е подредят хоризонтално.
Така че, аз отивам да се покаже, например, най-често срещаните бутони. Всички манипулации с графики, аз ще направя с помощта на Photoshop, така че препоръчвам да го използвате. След като се разбра с размерите, остава нарязани меню. За да направите това, можете да използвате удобен инструмент "рязане".
Просто маркирайте тези инструменти е уместно площ, например:
И с изключение на уеб-устройства.
В прозореца, ние можем да изберете размера на картината, неговото качество, и др. В този случай, аз избирам формат: JPEG и най-доброто качество, а останалата част ще остави както е, и да запази графичен меню VKontakte.
След това ни образ се запазва в нацепени в папка, която можем да зададете име. Сега можете да преминете направо към създаването на графична VKontakte меню.
Как да създадете вертикална, графичен меню VKontakte?
Към началната страница на нашата група. И прави известна подготовка: Управлението на общността, свържете "Материали", се запазва. Ако нещо не е ясно на този етап, а след това прочетете статия за текстово меню VKontakte. където всички подробности, за него казват.
След това, ние трябва да изтеглите нашите снимки, които сме получили, когато изрязване на менюто. Това означава, че върху "добави снимки".
На следващо място, можете или да влачите и пускате на всички изображения от една папка спасен, или изберете от "изберете файл" бутон, на пътя към нашата папка, изберете всички изображения, и натиснете бутона "отворен".
След като изображенията са заредени, можем да започнем да се създаде менюто. За да направите това, кликнете върху "Редактиране" до последните новини.
И сега, можете да добавите код за нашето меню. В моя случай, това изглежда така:
Така че нека да отнеме малко по-отблизо какво се случва:
[[...]] - всъщност, връзки меню.
130x46px; nopadding; - Опции за изображения: 130x46px; - ширина и височина на нашия имидж (може да се различава от размера на изображението) - за вертикална vkoktakte меню няма необходимост; nopadding; - без пропуски - когато се използва тази опция премахва всички интервали (отстъп) и изображения се сливат в едно.
Ето какво имам:
Как да направите хоризонтално, графичен меню VKontakte?
хоризонтално меню VKontakte се прави, защото на същия принцип. Единствената разлика е, че при писане на код, нови елементи в менюто не е необходимо да се премине към нов ред. Също така, не забравяйте, че в този режим на изображения, можем да използваме само 370 пиксела широчина. Аз леко коригира кода от картинката по-горе, и това е, което аз имам:
А това е как изглежда:
И аз бих искал да добавя: Има моменти, когато ние трябва да вмъкнете картинка в менюто, но това не трябва да е връзка. Той трябва да служи като декорация. За да направите това, просто използвайте опцията «nolink». Тук е един добър пример: Същата хоризонталното меню, само първия бутон не е активен линк, и е само на снимка.
Е, това е в общи линии всичко. Както можете да видите, графиките не Vkontakte сложно меню, най-важното нещо, за да го направи. След това, с помощта на всички знания, натрупан в тази статия, можете да направите най-доброто меню за вашата група VKontakte. И аз искам да се отбележи, че можете да комбинирате хоризонтални и вертикални менюта, като по този начин се постигне абсолютна уникалност.