Осъществяване VKontakte група как да направите уики маркиране

Предишен ◈ Следващото

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

Ето няколко примера, които всички разбират за какво става дума.

Такива групи позволяват да се открояват сред своите конкуренти и да привлече повече потребители. Особено, ако по-интересни и съдържание :)
ще говорим в тази статия за това как всичко това се прави. За повече и по-подробно да се разгледат и вникване във всички детайли, нека да конкретен пример. Това ще бъде една малка работилница за регистрация групи.

Идеята и избора на формата на общността

Първият етап от нашата работа - това е идеята. Ние трябва да разберем това, което искаме да се каже и за кого. Контактът множество формати и общности трябва да избират на базата задачи. Въпреки, че една група може да се превърне във формат на обществения и обратно.

Групата ви позволява да създадете по-отворена към разговор и дискусия общност, където хората ще могат да правят е в тяхна полза публикации в потока. В него можете да добавите от списъка си. В pablike няма такава възможност. Освен това, в групата е малко по-големи възможности за интегриране на уики за маркиране (има раздел "Новини", които могат да бъдат интегрирани в менюто).

В световен мащаб може да се твърди, както следва: ". Публично", ако искаме да създадем една общност за магазин, аз ще взема формата на Ако ние говорим, например, любители на риболова, най-добре е да се вземе "група". Въпреки, че всеки е свободен да прави каквото намери за добре. В крайна сметка, по всяко време, формат може да бъде променена. Все пак, имайте предвид, че Vkontakte въвежда ограничение на ре-формат и промяна на обществото, след като за първи път ще се наложи да изчакате няколко дни, докато не може да се върне всичко обратно, ако е необходимо. Следователно, за да се тества функционалността на най-доброто, преди групата да започне да се запълни със съдържание.

Като част от майсторския клас ще взема като отправна точка на играта Mad Max на едноименния филм, който бе представен само преди няколко седмици, и ще създаде една общност за играчи с различни материали на тази игра. Основната цел - източване на трафика към вашия сайт за игри.

Форматът ще бъде "Групата", тъй като е необходимо да се създаде естествени публика поток и увеличаване комуникация в рамките на общността. Незабавно да се изясни, че аз ще се използва универсален метод, който може да се използва в група формат и в pablike. Тя работи навсякъде.

морски съдържание започват да се преведат на идеята в реалност!

Създаване на група

Сега би трябвало да видите прозорец като този, където да въведете името на нашата група, и изберете формат.

След въвеждане на информацията, пред нас се отваря нашия обществен контрол панел. В моя случай, тя изглежда по следния начин.

Възрастови ограничения, които изложих, в този случай 18, подобен на тези, които разработчиците са пуснати в играта. Въпреки, че имам съмнение, че пиесата и децата.

Всичко. Група създаден!

Сега можете да започнете да го направи.

Дизайн на група Vkontakte

оформление шаблон

За да стане по-ясно, ето един пример.

Виждаме, че от двете страни на изображението е ивица с изглед към жилищната зона. точно правите за първи път е практически невъзможно без шаблон. Ще бъде необходимо да се коригира изображението, изчезнали разлики до 1 пиксел. Докато използвате шаблона можем само да го добавите към програмата, в рамките на маркирането и веднага да получите желания резултат.

Ние, междувременно, преминете направо към графичния дизайн на новата си група. Тук аз избирам по пътя на най-малкото съпротивление и за търсене на части от проекта се изпраща на Google Изображения. Можете да използвате и Yandex. Някой като че вече.

Дизайн образование съм, следователно, да се спра на въпросите относно избора на шрифт и други подробности няма. Напомняли малко в Photoshop, аз имам този резултат.

Първият етап от работата с рисунката е завършена. Върнете се в контакт.

Кликнете с мишката върху двата вида Ава групата ни на място и го качете на нашия имидж. Тези момчета все още пише "Качете снимка" под тях.

Добавете снимки. Посочете областта и изберете миниатюра. Тук всичко е просто и не трябва да е проблем.

След това, ние трябва да добавите връзка картина за бъдещето на нашето меню. Тук е малко по-сложно. За работа, ние се нуждаем от скрипт за създаване уики страници Vkontakte (това може да се намери в менюто ми дясната сайт в раздел "Полезни връзки" - има голяма писмо в син квадрат).

Тези цифри след «? Гид =» е най-желаната група идентификатор. Поставете получената стойност във форма сценарий и напиши името на страницата, която искате да създадете. В този случай, аз карам в "Меню".

Ако всичко е направено правилно, тази страница ще бъде открит тук.

Това е прозореца, където по-късно ще направи уики маркиране и да се създаде вътрешен меню за вашата група. До момента имаме достатъчно, за да напиша нещо тук. След това натиснете синия бутон "Save Page" в горната част и кликнете върху линка Назад към страницата.

Написах в "Меню" и страницата ми, след като запазите стане по следния начин.

Тук ние се създаде поста на четене: да вмъкнете картинка и линк към страницата в менюто за групата.

Wiki-маркиране група меню Vkontakte

Аз няма да се спирам на това, как се събира в менюто. Това е, което аз го направих.

полета най-малко. На вертикалната планировка. Идеалният формат за адаптивно меню. Това е, нищо по мобилния, няма да ходя никъде. Всичко ще бъде точно като на вашия компютър и таблетни екрани. Като ширина 500 PX, а след това до нищо uzhalos не губи качество на картината два пъти. Ръст няма значение.

Нарежете на снимката на парчета и да ги съхранявате.

Всичко. Време е за крайния акорд - меню събира вече в групата.

След това, отидете в режим на уики-маркиране (под бутона за затваряне в горния десен ъгъл на страницата е изведена от тази рамка <> в). Когато се активира желания режим, бутонът се заобиколи в сиво.

След това се навирам в иконата на камера, и се добавят наведнъж всички парчета от нашето меню. Режимът на уики, ние не се изображения вижте, просто кодиране на тези изображения с размери и параметри.

Искам да центрирате меню, както и че между фрагментите не е имало пропуски. Ето защо, всеки елемент от обвивка в маркера

и да има настройки за свързване «noborder» се завърши втори параметър «nopadding». Първият забранява двутактови фрагменти и граници в клетките на таблицата. Вторият премахва вдлъбнатината от ръба.

първия и последния елемент в менюто да не се налага да бъде един бутон - аз трябва да разбера това е само графичен елемент без да се позовава на вътрешен страница, така че да ги предписват допълнителна опция «nolink». Това премахва възможността за кликване върху елемент, за да се отвори в отделен прозорец, част от картината. Чрез кликване на мишката, сега е по принцип нищо не се случва. Това е нормална страница на заден план. Inactive.

В моя случай, код на меню е както следва.

Също така бих искал да спомена факта, че след като импортирате изображения от вградената VC понякога неправилно показва размера на изображенията. Ето защо, за това, което трябва да следи отблизо и да изложи тези, които бяхме планирали на етапа на проектиране инженеринг. В противен случай, всичко може да премине един от друг и в крайна сметка пъзела не работи.

Когато сме регистрирали кода и изравни всички елементи, ние продължаваме страницата и да видим едно и също нещо, че е бил в Photoshop.

След това го поставете в менюта връзки уики код, за да нови страници в една страница-102302049_51013384, където първото число - група номер, а втората - номера на страницата. Въпреки, че по принцип не е важно. В края на краищата, ние само трябва да копирате URL фрагмент и се вмъква в оформлението.

В резултат на това код на меню добиват следната форма.

Външно, нищо не се е променило. Но, когато щракнете с мишката върху елементите от менюто, то е ясно, че в момента тя работи!

Както можете да видите, нищо сложно. Тогава структурата може да се развива по този начин за неопределено време: от менюто за връзка към форумите. В секциите да привлече нови менюта и така отново и отново.

Що се отнася до оформлението и правилата, по които е написан кода, аз ви съветвам да се провери специално посветени на този въпрос Vkontakte група. Момчетата описват всички ключови моменти и в техния каталог, лесно можете да намерите желаната опция и да разберете как да го добавите към уики страница.

Свързани линкове член:

Само ако копирате кода от поста, ще бъде необходимо да се коригира форматирането след поставянето директно на страницата.

Кажете, за обществените страници правят нищо подобно? Резултатът ще бъде един и същ?