Dnes budem pokračovať v mojom „ponorení do skupín VK“. V tretej časti „seriálu“ som povedal a ukázal,. Dnes sa porozprávajme o dizajne ponuky skupiny VKontakte!
V prvom článku o tvorbe jedálneho lístka bolo v komentároch veľa otázok, preto pred založením novej témy odpoviem na často kladené otázky.
Otázka 1: Prvý a najbežnejší: "kde je kód v menu?" alebo "ak pri úprave "Zdrojového kódu" nie je žiadna záložka, ako pridať internú stránku?" alebo "Stále nechápem, čo mám robiť, ak sa kód nezobrazí!"
odpoveď 1: VK zmenil editor, teraz je to len jedno kliknutie na prepnutie medzi vizuálnym editorom a kódom (pravý horný roh editora):
Ak chcete zistiť, v akom editore sa nachádzate: prejdite myšou na toto tlačidlo, napíšte text a zvýraznite ho tučným písmom – ak sa nezobrazujú bežné znaky, ide o kód
Otázka 2: To druhé je naozaj problematické: ako odstrániť medzery medzi obrázkami?»
odpoveď 2: Priznám sa, sám som bol vystrašený, keď po prvýkrát „išlo“ menu pre klienta. Teraz to rýchlo opravím, ale vtedy to nebola zábava. Pozri:
Pridajte značku nopadding; a všetko zapadne na svoje miesto!
Medzi obrázkami sa vkráda priestor a menu vyzerá rozbité. Pre ignorantov to možno nie je normálne, ale pre neprofesionálne to aspoň nie je. Tak o čo tu ide? Ach, to je veľmi jednoduché! Vo VK neustále prebiehajú nejaké aktualizácie, zavádzajú sa nové algoritmy ... a dokonca aj editor je krivý ... niekedy bezdôvodne z kódu vypadnú dôležité značky a potom vidíme takýto obrázok. Ak to chcete opraviť, musíte sa pozrieť do kódu a vykonať potrebné úpravy. Formát kódu by mal byť takýto:
Vzor: [] Príklad: []
Zvyčajne sú obrázky ponuky od seba odsunuté, pretože kód vypadne žiadne polstrovanie; - vložte ho na miesto a všetko je zarovnané. Pred uložením výsledku kliknite na tlačidlo "Ukážka", aby ste sa uistili, že je všetko hladké.
Otázka 3: Správy. V októbri 2012 Vkontakte násilne odrezal autorov skupín a verejnosti. Teraz má ich veľkosť bežný štandard 200x500 pixelov. Takže, ak ste mali vo svojej skupine viac avatara, vykonajte aktualizáciu (aktualizujte avatara).
Mimochodom, spolu s orezaním VK predstavil ďalšiu inováciu týkajúcu sa skupinových fotografií: teraz kliknutím na avatar budeme môcť, rovnako ako v účte, vidieť všetky albumy komunity. Je to pohodlné! A z toho vzniká nová funkcionalita v komunikácii skupiny.
Tak a tak, s otázkami sme skončili ... teraz prejdime k samotnej tvorbe jedálnička!
Krok 1. Ako vytvoriť menu v kontakte a vytvoriť vnorené stránky:
Najprv sa uistite, že viete, ako vytvoriť skupinové menu v kontakte, a prejdite si malý návod:
Ako sa vám páči môj cheat sheet?
Toto je cheat, ktorý som urobil! Pre lepšiu prehľadnosť zapíšem každý obrázok:
Vykonajte túto operáciu so všetkými vnorenými stránkami a vaša ponuka bude pripravená.
Existuje! Menu je vytvorené, interné stránky sú vyrobené, vyplnené, teraz prejdime k vytvoreniu krásneho grafického menu.
Krok 2. Ako vytvoriť krásne grafické menu v kontakte a nainštalovať ho:
Neposkytnem vám celú teóriu o tom, ako funguje značkovanie wiki v kontakte, teraz máme iné ciele. Ak chcete vytvoriť vizuálne menu v skupine VK, nemusíte poznať celé označenie wiki. Prejdime k vytvoreniu vizuálneho menu!
Najprv vám ukážem kód a výsledok môjho menu:
Priznám sa, napísať tento článok som urobil zámerne. Všetky „ruky nedosiahli“, viete, ako „obuvník bez čižiem“. Ale teraz som s vizuálnym menu v skupine VK!
Nepoviem vám, ako nakresliť obrázok pre menu, toto je vec dizajnérov, kreslím sám, ale nie tak profesionálne. , na konci článku som dal video o tom, ako nakresliť jednoduché menu vo Photoshope, pozrite sa, možno to zvládnete aj sami. Ak nie, objednajte si obrázok menu od .
Ukážem vám priemernú možnosť nastavenia ponuky. Rozdiel je v počte prvkov. Menu, ktoré je jednoducho nakrájané na prúžky, je najjednoduchšou implementáciou. Čím viac klikateľných tlačidiel v rade, tým ťažšie je vykonať. Hoci s vedomím tejto funkcie je všetko jednoduché! Je to len otázka času. Takže šírka obrázka by mala byť:
370 px - ak máte dva alebo viac objektov za sebou, ako moje tlačidlá sociálnych sietí
A max 388 px - ak obrázok narežeme jednoduchým spôsobom, len na čiary, bez rozdelenia na drobné predmety. Toto je funkcia, ktorú potrebujete vedieť pri rozdelení ponuky na tlačidlá. Moja veľkosť obrázka celého menu bola 370 x 456 px.
Po rozrezaní obrázka na požadovaný počet objektov a uložení do samostatného albumu tento album nahráme do VK. Nahrávame do profilu účtu, nie do skupiny! Pretože v albumoch skupiny už nie je možné skryť albumy. Technický album v podnikovej (napríklad) skupine nie je vôbec potrebný, takže položky ponuky v albume účtu skryjeme:
Technický album VK
Po nastavení ochrany osobných údajov „Iba ja“. Pokračujeme v inštalácii samotného menu. Dám vám príklad kódu, ktorý by bol pre vás šablónou a analyzoval, z čoho pozostáva:
[]
kde, fotografia 7632142_296911699 je adresa obrázku! Pozeráme sa na to v paneli s adresou na obrázku:
Od prvého obrázku začneme vkladať menu do skupiny VKontakte
Potrebujete krátku adresu obrázka, na to prejdite do samotného albumu:
Prejdite do samotného albumu a získajte požadovanú adresu obrázka!
…a počnúc prvým obrázkom ich preneste do skupinového menu.
Pridanie veľkosti obrázka do kódu ponuky!
Takže bola pridaná adresa obrázka, bola uvedená veľkosť, teraz umiestnime značku žiadne vypchávky;- je to potrebné, aby naše obrázky tesne priliehali k sebe. A posledným krokom je vloženie odkazu na stránku, kam sa návštevník dostane po kliknutí na obrázok.
Tu je malé vysvetlenie! Externé odkazy, odkazy na albumy a diskusie VK píšeme v plnom znení a odkazy na interné stránky vo formáte strana-32734125_44298120. Na začiatok a koniec riadku nezabudnite uviesť dve štvorcové úvodzovky a žiadne medzery.
Vysvetlenie 2: keď odkazujeme na interné stránky bez obrázkov, uvádzame jednoduché štvorcové úvodzovky pre diskusie, albumy a externé odkazy.
Riadky, v ktorých máte dva alebo viac prvkov, sa vkladajú do kódu bez medzier. Vložte každý riadok obrázka jeden po druhom. Pretože ak po riadku s obrázkom stlačíte Enter, obrázok preskočí na nový riadok a ponuka sa presunie. Potrebujeme, aby sa ponuka zobrazovala ako celok, takže nepotrebujeme žiadne ďalšie medzery a „irtery“!
Keď prenesiete všetky obrázky do ponuky a navrhnete ich (veľkosť, odkaz), uložte výsledok a obdivujte svoju prácu! Všetci! Pripravený!
Témou tohto článku je nový dizajn VKontakte. Znova zmenené, teraz môžete nastaviť vodorovný kryt v skupine. Vytvorenie vašej komunity VK s takouto hlavičkou je oveľa zaujímavejšie. Úprimne povedané, tu nie sú potrebné žiadne znalosti Photoshopu. A môžete urobiť krásny obrázok bez špeciálnych zručností dokonca aj v PowerPoint, Fotor, Canva, Pixlr Editor.
Keď prejdete do skupiny, všimnete si, že v týchto skupinách sa zviditeľnili tlačidlá „Pripnutý záznam“, „Informácie“ a „Stlačte menu“. Predtým boli skryté. Prirodzene, všetok dizajn skupín okamžite išiel.
Sťahovanie nového obalu
A teraz poďme zistiť, ako povoliť možnosť nastaviť vodorovnú hlavičku. Klikneme na tlačidlo „Spravovať“.
Potom klikneme na posledný a nahráme nový obal skupiny VKontakte. Tu môžete pochopiť, že súbor na stiahnutie môže mať akúkoľvek veľkosť! Ale nie menej ako 1590 × 400 px. Prototyp obalu vytvoríme v ľubovoľnom editore. Ďalej môžeme vybrať a uložiť oblasť, ktorá spĺňa požiadavky VC. Tu je návod, kde nájsť obrázok na obale, ktorý editor použiť
Čo je zaujímavé na novom dizajne VKontakte?
Hlavná vec: je tu viac priestoru pre informácie. Teraz sem môžete napísať názov skupiny, účel jej vytvorenia, výzvu na akciu atď. Tento dizajn bude logicky kompletný a funkčnejší. Ale môžete nechať starý dizajn, je to vec vkusu pre každého.
Keď navrhujete horizontálny kryt, všimnete si, že interné menu teraz akosi vypadne zo všeobecného kontextu. Myslím, že by bolo lepšie pripnúť obrázok, aby sa dostal do menu. A použite ho na hosťovanie wiki stránok v skupine.
Zároveň by som bol rád, keby vývojári pridali nejakú ďalšiu možnosť nastavenia krásneho prechodu na stránku Wiki.
Chcel by som poznamenať, že od roku 2016 sa vývojári sociálnej siete Vkontakte aktívne snažia vytvoriť túto sieť na podporu podnikania. Urobte to priateľskejšie pre podnikanie. Z môjho pohľadu je to veľmi dobré a medzi mnohými internetovými podnikateľmi veľmi žiadané.
Najdôležitejšie však podľa mňa je, že musia dôkladne zvážiť systém „Zákazov“, aby podnikatelia mohli pokojne pracovať bez toho, aby zasahovali do tých používateľov, ktorí sa prídu zabaviť na sociálnu sieť.
Ako vytvoriť obálku skupiny Vkontakte online
Zapnite svoju kreativitu a vyberte si, čo sa vám páči horizontálny kryt alebo už známy dizajn Vkontakte. Vytvorenie online a inštalácia nového krytu je vizuálne, krok za krokom, prezentovaná vo videu pod článkom.
P.S. Dúfam, že tieto informácie sú pre vás užitočné.
P.S.S. Zapnite svoju kreativitu a veľa šťastia vo všetkých vašich snahách!
Úspešný dizajn skupiny Vkontakte by mal byť nielen krásny, ale aj funkčný a pohodlný. Nechajte dizajn vyriešiť vaše marketingové problémy, aby skupina prilákala k značke platiace a nakupujúce publikum a zostala s ňou navždy.
5 krokov, ako zaregistrovať skupinu vo Vkontakte
Kryt
Komunitný obal je dnes dôležitým nástrojom na navrhovanie skupiny v Brand Contact a jej propagáciu. Môžete si ho stiahnuť v sekcii „Správa komunity“ na karte „Nastavenia“. Kvalitný horizontálny obrázok v samotnej hlavičke komunity plní úlohu hlavného propagačného bannera spoločnosti na sociálnej sieti. Vytvára náladu, informuje, zlepšuje imidž, vyzýva k cieleným akciám a zároveň predáva.
1. Používajte vysokokvalitné ilustrácie
Obálka komunity VKontakte by mala mať veľkosť 1590x400 pixelov, ale je lepšie nahrať fotku 2-3x väčšiu vo formáte .png. Môžete sa tak vyhnúť nekvalitnému zobrazeniu.
2. Prispôsobte obrázok pre rôzne zariadenia
Majte na pamäti, že tento obrázok sa môže na rôznych zariadeniach zobrazovať inak – na mobilných zariadeniach budú okraje orezané, preto je najlepšie umiestniť všetky najdôležitejšie informácie bližšie k stredu.
3. Uverejnite slogan a USP
Nechajte klienta vidieť vašu filozofiu a výhody na prvej obrazovke.
4. Zobrazte produkt / službu, proces alebo výsledok ich použitia
Potenciálny zákazník teda bude hneď vedieť, na čo sa špecializujete a bude sa podieľať na produkte.
5. Pomôžte zákazníkom okamžite vás kontaktovať
Napíšte na banner telefón, e-mail, ako aj ďalšie kontakty spoločnosti. Ak je pre vaše podnikanie dôležitá geografická poloha, napríklad zastupujete cateringový priemysel alebo horeca, bude sa vám hodiť aj adresa.
6. Oznamujte udalosti
Propagácia koncertov, očakávanie novej kolekcie alebo uvedenia produktu na trh, organizovanie festivalu/konferencie/dňa klientov? Povedzte o tom každému, kto vstúpi do komunity.
7. Prezentujte akcie a zľavy
Kde, ak nie na hlavnej platforme, môžete publiku povedať, že práve teraz si u vás môže objednať 2-krát lacnejšie? Hlavne nezabudnite po vypršaní ponuky zmeniť ilustráciu.
8. Ponúknite, že podniknete cielenú akciu
Pri nahrávaní komunitnej obálky sú v pravom dolnom rohu vodorovne umiestnené dve tlačidlá – Napísať správu a Pripojiť sa ku skupine. Namierte na ne šípku, aby ste ešte viac upútali pozornosť publika. Ak je teda na banneri zobrazený produkt, môžete mu ihneď ponúknuť jeho objednanie do správ. A ak obsahuje prehľad najnovších správ, prihláste sa na odber vždy čerstvých informácií.
Nahrajte avatar a vyberte miniatúru
Niektoré značky stále neprijímajú obal a uprednostňujú starý vzhľad prvej obrazovky skupiny, pričom ako takzvanú „hlavičku“ používajú kombináciu avatara s pripnutým príspevkom. V tomto prípade je jeden obrázok pokračovaním druhého. Najpôsobivejšie to vyzerá, keď fotografia končí na rovnakej úrovni ako avatar.
Pri použití maximálnej veľkosti avatara 200 x 500 pixelov musí byť veľkosť obrázka v pripnutom príspevku 510 x 308 pixelov. Vynikajúcou pútavou technikou je zafixovanie videa nahraného cez prehrávač sociálnej siete, čím avatar štylisticky pokračuje.
Ak ako hlavičku použijete obal, avatar sa vždy zobrazí ako miniatúra.
Pravidlá navrhovania miniatúry avatara komunity VK
Miniatúra je malý kruhový obrázok, ktorý je orezaný z veľkého avatara a zobrazuje sa pri skupinovom vyhľadávaní, v zozname komunít každého používateľa a vľavo pod obalom, ak nejaký existuje. Tu je niekoľko tipov na dizajn.
1. Miniatúra musí byť pre publikum zrozumiteľná
Neuverejňujte kúsok zvláštnej ilustrácie. Vizualizujte si, čo si cieľová skupina bude neskôr spájať so značkou, napríklad logo, ikona produktu/služby alebo možno hlavný marketingový charakter značky.
2. Používajte iba kvalitné fotografie
Je lepšie nahrať zdrojový súbor 2-3 krát väčší, ako je požadovaná veľkosť, takže môžete zabudnúť na hrozné pixelové „štvorce“, vďaka ktorým nie ste v najlepšom svetle.
3. Navrhnite si vlastné ilustrácie
Štandardné obrázky z akcií budú vyzerať lacno a neprofesionálne a používatelia sa stanú synonymom nedôvery voči značke. Vytvorte jedinečné kresby v rovnakom koncepte a farbách ako zvyšok dizajnu.
4. Kontrastné obrázky na pozadí sú to, čo potrebujete
Keď sú miniatúry VK také chytľavé, „okrúhle“ vynikne v informačnom kanáli medzi ostatnými skupinami a nezlúči sa s pozadím stránky.
5. Umiestnite kontakty alebo USP spoločnosti
V závislosti od cieľa stanoveného pre miniatúru umiestnite na ňu kontaktné telefónne číslo alebo webovú adresu, informáciu o bezplatnej doprave, označenie najnižšej ceny v segmente alebo podiel.
6. Urobte text veľkým a čitateľným
Je lepšie nepoužívať pätkové písma alebo kurzívu - pri pohľade z obrazoviek PC, mobilných zariadení a smartfónov sú príliš „hlučné“ a zanechávajú pohľad. Uistite sa, že text nepresahuje okraje orezanej miniatúry. To vám umožní správne a efektívne odovzdať správu používateľovi.
7. Použite vlastné tvary
Napríklad do požadovaného okrúhleho vzoru zadajte mnohouholník alebo iný geometrický útvar na bielom pozadí. Vytvorte efekt neprečítaného upozornenia alebo online grafickú ikonu.
Navrhnite jedálny lístok
Menu je dôležitým prvkom v dizajne skupiny vo Vkontakte, čo používateľom uľahčuje navigáciu v skupine - pre ľudí bude pohodlnejšie nájsť informácie, ktoré potrebujú. Každý prvok a stránka sú vytvorené v špeciálnom programovacom jazyku – Wiki markup. Pomocou neho môžete na obrázky kliknúť a vytvárať pohodlné stránky v rámci sociálnej siete, ako keby to bola webová stránka.
Môžete použiť ponuku otvoreného typu aj zatvorenú. V prvom prípade používateľ okamžite vidí sekcie, ktoré sú v ňom zahrnuté, v druhom prípade im predchádza náhľadový obrázok s nápisom „Menu“. Menu sa tiež môže vizuálne stať rozšírením avatara, ak použijete starý dizajn komunity.
Navrhnite vitrínu produktu
Pri zaraďovaní položiek do výkladu komunity nezabudnite, že prvé 3 položky sú vždy viditeľné pre používateľov. Umiestnite do nich tie najobľúbenejšie a najobjednávanejšie tak, že nahráte obrázok prezentácie v rovnakom štýle. Sem uverejňujte ikony uniformy alebo fotografie samotných produktov. Služby môžu byť umiestnené v produktoch. V návrhu znázornite proces poskytovania služby alebo jej výsledok. Veľkosť takéhoto obrázka bude štvorcový - 400 x 400 pixelov.
Uverejnenie
1. Využite dostupné veľkosti obrázkov naplno
Maximálna šírka obrázka v informačnom kanáli je 510 pixelov. Najpôsobivejšie vyzerajú štvorcové obrázky 510 x 510 pixelov a obdĺžnikové obrázky 510 x 300 pixelov.
2. Vytvorte si vlastný štýl príspevku
Aby príspevky vyzerali individuálne, vymyslite jednotný štýl, písmo a farebnú schému.
3. Na obrázok vložte krátky text
Môžete napríklad rozdeliť obrázok na 2 časti – text a grafiku, alebo písať text pri stmavení pozadia. Ak chcete, aby bol text viditeľný bez stmaveného pozadia, napíšte ho na podložku (kontrastný obrázkový blok jednotnej farby) alebo pridajte do textu tieň. Zarámované fotografie vyzerajú dobre.
4. Vytvorte viacero šablón na rôzne účely
Napríklad pre cenové ponuky použite jednu šablónu na prezentáciu vizuálnych informácií, na oznamovanie materiálov zo stránky - inú a na súťaže - tretiu.
Použite tieto 100% triky a vaša spoločnosť bude prezentovaná na Vkontakte najlepším možným spôsobom a pre zákazníkov bude pohodlné s ňou komunikovať. Ale nezabudnite, že všetko potrebuje mieru! Pozrite si ešte viac nových nápadov na zdobenie komunity VK na stránke služieb agentúry Tesla Target.
), urobte si jedálny lístok.
Teraz ti to ukážem ako vytvoriť menu v skupine VKontakte a správne ho usporiadať.
Vytváranie nádhernej grafiky
V novom dizajne webovej stránky Vkontakte sa zmenili rozmery grafiky. Nižšie nájdete aktuálne hodnoty.
- Skupinový avatar – 200 × 300 pixlov
- Popis banner — 510×271 pixelov
Pripravte obrázky v správnych veľkostiach. Urobím hotové obrázky, ktoré vám ukážem na ich príklade.
Takže urobme krásny dizajn rozdelením celkového obrazu na dve časti. V dôsledku toho dostaneme jediný dizajn.
Najprv nahrajte svoj avatar. Prejdite do skupiny a kliknite "Nahrať fotografiu".
Zobrazí sa formulár, v ktorom je potrebné vybrať súbor na pevnom disku počítača. Urob to. V dôsledku toho sme dostali nasledovné.
Teraz pridáme druhú časť obrázku. Aby ste to dosiahli, musíte obrázok umiestniť na stenu a potom s ním nahrávať a pripevniť ho v hornej časti.
Idem k stene. Tu v bloku "Pridať poznámku", kliknite na ikonu Fotografia .
Nahrajte druhý pripravený obrázok. Nezabudnite sa rozhodnúť uverejňovať príspevky v mene komunity. A potom kliknite na Odoslať.
Teraz je potrebné opraviť záznam (pozri). Vrátime sa k novému záznamu a rozbalíme ponuku v pravom hornom rohu. Tu klikneme na „Opraviť“.
Teraz obnovte stránku a pozrite si výsledok.
Jediným negatívom je, že obrázky sú na rôznych úrovniach. Ale to je spôsobené tým, že nemajú správnu veľkosť. Avatar by mal byť vertikálne väčší. Potom budú na rovnakej úrovni.
Ako vytvoriť menu v skupine VKontakte
Vráťme sa k nášmu príkladu a predstavme si, že potrebujeme vytvoriť tlačidlo „Podrobnosti“. Už je na obrázku. Ako z toho spraviť tlačidlo, aby sa po kliknutí človek dostal na našu hlavnú stránku? Teraz ti to ukážem.
Aby boli tlačidlá ponuky aktívne, musíme ich vystrihnúť ako samostatné obrázky. Na to potrebujeme Photoshop.
Otvorte náš obrázok v editore a aktivujte nástroj "Rezanie".
Spodnú časť odstrihnite gombíkom. Podržte ľavé tlačidlo myši a nakreslite vodorovnú čiaru, čím rozrežte obrázok na dve časti.
Teraz stlačte Alt + Ctrl + Shift + S, aby ste uložili hotové obrázky.
https://vk.com/pages?oid=-120208137&p=menu
Pozrite, za znaky "odi=- " musíte vložiť svoje ID skupiny (pozri ). A na samom konci odkazu napíšte názov stránky s menu. V príklade opustíme „Menu“.
Tu klikneme na ikonu fotoaparátu a nahráme pripravené obrázky.
Teraz prejdeme priamo k vytvoreniu menu pre skupinu vo VK. Malo by to dopadnúť podobne.
Ďalej prejdite do sekcie "Úprava". Tu musíme pre každý obrázok odstrániť vypchávky, aby sa spojili do jedného obrázka. Ak to chcete urobiť, do kódu pridajte nasledujúcu hodnotu "nopadding;" . A pridajte odkaz na požadovanú stránku alebo web zadaním hodnoty „https://site.ru/page.html“ (uveďte svoje adresy!). V našom príklade by tlačidlo „Podrobnosti“ malo viesť na stránku lokality. Tu je to, čo by sa malo stať.
[] []
Stránku uložíme. Nezabudnite skopírovať jeho adresu z panela s adresou. Mal by mať tvar:
https://vk.com/page-120208137_52523487
Vrátime sa na stenu skupiny a vytvoríme nový príspevok. Do nej vložíme odkaz na stránku a pripojíme pôvodný obrázok. Zverejniť a opraviť.
Toto je menu, s ktorým sme skončili.
Dnes má každá organizácia a väčšina používateľov svoju vlastnú skupinu na sociálnej sieti Vkontakte. A medzi veľkým počtom skupín môžete nájsť skutočne krásne navrhnuté. Takže ako vyzerá dizajn skupiny Vkontakte? Okamžite si všimneme, že na vytvorenie skupiny je potrebné študovať označenie wiki.
Všimnite si, že okolo dvadsiateho októbra správcovia Vkontakte orezali skupinové avatary, takže mali 200 x 500 pixelov. Na základe toho lekciu trochu upravte. Alebo si urobte nízke menu: 382*232 a 200*500.
Vytvorenie skupiny Vkontakte
Vo Photoshope vytvorte nový biely dokument s rozmermi 630 * 725 pixelov. Vo vrstve vystrihneme dve okná, cez ktoré bude viditeľný grafický návrh, a to obdĺžnik 200 * 710 a stlačíme Del a obdĺžnik 382 * 442, obdĺžniky pod ním spojíme a opäť stlačíme Del.
Pod túto vrstvu umiestnime náš grafický návrh. Vložíme obrázok, potom text, do ľavého obdĺžnika vytvoríme päť bodov (počet závisí od toho, koľko potrebujete). 
Pravý obdĺžnik je uložený ako samostatný obrázok 200*710. Tu je prvý obrázok pripravený na dekoráciu. Musí sa nahrať do bloku, ktorý sa nachádza v pravom hornom rohu skupiny „Nahrať fotografiu“. Ľavý obrázok sme orezali o počet bodov. Získame 5 obrázkov 50 * 382. 
Odovzdávame všetkých päť obrázkov do hlavného albumu na stránke skupiny („Moje fotografie“ - „Moje albumy“ - „Pridať fotografie“). Prejdeme na stránku skupiny a pod popisom vidíme blok "Novinky" (môžete ho premenovať) - "Upraviť". 
Vo Vkontakte teda došlo k určitým zmenám, po predchádzajúcom odseku prejdite na kartu „Upraviť“ a kliknite na tlačidlo vpravo „Režim značkovania Wiki“. V okne, ktoré sa otvorí, zadajte nasledujúci kód: 
Prejdite na kartu „Zdrojový kód“ a vložte tam nasledujúci kód (je lepšie nepoužívať vizuálny editor, zrazí nastavenia):
[]
[]
[]
[]
[]
Nezabudnite zmeniť slovo fotografia v kóde na názov vašich súborov a špecifikovať výšku súboru (šírka je už nastavená), ako aj nastaviť URL odkazov na menu.
Aby sa obrázky spojili, musí sa názov skupiny zmestiť na jeden riadok, popis skupiny na 10 riadkov a url webstránky na 1. Kliknite na obrázok a uvidíte, ako to funguje.
Ak vám tento článok pomohol alebo vás potešil, nezabudnite na to dajte like, pomôže to ostatným používateľom nájsť ho rýchlejšie. A môžem zistiť, čo vás najviac zaujíma, aby som mohol pripraviť a napísať ešte zaujímavejšie a užitočnejšie články! S pozdravom Vyacheslav.
