Formátování skupiny v seznamu kontaktů na stránkách. Vytvořte několik šablon pro různé účely. Schéma, jak krásně a správně nastavit skupinu na VK

), vytvořte menu.

Teď vám to ukážu jak vytvořit nabídku ve skupině VKontakte a správně ji navrhnout.

Tvorba krásné grafiky

V novém designu webu VKontakte byly změněny rozměry pro grafiku. Níže naleznete aktuální hodnoty.

• Avatar pro skupinu – 200x300 px
• Banner v popisu – 510x271 px

Připravte obrázky v požadovaných velikostech. Vezmu hotové obrázky, abych vám ukázal příklad.

Udělejme tedy krásný design rozdělením celkového obrazu na dvě části. V důsledku toho získáme jediný design.

Nejprve nahrajte svůj avatar. Přejděte do skupiny a klikněte "Nahrát fotku".

Zobrazí se formulář, ve kterém musíte vybrat soubor na pevném disku počítače. Udělej to. V důsledku toho jsme dostali následující.

Nyní přidáme druhou část obrázku. Chcete-li to provést, musíte umístit obrázek na zeď a poté jej nahrát a opravit v horní části.

Pojďme ke zdi. Tady na bloku "Přidat záznam", klepněte na ikonu Fotografie.

Nahrajte druhý připravený obrázek. Nezapomeňte vybrat příspěvek jako komunita. A poté klikněte na "Odeslat".

Nyní je potřeba zajistit vstup (viz). Vrátíme se k novému záznamu a rozbalíme nabídku v pravém horním rohu. Zde klikneme na „Připnout“.

Nyní obnovte stránku a podívejte se na výsledek.

Jediným negativem je, že obrázky jsou na různých úrovních. Ale to je způsobeno tím, že nemají správnou velikost. Avatar by měl být vertikálně větší. Pak budou na stejné úrovni.

Jak vytvořit nabídku ve skupině VKontakte

Vraťme se k našemu příkladu a představme si, že potřebujeme vytvořit tlačítko „Další podrobnosti“. Už je na obrázku. Jak z toho uděláme tlačítko, aby po kliknutí byl člověk přesměrován na naši hlavní stránku? Teď vám to ukážu.

Aby byla tlačítka nabídky aktivní, musíme je vystřihnout jako samostatné obrázky. K tomu potřebujeme Photoshop.

Otevřete náš obrázek v editoru a aktivujte nástroj „Řezání“.

Spodní díl odstřihněte knoflíkem. Podržte levé tlačítko myši a nakreslete vodorovnou čáru, čímž obrázek rozdělíte na dvě části.

Nyní stiskněte Alt+Ctrl+Shift+S pro uložení hotových obrázků.

Https://vk.com/pages?oid=-120208137&p=menu

Podívejte se, za symboly "odi=- " musíte vložit id vaší skupiny (viz). A úplně na konec odkazu napište název vaší stránky menu. V příkladu ponecháme „Menu“ tak, jak je.

Zde klikneme na ikonu fotoaparátu a nahrajeme připravené snímky.

Nyní přejdeme k vytvoření nabídky pro skupinu na VK. Mělo by to vypadat podobně.

Dále jdeme do sekce "Editace". Zde musíme u každého obrázku odstranit výplně, aby se spojily do jednoho obrázku. Chcete-li to provést, přidejte do kódu následující hodnotu: „nopadding;“ . A přidejte odkaz na požadovanou stránku nebo web a zadejte hodnotu „https://site.ru/page.html“ (uveďte své adresy!). V našem příkladu by tlačítko „Další podrobnosti“ mělo vést na webovou stránku. Tohle by se mělo stát.

[] []

Uložte stránku. Nezapomeňte zkopírovat její adresu z adresního řádku. Mělo by to vypadat takto:

https://vk.com/page-120208137_52523487

Vrátíme se na zeď skupiny a vytvoříme nový záznam. Do něj vložíme odkaz na stránku a připojíme původní obrázek. Publikujeme a pindáme.

Toto je menu, u kterého jsme skončili.

Ahoj! Jsem Adel Davletshin, vedoucí projektů SMM v kanceláři FriendMedia

Osobní zprávy od komunity

Určitě každý již viděl tlačítko „Napsat zprávu“ a ví o komunitních zprávách. Tato funkce vám umožňuje vytvořit zpětnou vazbu se správou komunity. I když si administrátoři nemusí všimnout komentáře pod zprávou před měsícem nebo v jedné z tuctu diskuzí, je těžké si nevšimnout +1 ve zprávách komunity.

Chcete-li tuto funkci začít používat, musíte ji povolit. Nastavení této sekce se nachází na kartě „zprávy“ ve správě komunity.

Je skvělé, že můžete napsat pozdrav. Můžete také přidat skupinu do levého menu sociální sítě, kde se naproti komunitě objeví +1, když dostanete novou zprávu do skupiny.

Popis, info

Karty s informacemi o komunitě a wiki stránkách jsou nyní vždy viditelné, i když jsou zprávy připnuté ve skupině. Proto je důležité vyplnit popis a sekci wiki, aby sledující pochopili výhody skupiny. Bude smutné, když si někdo bude chtít přečíst popis skupiny, ale je tam prázdno.

Sekci, kterou nazýváme „články“, lze nazvat jakkoli. Přejdeme do této sekce, klikneme na „upravit“ a napíšeme jakýkoli vhodný název obsahu. Mohou to být rady, zajímavé zprávy, jídelníčky nebo články od odborníků.

Tipy pro psaní skupinového popisu jsme již psali v tomto článku:

Nabídka wiki

Funkčnost a výhody wiki menu se nijak nezměnily. Chceme vám však připomenout, jak je důležité mít nabídku, která předplatitelům usnadní orientaci ve skupině. Pokud menu navrhnete ve stylu komunitního obalu, bude naprosto nádherné :)

Zde se můžete naučit, jak pracovat se značkami wiki: vk.com/wiki

Aplikace

Ve skupinách jsou aplikace zvýrazněny v samostatném bloku vpravo. Název tlačítka lze pohodlně změnit v nastavení „správa komunity“. Zklamáním však je, že do komunity můžete přidat pouze jednu aplikaci. Proto si musíte vybrat, který z nich vám nejlépe vyhovuje.

I když neprodáváte vstupenky, nepřihlašujete se na akci nebo nepřijímáte žádosti, vyplatí se přidat dotazník nebo vtipný průzkum, abyste své odběratele zapojili do konverzace a získali zpětnou vazbu.

Zboží

Skupinu zdobí dokončená sekce „Produkty“. Do této sekce umístěte produkty nebo služby, které prodáváte. Předplatitelé tak mohou rychle procházet, vybírat a objednávat, co potřebují. K produktům můžete přidávat aktuální akce a slevy.

Nezapomeňte vybrat vhodné obrázky pro návrh produktu, přidat popis, cenu a kanál zpětné vazby. To vše uživatelé uvidí kliknutím na konkrétní produkt a budou vás moci kontaktovat.

A pokud nic neprodáváte a vaše služby jsou zdarma, stále stojí za to mluvit o vašich schopnostech a přidat je k vašim produktům s výzvou k akci. Může to být například hledání zaměstnance nebo nějaký druh komiksového produktu, jako je průzkum v aplikaci, která má zapojit předplatitele do komunikace.

Diskuse

Odkazy

Sdílejte odkazy na své webové stránky, účty na jiných sociálních sítích a odkazy na další užitečné zdroje v bloku „odkazy“. Je smutné vidět ve skupinách odkaz na Instagram s popiskem „Náš Instagram!“ nebo úplně bez podpisu. Jaký je tvůj Instagram? co s tím mám dělat? proč tam jít? Je důležité označit tyto odkazy způsobem, který vzbudí zájem. To lze provést pomocí krátkého popisu a výzvy k akci. Například „vyberte si z pohodlného katalogu na našem webu.“ Krátké, užitečné a srozumitelné.

alba

Kontakty

Byli také tací, kteří se ptali: "Proč registrovat kontakty, když existují zprávy komunity?" Protiotázka: „Tak proč nevypnout všechny komentáře a nesmazat diskuze?“ Protože komunitní zprávy jsou jedním z nástrojů zpětné vazby. A sociální sítě jsou stvořené pro komunikaci. Souhlaste, že je příjemnější komunikovat s člověkem než s neosobní komunitou. Napsáním osobě z bloku „kontakty“ rozumíme, s kým vedeme dialog, kdo je tato osoba a s jakými dotazy ji můžeme kontaktovat. Proto byste se neměli skrývat za název skupiny a dát předplatitelům příležitost vidět vás a komunikovat osobně.

Zde je několik příkladů dobře navržených skupin:

• Dobrý obal a produktová sekce

• Stručný a jasný popis

• Prakticky vyplněná sekce s wiki stránkami

• Zajímavý test

• Jednoduché a přehledné menu

• Užitečné diskuze

• Světlé obaly alb

Za poslední rok se VKontakte aktivně mění a zavádí stále více nových nástrojů a schopností. Je důležité držet krok s inovacemi, aby byla vaše komunita sociálních sítí efektivní pro vaši firmu nebo značku.

Jsou všechny sekce ve vaší skupině vyplněny? Abychom na nic nezapomněli nebo se nespletli, sestavili jsme speciální kontrolní seznam pro komunitní design. Vytiskněte, sledujte a kontrolujte své zaměstnance podle kontrolního seznamu. Pak budete mít jistotu, že jste o nic nepřišli. Můžete si stáhnout kontrolní seznam pro komunitní design

Tento článek bude podrobným manuálem a řeknu vám, jak vytvořit nabídku pro skupinu VKontakte. Krásně navržené menu skupiny VK přispívá ke skutečnému nárůstu návštěvníků a růstu prodeje na webu.

Ahoj moji milí čtenáři. Dnes vám to povím jak vytvořit krásné menu pro skupinu VKontakte a zcela zdarma. Mimochodem, když jste se naučili vytvářet taková témata, můžete si z toho vydělat trochu peněz -))). Ani jeden komerční web nefunguje bez vytvoření vlastní komunity na sociálních sítích, zejména VK, která zaručeně pomůže přivést nové klienty a propagovat vaše podnikání.

Ale pokud vaše komunita není atraktivní a jako všichni ostatní, kdo tam bude chtít zůstat? Myslím, že nikdo!!! Vyzdobme si tedy naše skupiny kvalitním designem a naučme se, jak na to velmi rychle. Než začnete vytvářet grafiku a naši budoucí nabídku, musíte si do počítače nainstalovat program Photoshop pro další řezání obrázků. Mnozí se budou ptát, proč vůbec potřebujete obrázky stříhat. Jde o to, že pro každý odkaz na menu budeme muset vytvořit samostatný pruh z obecného banneru.

Dnes existuje několik typů vytvořených menu:

• Otevřít s aktivními položkami;
• Zavřeno jako připnutý sloupek;
• S jednotlivými obrázky nebo společným sousedním obrázkem banneru a menu.

Podstata vytvoření obou možností je stejná. Jediný hlavní rozdíl je v doplňkových prvcích a typech záznamů, o kterých bude podrobněji pojednáno v tomto článku.

Pro práci s menu nám to pomůže označení wiki, který je dnes zabudován do textového editoru VKontakte. Od běžného se liší tím, že bude používat standardní příkazy pro zobrazení konkrétního obrázku a vložení odkazů na potřebné prvky. Samotné označení wiki vám umožňuje vložit kód pro zobrazení obrázků, videí a dalších prvků.

Nabídka uzavřená skupina VK

V tomto případě uvidíme vlevo od avatara hlavní skupiny hypertextový odkaz ve formě nápisu „skupinové menu“, po kliknutí na něj se otevře naše nabídka s aktivními položkami a obrázky.

Menu bude vypadat takto:

Otevřít nabídku skupiny (připnutý materiál)

Smyslem je vytvořit již otevřené položky nabídky, které se budou zobrazovat v popisu samotné skupiny, kde se obvykle zobrazuje pro všechny podmínky. K popisu bude připojen náš obrázek, který si předem připravíme a propojíme se stránkou, na které budeme mít aktivní předměty. Toto menu je v poslední době velmi oblíbené a je mezi zákazníky žádané. Vypadají takto:

Jak vytvořit krásné menu pro skupinu VKontakte: pokyny krok za krokem

Nejprve si tedy budeme muset vytvořit hlavního avatara skupiny, kterého umístíme vpravo, a útržek pro naše menu ve formě banneru.

• Pro avatara 200x332 pixelů;
• Pro banner hlavní nabídky 395 x 282 pixelů.

Jak jste si mohli všimnout, výška obrázků je různá a je to provedeno tak, aby se obrázky neposouvaly do výšky a byly ve stejné úrovni, protože výška názvu komunity a stavu zabírá asi 50 px a budeme potřeba odstranit tuto hodnotu z výšky nabídky.

Aby bylo jasno, pokud je výška hlavního avatara skupiny 332, tak od ní odečteme 50 a dostaneme výšku hlavního menu rovnou 282. Pokud na rozměrech nezáleží, pak lze výšku nastavit libovolně .

Dalším krokem po vytvoření komunity bude nastavení materiálů a zde musíme účastníkům zakázat vytváření dalších stránek a bloků, ale pouze psaní na zeď. Chcete-li to provést, budete muset přejít do části pod avatarem skupiny nazvané „správa komunity“, kde musíme nastavit naše materiály jako „omezené“, jak je uvedeno níže.

Nyní se pustíme do tvorby celkové kompozice. Místo avatara a do popisu můžete samozřejmě jednoduše vložit obrázek, ale nebuďme amatéři a ukážeme vám, jak to udělat profesionálně, aby to byl jeden plnohodnotný obrázek, který se mění jeden v druhý.

Vytvořme si ve Photoshopu nové plátno o rozměrech 600x350 pixelů, které použijeme jako šablonu tak, že do něj vyřízneme otvory pro naše obrázky. Abychom fungovali, musíme převést velikosti všech prvků a pravítek na pixely a to se provádí následující cestou: „Edit-installation-main“ a zde nastavíme pixely.

Dalším krokem při vytváření otevřené nabídky je vytvoření výřezů pro banner a avatar, které následně obdržíme ke stažení. Chcete-li to provést, přejděte do části levého vertikálního menu a vyberte řezání.

Pomocí levého tlačítka myši, jako byste vybírali oblast, musíte vybrat bloky o velikostech, které potřebujeme, a po každém výběru stiskněte tlačítko „Odstranit“ a vyberte 50% šedá. Takové akce povedou k tomu, že bloky budou mít požadovanou velikost a budou zvýrazněny barvou odlišnou od hlavního pozadí.

Mělo by to vypadat takto:

Nyní už jen vybereme gumu a pomocí funkce „magická guma“ klikneme na každý šedý blok a získáme šablonu s výřezy. Dalším krokem je vybrat náš hlavní obrázek a umístit jej pod pozadí a získat hotové obrázky, na které můžete napsat text s názvem menu nebo jinými reklamními prvky.

Velký. Poté, co vložíte obrázek našeho návrhu, stačí vybrat „uložit pro web“ a jako výsledek dostaneme 2 naše obrázky. Nyní se vrátíme do naší skupiny a můžeme vyplnit hlavního avatara (vertikální). Banner pro menu použijeme o něco později při práci s kódem wiki.

Vytvořme samotné menu s aktivními položkami, které uživatele přesměrují na potřebné sekce webu třetí strany nebo na alba a katalogy v samotné skupině. Pro zpestření použijeme nový obrázek -))).

Vraťme se tedy do Photoshopu a vytvořte nové plátno o rozměrech 400x300 pixelů. Poté vyberte v sekci: file-place a vyberte obrázek pro pozadí nabídky.

Na obrázek umístíme tlačítka naší budoucí nabídky a obrázek ořízneme, jak jsme to udělali výše, výběrem potřebných bloků. Poté také vybereme „uložit pro web“ a získáme složku s našimi řezy. V mém případě jsem dostal 4 obrázky v samostatné složce.

Nyní musíme nahrát obrázky stažené z Photoshopu do samostatného alba a skrýt je před zvědavýma očima. Po načtení obdrží každý obrázek svůj nový název a jedinečné ID.

Upozorňujeme, že musíte mít:

• Materiály se otevírají v „omezeném“ režimu;
• Zahrnuty diskuse;
• Složka s fotografiemi je otevřená všem.

Nyní zbývá pouze nakonfigurovat naši stránku, kde se bude menu zobrazovat. Chcete-li to provést, přejděte na hlavní stránku komunity a vyberte čerstvé materiály a upravte a zavolejte „NAŠE MENU“.

Dále musíme vložit obrázky, které jsme obdrželi při řezání ve Photoshopu. Někteří lidé používají značkovací kódy, ale abyste to nepřemýšleli, doporučuji jednoduše vybrat vložení obrázku kliknutím na ikonu fotoaparátu a nahrát jeden po druhém.

Při práci v textovém editoru, pokud po načtení obrázků klikneme na ikonu ve formě závorek v pravém horním rohu, měli bychom vidět tento kód:

rada: Důležitým bodem po načtení obrázků je odstranění výplně. To lze vyřešit vložením „nopadding“ před velikost obrázku.

Pro upřesnění je níže napsáno, co odkud pochází, ale vzhledem k tomu, že se vše vloží automaticky a není třeba chytračit, a otevřít jak někteří napíší každý obrázek a vezmou id, pak jednoduše stáhneme a uložíme.

[]
kde xxxxx je id vašeho obrázku
yyyyy – šířka v pixelech (maximálně 388)

Mělo by to skončit takto:

Nyní jsou naše obrázky shromážděny v samostatném banneru. A chcete-li ke každé položce přidat odkaz, jednoduše klikněte na obrázek s deaktivovaným označením a do sekce odkaz vložte zkopírovanou adresu URL.

A nyní se dostáváme k nejdůležitějšímu a poslednímu bodu při vytváření našeho menu VKontakte. Nyní musíme uložit naši stránku s obrázky a zkopírovat její adresu. V mém případě to vypadá takto:

http://vk.com/page-116682062_51411604?act=edit&hid=183950676§ion=edit

Pamatujte, že na začátku článku jsme vytvořili útržek menu, které bude pokračováním našeho hlavního avatara, a vytvořili jsme pro něj šablonu. To je přesně to, co teď potřebujeme.

Přejděte na hlavní stránku a proveďte následující:

Krok #1.

Adresu stránky vložíme do textového pole pro nový příspěvek na zdi, poté se převede na odkaz.

Krok č. 2.

K příspěvku připojíme obrázek našeho zástupného symbolu nabídky a klikneme na odeslat.

Krok č. 3.

Nyní po zveřejnění příspěvku klikněte na čas vytvoření v levé dolní části příspěvku a vyberte „PIN“.

Velký!!! Tady skončíme. Nyní víte, jak vytvořit skvělá menu, a můžete na tom vydělat slušné peníze. Doporučuji vám udělat vše v následujícím pořadí:

• Vymyslíme strukturu a objednáme návrh obrázků menu;
• Změníme velikost a ořízneme všechny obrázky;
• Vkládání obrázků do alb;
• Všechny střihy upravujeme v editoru a zveřejňujeme na hlavních stránkách skupiny.

Výsledkem naší práce bude toto menu.

Ale samotná nabídka po kliknutí vyskočí s aktivními odkazy. Vyplatí se pohrát si s velikostmi a upravit je tak, aby odpovídaly vaší obrazovce, ale nezapomeňte na zobrazení na mobilních zařízeních.

DŮLEŽITÉ: Po změně designu VK v roce 2016 byly provedeny nové změny při vytváření obrázků a požadavky na obrázky o kterých.

Stáhněte si šablonu menu skupiny VK + všechny zdroje lekcí

Doufám, že materiál byl užitečný a nyní snadno pochopíte, jak vytvořit krásné menu pro skupinu VKontakte. Přihlaste se k odběru aktualizací blogu a brzy se uvidíme u nových příspěvků. Pokud máte nějaké dotazy, napište je do komentářů a já vám určitě pomůžu.

Přikládám video pro posílení toho, co čtete -))).

Dnes budu pokračovat ve svém „Ponoření do skupin VK“. Ve třetí části „seriálu“ jsem řekl a ukázal. Dnes si promluvme o návrhu skupinového menu VKontakte!

V prvním článku o tvorbě jídelníčku bylo v komentářích hodně dotazů, takže před založením nového tématu odpovím na často kladené otázky.

Otázka 1: První a nejčastější: "Kde je kód v nabídce?" nebo „Pokud při úpravě „Zdrojového kódu“ není žádná záložka, jak přidat interní stránku? nebo "Stále nechápu, co dělat, když se kód neobjeví!"

Odpověď 1: VK změnil editor, nyní můžete přepínat mezi vizuálním editorem a kódem jediným kliknutím (pravý horní roh editoru):

Chcete-li zkontrolovat, v jakém editoru se nacházíte: najeďte myší na toto tlačítko, napište nějaký text a zvýrazněte jej tučným písmem – pokud se objeví neobvyklé znaky, jedná se o kód

Otázka 2: Druhá, opravdu problematická: „ jak odstranit mezery mezi obrázky?»

Odpověď 2: Přiznám se, že jsem se sám vyděsil, když klientovo menu poprvé začalo fungovat. Teď jsem to rychle upravil, ale tehdy to nebyla sranda. Vidět:

Přidejte značku nopadding; a všechno zapadne na své místo!

Mezi obrázky se vkrádá mezera a menu vypadá rozbitě. Pro neznalého to možná není normální, ale pro neznalého je to přinejmenším neprofesionální. Takže o co jde? Ach, to je velmi jednoduché! Ve VK jsou neustále nějaké aktualizace, zavádějí se nové algoritmy... a dokonce i editor je pokřivený... občas z kódu bez zjevného důvodu vypadnou důležité značky a pak vidíme tento obrázek. Chcete-li to opravit, musíte se podívat do kódu a provést potřebné úpravy. Formát kódu by měl být tento:

Šablona: [] Příklad: []

Obvykle jsou obrázky nabídky rozšířeny, protože kód vynechává nopadding; — vložíme na místo a vše je zarovnáno. Před uložením výsledku klikněte na tlačítko „Náhled“, abyste se ujistili, že je vše hladké.

Otázka 3: Zprávy. V říjnu 2012 VKontakte násilně odřízl avatary skupin a veřejných stránek. Nyní má jejich velikost běžný standard 200x500 pixelů. Pokud jste tedy měli ve skupině většího avatara, proveďte aktualizaci (aktualizujte avatara).

Mimochodem, spolu s ořezáváním VK představil další novinku týkající se skupinových fotografií: nyní kliknutím na avatar budeme moci, stejně jako v účtu, vidět všechna alba komunity. Je to pohodlné! A z toho jsou čerpány nové funkce v komunikaci skupiny.

Tááák, s otázkami jsme skončili... nyní přejdeme k samotné tvorbě menu!

Krok 1. Jak vytvořit menu v kontaktu a vytvořit vnořené stránky:

Nejprve se ujistěte, že víte, jak vytvořit skupinové menu v kontaktu, a projděte si několik pokynů:

Co si myslíte o mém cheat sheetu?

Tohle je ten cheat, se kterým jsem přišel! Pro větší přehlednost popíšu každé číslo:

Proveďte tuto operaci se všemi podstránkami a vaše menu bude připraveno.

Jíst! Vytvořili jsme menu, vytvořili interní stránky, vyplnili je, nyní přejdeme k vytvoření krásného grafického menu.

Krok 2. Jak vytvořit krásné grafické menu v Kontaktu a nainstalovat jej:

Nebudu vám dávat celou teorii o tom, jak funguje značkování wiki v kontaktu, teď máme jiné cíle. Chcete-li vytvořit vizuální nabídku ve skupině VK, nemusíte znát všechna označení wiki. Pojďme k vytvoření vizuálního menu!

Nejprve vám ukážu kód a výsledek mého menu:

Přiznám se, že jsem se rozhodl napsat tento článek. Všichni se k tomu „nedostali“, víte, jako „obuv bez bot“. Ale teď mám vizuální menu ve skupině VK!

Neřeknu vám, jak nakreslit obrázek pro menu, to je na designérech, kreslím to sám, ale ne tak profesionálně. , na konci článku jsem dal video, jak nakreslit jednoduché menu ve Photoshopu, mrkněte na to, třeba to zvládnete sami. Pokud ne, objednejte si obrázek menu z .

Ukážu vám středně složitou možnost instalace menu. Rozdíl je v počtu prvků. Menu, které je jednoduše nakrájeno na proužky, je nejjednodušší implementace. Čím více klikacích tlačítek v řádku, tím složitější je jeho provedení. I když, s vědomím zvláštnosti, je vše jednoduché! Je to jen otázka času. Šířka obrázku by tedy měla být:

370 px – pokud máte dva nebo více objektů v řadě, jako já mám tlačítka sociálních sítí

A max 388 px – pokud obrázek rozřežeme jednoduchým způsobem, pouze na čáry, bez dělení na drobné předměty. Toto je funkce, kterou potřebujete vědět, když rozdělujete nabídku na tlačítka. Moje velikost obrázku pro celé menu byla 370x456 px.

Poté, co je obrázek rozřezán na požadovaný počet objektů a uložen do samostatného alba, nahrajeme toto album do VK. Nahráváme do profilu účtu, ne do skupiny! Protože ve skupinových albech již není možnost skrýt alba. Technické album ve firemní (například) skupině není vůbec potřeba, takže položky nabídky v albu účtu skryjeme:

Technické album VK

Jakmile nastavíte soukromí „Pouze já“. Přejděme k instalaci samotného menu. Dám vám příklad kódu, který by pro vás byl šablonou, a podívejme se, z čeho se skládá:

[]

Kde, foto7632142_296911699– toto je adresa obrázku! Podíváme se na to v adresním řádku obrázku:

Od prvního obrázku začneme vkládat nabídku do skupiny VKontakte

Potřebujete krátkou adresu obrázku, k tomu přejděte do samotného alba:

Přejděte do samotného alba a získejte požadovanou adresu obrázku!

...a počínaje prvním obrázkem je přesuňte do skupinového menu.

Přidání velikosti obrázku do kódu nabídky!

Takže adresa obrázku byla přidána, velikost byla uvedena, nyní vložíme značku nopadding;- je potřeba, aby naše obrázky k sobě těsně přiléhaly. A posledním krokem je vložení odkazu na stránku, kam se návštěvník dostane po kliknutí na obrázek.

Zde je malé upřesnění! Externí odkazy, odkazy na alba a diskuze VK píšeme v plném znění a odkazy na interní stránky ve formátu strana-32734125_44298120. Na začátek a konec řádku nezapomeňte dát dvě hranaté uvozovky a žádné mezery.

Upřesnění 2: když odkazujeme na interní stránky bez obrázků, používáme jednoduché čtvercové uvozovky pro diskuze, alba a externí odkazy.

Řádky, ve kterých máte dva nebo více prvků, se do kódu vkládají bez mezer. Vložte každý řádek obrázku jeden po druhém. Protože pokud po řádku s obrázkem stisknete Enter, obrázek přeskočí na nový řádek a nabídka se přesune. Potřebujeme, aby se menu zobrazovalo jako celek, takže nepotřebujeme žádné další mezery nebo „intertery“!

Poté, co přenesete všechny obrázky do nabídky a navrhnete je (velikost, odkaz), uložte výsledek a obdivujte svou práci! Vše! Připraveno!

Dnes má každá organizace a většina uživatelů svou vlastní skupinu na sociální síti VKontakte. A mezi velkým množstvím skupin můžete najít ty skutečně krásně navržené. Tak Jak vytvoříte skupinu VKontakte?? Okamžitě poznamenejme, že k vytvoření skupiny je třeba prostudovat označení wiki.

Všimněte si, že kolem dvacátého října administrátoři VKontakte ořízli skupinové avatary, takže měli 200*500 pixelů. Na základě toho lekci trochu upravte. Nebo si jen udělejte nízké menu: 382*232 a 200*500.

Formátování skupiny VKontakte

Ve Photoshopu vytvořte nový bílý dokument 630*725 pixelů. Ve vrstvě vystřihněte dvě okna, přes která bude vidět grafický návrh, a to obdélník 200*710 a stiskněte Del a obdélník 382*442, spojte obdélníky dole a znovu stiskněte Del.

Pod tuto vrstvu umístíme náš grafický návrh. Vložíme obrázek, pak text, do levého obdélníku vytvoříme pět bodů (počet závisí na tom, kolik jich potřebujete).

Uložte pravý obdélník jako samostatný obrázek 200*710. Nyní je první obrázek připraven k dekoraci. Musí být nahrána do bloku umístěného v pravém horním rohu skupiny „Nahrát fotografii“. Levý obrázek ořízneme podle počtu bodů. Získáme 5 obrázků 50*382.


Nahrajte všech pět obrázků do hlavního alba na stránce skupiny („Moje fotografie“ – „Moje alba“ – „Přidat fotografie“). Jdeme na stránku skupiny a pod popisem vidíme blok „Novinky“ (můžete jej přejmenovat) - „Upravit“.


Ve VKontakte tedy došlo k některým změnám, po předchozím bodě přejděte na kartu „Upravit“ a klikněte na tlačítko vpravo „Režim značkování Wiki“. Do okna, které se otevře, vložte následující kód:


Přejděte na kartu „Zdrojový kód“ a vložte tam následující kód (je lepší nepoužívat vizuální editor, zkazí nastavení):

[]
[]
[]
[]
[]

Nezapomeňte změnit slovo „fotka“ v kódu na název vašich souborů a uvést výšku souboru (šířka je již nastavena) a také nastavit adresu URL odkazů nabídky.

Aby se obrázky spojily, měl by být název skupiny umístěn na jeden řádek, popis skupiny na 10 řádků a adresa URL webu na 1. Kliknutím na obrázek jasně uvidíte, jak to funguje.

Pokud vám tento článek pomohl nebo se vám líbil, nezapomeňte dej like, pomůže to ostatním uživatelům rychleji najít. A mohu zjistit, co vás nejvíce zajímá, abych mohl připravit a napsat ještě zajímavější a užitečnější články! S pozdravem Vjačeslave.