Domov
Dokumentácia
Ako vytvoriť grafické menu v skupine VKontakte. Ako vytvoriť internú stránku pre skupinové menu v kontakte

Ako vytvoriť grafické menu v skupine VKontakte. Ako vytvoriť internú stránku pre skupinové menu v kontakte

Skupiny a verejnosť Vkontakte teraz používajú nástroje vizuálneho dizajnu. Vďaka tejto vlastnosti sa vzhľad a dizajn skupiny stáva estetickejším. Tento materiál podrobne popíše, ako vytvoriť menu v skupine Vkontakte.

Prečo potrebujete skupinové menu

V prvom rade je menu užitočným prvkom pre komerčné skupiny. Používatelia s ním nebudú mať problémy s navigáciou. V tomto bloku budú umiestnené všetky potrebné informácie. V sociálnej sieti Vkontakte je správa skupiny usporiadaná tak, že všetok predtým publikovaný materiál je obsiahnutý v informačnom kanáli. jediný možnosť triedenia je vytváranie tém v sekcii "Diskusie". Ale to tiež nie je príliš pohodlné, pretože téma nie je obmedzená na jeden príspevok, kde sa zhromažďujú všetky informácie, a aby ste našli potrebný príspevok, musíte stránky prechádzať dlho.

Oveľa pohodlnejšie je vybudovať prehľadnú štruktúru, kde sa budú zhromažďovať a rozdeľovať všetky užitočné informácie samostatné tematické bloky. Tento screenshot je dobrým príkladom grafického interaktívneho menu, kde sú všetky užitočné príspevky umiestnené v samostatnom bloku. Je to pohodlné a nevyžaduje to, aby používateľ na stránke vykonával ďalšie akcie.

Ak to zhrnieme, môžeme konštatovať, že jedálny lístok je pre rozvíjajúcu sa komunitu nevyhnutnosťou. Je to pohodlné navigačná pomôcka, ktorá umožňuje používateľom nájsť potrebné informácie bez posúvania kanála a rýchlo sa dostať do požadovanej sekcie skupiny. Pre skupiny predávajúce tovary a služby je vhodnejšie použiť klikateľné menu.

Zatvorené a otvorené menu

V súčasnosti možno ponuku Vkontakte rozdeliť na niekoľko typov a typov, potom podrobnejšie zvážime každý z nich.

Typy:

  • text (štruktúra je textový odkaz);
  • grafický (pomocou multimédií, aktívnych tlačidiel a pod.).

Druhy:


Vytvorenie textového menu

Tento typ menu nevyžaduje žiadne znalosti a ďalšie nástroje. Vytvorenie textového menu v skupine vo VK je pomerne jednoduché, na tento účel použijeme funkčnosť sociálnej siete. Nepoužíva tlačidlá, štýly atď. Textové menu je zoznam, ktorý pozostáva z kotviacich odkazov.

Pokyny krok za krokom:

Postup vytvárania textového menu si nevyžaduje špeciálne znalosti a zručnosti. Preto je táto možnosť najvhodnejšia pre neskúsených používateľov. Pred umiestnením sekcie na hlavnú stránku sa uistite otestovať a optimalizovať aby navigácia fungovala hladko.

Grafické menu

Prejdime k jednému zo zložitejších spôsobov tvorby. Na to musíme použiť ďalšie nástroje - grafický editor Photoshop. Ďalej podrobne popíšeme postup vytvárania grafického menu pomocou dodatočného softvéru krok za krokom.

Pokyny krok za krokom:

  • najprv musíte spustiť grafický editor Photoshop;
  • potom kliknite na "Súbor" a " Vytvorte". Zadajte nasledujúce parametre: „Šírka“ (Wight) 610 pixelov, „Height“ (Výška) 450 pixelov a „Resolution“ (Rozlíšenie) 100 pixelov na palec;
  • potom sa objaví nový dokument, kam chcete presunúť obrázok na pozadí;
  • potom musíte roztiahnuť obrázok, aby pokryl bielu oblasť;
  • ďalej v paneli Vrstvy»Kliknite pravým tlačidlom myši na obrázok a v kontextovom okne vyberte « Zlúčiťviditeľné» (spojiť viditeľné);
  • Obdĺžnik» a vytvorte tlačidlá presunutím kurzora na obrázok a nakreslením hraníc tvaru;
  • v hornej časti pracovnej plochy môžete vybrať výplň pre tlačidlo, parameter "Vyplniť";
  • potom sa vráťte na panel s nástrojmi a vyberte " Text»;
  • potom kliknutím na tlačidlo pridajte pole na zadávanie textu a zadajte názov tlačidla. Podľa vlastného uváženia si môžete vybrať písmo, jeho veľkosť a farbu, aby sekcia vyzerala štýlovejšie;
  • do stredový text podľa obrázku vyberte vrstvu s textom a požadovaným obrázkom podržaním klávesu "Ctrl" a striedavo stláčajte tlačidlá zarovnania na hornom paneli nástrojov;
  • potom musíme výsledný obrázok orezať;
  • na paneli nástrojov vyberte " rámovanie"(Orezanie) a" Rezanie";
  • vyberte každé tlačidlo a otvorte „Súbor“, „Exportovať“, „Uložiť pre web“. Nastavte formát uloženého súboru na "PNG24";

Tým je práca v grafickom editore hotová. Do textového editora sociálnej siete, kde nastavujeme textové menu, sa vrátime v predchádzajúcej časti.

Pokyny na prácu s grafickým menu Vkontakte:


Vytvorené menu je zafixované ako bežný záznam. Stlačením tlačidla Pripojiť.

Základy značkovania Wiki

Ďalej sa pozrime na základy používania značiek Wiki pri vytváraní menu pre skupinu na sociálnej sieti. Vkontakte wiki markup je jazyk, ktorý sa používa na navrhovanie textu na webových stránkach a uľahčuje prístup k funkciám jazyka HTML. Ďalej zvážte hlavné príkazy, ktoré sú k dispozícii na použitie v sociálnej sieti.

Dizajn menu s multimédiami

Textový príkaz pre multimediálne súbory je nasledovný: „[​]. Pozrime sa na to bližšie: „mediaXXXX_YYYY“ (samotný súbor), „možnosti“ (nastavenia parametrov), „odkaz“ (je vyskakovacie označenie, ktoré sa zobrazí po umiestnení kurzora myši na objekt).

možnosti pre multimédiá zobrazené na snímke obrazovky:

možnosti pre video vyzerať takto:

Nadpisy (H1, H2, H3)

Ak chcete pridať názov, musíte na začiatok a koniec textu vložiť nasledujúce znaky „==“. Príklad nájdete na snímke obrazovky:

Rozoberáme text

Pre formátovanie textu ponúka Vkontakte nasledujúce možnosti: tučné, kurzíva, zarovnanie vpravo a vľavo, zarovnanie na stred, zoznam s odrážkami, nadpisy, horný a dolný index, podčiarknutie a prečiarknutie. Podrobnejšie nastavenia sú zobrazené na snímke obrazovky.

Citácie

Ak chcete upútať pozornosť publika, môžete použiť úvodzovky, značka pre tento parameter vyzerá takto: "".

Príklad použitia v textovom editore Vkontakte:

zoznamy

Používatelia môžu používať zoznamy s odrážkami aj číslované zoznamy. Číslovaný zoznam je označený znakom „#“ označeným znakom „*“.

Príklad očíslované zoznam:

Príklad označené zoznam:

Ako odsadiť

Všetko je tu celkom jednoduché, pred požadované slovo musíte pridať znak „:“. Čím viac znakov vložíte, tým väčšie bude odsadenie.

Interné odkazy

Interné odkazy sú prechody na iné prvky sociálnej siete: používateľský profil, komunita tretej strany, chat, fotografia, video, článok atď. Pridanie interného odkazu sa vykonáva pomocou značky „[]. Pozrime sa bližšie: „odkaz“ je odkaz, „text“ je zobrazený text.

Príklad:

Ako vytvoriť tabuľku

Pomocou značiek wiki môžu používatelia vytvárať objekt tabuľky, slúžia na to nasledujúce príkazy:

Pridávam spojler

Tento prvok môže skrývať informácie, ktoré sa odhalia stlačením príslušného tlačidla. Táto možnosť uverejňovania informácií je ideálna pre sekciu skupiny „Pravidlá“, „Často kladené otázky“ atď.

Na vytvorenie objektu sa používa nasledujúca konštrukcia:

((Hider|Text názvu ))

Ako odstrániť menu

Odstránenie prebieha nasledovne:

Odstránenie pomocou formátovania stránky:


Dobrý deň, priatelia. Všetko sa hýbe, všetko sa mení. Sociálna sieť Vkontakte tiež nestojí. Takže moja publikácia o vytvorení jedného bloku Vkontakte Avatar + Menu sa dnes stala irelevantnou. Teraz pri vytváraní skupiny jednoducho chýba blok Novinky, ktorý bol pre takéto menu nevyhnutný.

Našťastie má Vkontakte schopnosť vytvárať stránky wiki. Pomocou takejto wiki stránky môžeme vytvoriť komunitné menu a potom toto menu pripnúť na začiatok skupiny.

Tak poďme pekne po poriadku.

Ako vytvoriť wiki stránku?

1. V paneli s adresou prehliadača vytvorte odkaz, ktorý vyzerá takto:

  • xxx– ID vašej skupiny alebo verejnej stránky;
  • Názov stránky- akékoľvek slovo, ktorým pomenujete svoju stránku.

Ako zistiť ID vašej komunity? Ak odkaz neobsahuje id, napr. https://vk.com/make_community, možno ho nájsť nasledovne. Kliknite na nadpis skupinovej steny, kde je napísaný počet publikácií.

Stena vašej komunity sa otvorí samostatne. V paneli s adresou budú čísla. Toto je vaše ID komunity.


2. Kliknite na odkaz, ktorý ste vytvorili, a kliknite na „Vyplniť obsahom“.

3. Naplňte svoju stránku obsahom. Potrebujeme napríklad grafické menu vo forme samostatných tlačidiel. Najprv vytvoríme celý obrázok.

Potom ho nakrájame na samostatné gombíky. V tomto konkrétnom prípade by sme mali dostať štyri obrázky tlačidiel.

Vrátime sa na našu stránku a pomocou vstavaného editora načítame obrázky tlačidiel.

Po odovzdaní všetkých obrázkov by to malo vyzerať takto:

Kliknutím na ktorýkoľvek z obrázkov môžete určiť odkaz na stránku, kam povedie táto položka ponuky. Môže to byť buď stránka vašej komunity, alebo stránka externého webu či internetového obchodu.

Vytvárame jedálny lístok.

Na stene vašej skupiny Vkontakte by ste mali dostať nasledujúci záznam:

Ako pripnúť jedálny lístok?

Zostáva nám pripnúť menu na začiatok skupiny. Ak to chcete urobiť, kliknite na text pred obrázkom v príspevku. V okne, ktoré sa otvorí, kliknite vpravo dole na „Pripnúť“.

Všetky. Teraz by sme mali mať niečo takéto:

Ak chcete, aby menu a avatar vyzerali ako jeden, stačí vybrať obrázok tak, aby bol logickým pokračovaním avatara vašej skupiny.

Vo všetkých komunitách Vkontakte, kde môžu byť informácie štruktúrované, odporúčam vytvoriť menu. To určite zvýši použiteľnosť vašej komunity. A analyzovali sme, ako opraviť ponuku Vkontakte pomocou konkrétneho príkladu. Zostáva vám zaželať veľa šťastia pri rozvoji a propagácii vašich komunít!

Početné požiadavky mojich vytrvalých čitateľov a jednoducho zvedavých používateľov si vybrali svoju daň. Nakoniec som vytvoril lekciu, v ktorej sa naučíme, ako vytvoriť dynamické menu Vkontakte s efektom stlačených tlačidiel! Analogicky s bežnými internetovými stránkami, keď je navštívený odkaz označený špeciálnym spôsobom (stlačené tlačidlo, podčiarknutie atď.) - pomocou vytvorených stránok a grafického dizajnu vytvoríme rovnaký dizajn Vkontakte. Na začiatok urobíme grafické polotovary vo Photoshope - vytvoríme hlavičku ponuky a tlačidlá dvoch typov. Potom vytvoríme niekoľko stránok Vkontakte podľa položiek v našej ponuke. A na záver si urobme ošemetný trik, ktorý v skutočnosti vytvorí ilúziu sledovania odkazu. Lekcia je dosť náročná a vhodná pre tých, ktorí sa cítia istí vo funkčnosti Vkontakte. Všetky manipulácie vykonám pomocou príkladu vaša skupina Vkontakte kde je tento efekt realizovaný naživo. Takže do biznisu!

Krok 1: Vytvorte hlavičku ponuky vo Photoshope
Vytvorte dokument so šírkou 600 pixelov vo Photoshope. Výška môže byť iná, podľa vášho uváženia. Do hlavičky môžete umiestniť ľubovoľnú pohľadovú fotografiu, koláž, informačný banner a iné grafické obrázky. V tomto prípade som použil takýto reklamný banner s veľkosťou 600x172 pixelov.

Krok 2 Vytvorte navigačný panel vo Photoshope
Teraz musíme vytvoriť navigačný panel. V tomto príklade som ako tlačidlá použil iba text. Ale podľa vlastného uváženia môžete vytvárať farebné tlačidlá a písať na ne text. Robíme to - vo Photoshope vytvorte obdĺžnik s rozmermi 600 x 56 pixelov a v tomto prípade ho vyplňte bielou farbou. Potom napíšeme položky menu do riadku - niekde okolo 5-6 položiek, nie viac. Viac bodov bude vyzerať tesne.

Krok 3 Vytvorte stlačený navigačný panel vo Photoshope
Teraz musíme vytvoriť aktívne odkazy, ako keby sa na ne kliklo. Použil som bežné podčiarknutie, ale na označenie navštíveného odkazu môžete použiť inú farbu textu alebo pozadia.

Krok 4. Vystrihnite hotové obrázky
V tejto fáze musíme vystrihnúť obrázky z Kroku 2 a Kroku 3. Mali by sme skončiť s dvomi sadami piatich tlačidiel – jedno tlačidlo bez podčiarknutia, druhé tlačidlo s podčiarknutím. Tlačidlá každej jednotlivej položky (s podčiarknutím a bez neho) musia mať rovnakú veľkosť. Na obrázku nižšie je celý náš grafický dizajn – desať tlačidiel a jedna hlavička menu.

Krok 5. Vytvorte stránku ponuky Vkontakte
Teraz poďme na VKontakte. Našou úlohou je vytvoriť samostatnú stránku s názvom „Menu“. Na to použijeme nasledujúci kód
http://vk.com/pages?oid=-XXX&p=Názov_stránky
kde namiesto XXX nahradíme id našej skupiny a namiesto textu „Názov stránky“ napíšeme Menu. Teraz musíme zistiť ID skupiny. Ako to spraviť? Prejdeme na hlavnú stránku skupiny a pozrieme sa na naše príspevky na stene – hneď pod blokom „Pridať príspevok“ bude napísané „Všetky príspevky“ – kliknite na tento odkaz.

Krok 6. Určite ID skupiny a upravte kód
Prejdite na stránku a zobrazte adresu URL takto https://vk.com/wall-78320145?own=1, kde čísla 78320145 v tomto príklade sú id skupiny. Nahradíme naše údaje v zdrojovom kóde a získame takýto záznam:
http://vk.com/pages?oid=-78320145&p=Menu(s vašimi číslami!). Vložte tento riadok do panela s adresou vášho prehliadača a stlačte Enter. Takže sme vytvorili novú stránku Vkontakte a spočiatku to vyzerá takto.

Krok 7. Vytvorte Vkontakte zvyšok navigačných stránok
Podobne vytvárame ďalšie štyri navigačné stránky: Ceny, Ako objednať, Zadanie a Otázky. To znamená, že ešte štyrikrát skopírujeme zodpovedajúci kód do panela s adresou prehliadača (s vašimi identifikačnými číslami v príklade nižšie, moje čísla):

http://vk.com/pages?oid=-78320145&p=Ceny

http://vk.com/pages?oid=-78320145&p=How_to_order

http://vk.com/pages?oid=-78320145&p=Zmluvné podmienky

http://vk.com/pages?oid=-78320145&p=Questions
Upozorňujeme, že v názve dvojslovnej stránky (Ako objednať) bola medzera medzi slovami nahradená podčiarkovníkom How_to_order. Teraz máme pre každú položku ponuky pripravených päť strán. Stránku Portfólio sme nevytvorili, pretože sa nachádza na stránke Menu

Krok 8. Nahrajte fotografie na prvú stránku ponuky
Na vytvorenej, zatiaľ prázdnej stránke (pozri Krok 6) Menu kliknite na odkaz Upraviť alebo na odkaz Vyplniť obsahom. Potom uvidíme panel úprav. Tu musíme kliknúť na ikonu fotoaparátu s funkciou Nahrať fotografiu. Dôležité! Upozorňujeme, že máte režim označovania wiki. Prepínanie režimov sa ovláda ikonou na pravom okraji stránky.

Krok 9. Výsledok po odovzdaní obrázkov
Odovzdávame naše obrázky, ktoré sme vytvorili v Kroku 1 a Kroku 2. Po nahraní vidíme nasledujúci kód, ako na obrázku nižšie, a samotné menu vyzerá takto. Po každej zmene kódu nezabudnite kliknúť na tlačidlo Uložiť stránku a potom kliknutím na tlačidlo Ukážka zobraziť výsledok.

Krok 10. Úprava kódu obrázka
Teraz je našou úlohou nahradiť všetky vlastnosti noborder vlastnosťou nopadding. A uveďte skutočné rozmery prvého obrázka, pretože Vkontakte pri načítaní zmenšil obrázok na 400 pixelov. Po všetkých zmenách by sme mali dostať takýto kód a také menu.

Krok 11. Umiestňovanie odkazov na obrázky
Teraz musíme dať dole odkazy pre každý obrázok. Odkaz musí byť vložený za nopadding| namiesto medzery pred zatváracími zátvorkami. Pre prvý obrázok (hlavička ponuky z kroku 1) môžete uviesť odkaz na hlavnú stránku skupiny alebo môžete použiť vlastnosť nolink (nastaviť cez; po odsadení bez medzier). Pre druhú kartu vložte adresu formátovacej stránky strana-78320145_49821289. Toto je úplná adresa URL obrázka https://vk.com/page-78320145_49821289, kým sa prvá časť s doménou nedá vynechať. V prípade odkazov na externé stránky však musí byť adresa URL odkazu uvedená úplne.

Krok 12 Skopírujte kód na zvyšok navigačných stránok
V tomto pomerne jednoduchom kroku skopírujeme posledný kód z predchádzajúceho kroku a prilepíme ho na zvyšok vytvorených stránok - Ceny, Ako objednať, Zadanie a Otázky. Sme na stránke, kliknite na Upraviť alebo Vyplniť obsahom (sme v režime označovania wiki), vložte kód a kliknite na Uložiť. A potom aj na ďalšej strane. To znamená, že teraz máme päť strán, z ktorých menu vyzerá úplne rovnako. Ale na druhej strane sa už dá orientovať v menu - keď kliknete na odkaz, napríklad Ceny, presunieme sa na stránku Ceny atď.

Krok 13: Vytvorenie efektu stlačeného tlačidla
Teraz musíme zmeniť jeden obrázok na každej z piatich strán (tlačidlo bez podčiarknutia nahradíme tlačidlom s podčiarknutím). Napríklad na prvej strane Menu načítame nový obrázok a potom v kóde nahradíme adresu starého obrázka novým (podčiarknutý červenou farbou). Potom prejdeme na stránku Ceny, nahráme obrázok s podčiarknutými cenami a zmeníme ho v kóde na adresu nového obrázku. Potom prejdeme na stránky Ako objednať, Zadanie a Otázky a urobíme rovnakú operáciu rovnakým spôsobom.

Finálny.
V dôsledku toho máme navigačný efekt, keď kliknete na odkaz v ponuke a ten sa stane aktívnym. Ale keďže je grafický dizajn na všetkých stránkach takmer rovnaký, s výnimkou aktívneho odkazu, vzniká ilúzia navigácie, hoci v skutočnosti ide o prechod na inú stránku.

Takto koncipované menu nie je prispôsobené pre mobilné zariadenia. Keď sa veľkosť obrazovky zmenší, obrázky sa začnú posúvať jeden pod druhý. Ak chcete vytvoriť adaptívny dizajn, musíte použiť tabuľky na pevné usporiadanie. Ale to je už iný príbeh a pokročilejšia technika. Medzitým sa pozrite na rôzne možnosti grafického návrhu menu.


V tomto článku vám poviem, ako krásne navrhnúť skupinu v kontakte. Súhlaste, čím krajšia skupina, tým príjemnejšie je prihlásiť sa na odber. Zároveň bude mať skupina pohodlnú ponuku, do ktorej len chcete vstúpiť a zobraziť jej obsah.

Menej reči, začnime tvoriť menu pre skupinu vo Vkontakte.
Najprv musíte skutočne vytvoriť samotnú skupinu, ako som napísal v predchádzajúcom článku.

A tak to všetko začína vo Photoshope, vytvoríme obrázok menu, ktorý chcete. V podstate - ide o nejaké pozadie s názvom nadpisov. Kamarát ma práve požiadal, aby som mu urobil krásnu skupinu pre jeho firmu aero-stomadent, ktorá sa zaoberá priemyselnou ventiláciou, tak sa o to postarám.

Našiel som nádherné pozadie prírody Aljašky, vlastne na ňom urobím všetko.


Na pozadí píšeme samotné menu. Napríklad píšem, čo robí firma. To budú tlačidlá, na ktoré potom urobím ďalšie strany. Každé slovo bude v budúcnosti tlačidlom ponuky.


Vpravo sa uistite, že táto časť bude v budúcnosti avatarom skupiny.


Teraz obrázok v režime na malých obrázkoch. V ponuke vyberieme funkciu "Vystrihnutie", potom klikneme pravým tlačidlom myši na plátno a vystrihneme tak, aby bolo každé slovo samostatné.



Je žiaduce, aby bol rezaný približne takto.


Po rozrezaní súbor uložíme, nielen cez "Uložiť pre web a zariadenia ..." (alebo Alt + Shift + Ctrl + S), vytvorí sa priečinok so všetkými už vyrezanými súbormi.



Teraz ešte nejdeme do skupiny, musíme ešte vytvoriť značku wiki. Alebo inými slovami vytvorte stránku.

Ako vytvoriť Wiki - stránku na Vkontakte?

Otvorte novú kartu prehliadača a vložte sem nasledujúci odkaz: http://vk.com/pages?oid=-XXX&p=Názov_stránky, kde XXX je ID vašej skupiny. Ja som mal napríklad toto.
http://vk.com/pages?oid=-91934542&p=menu


Potom stlačte naplniť obsahom. Tu vidíme veľmi jednoduchý editor, výberom funkcie fotoaparátu pridajte všetky naše fotografie do ponuky. Malo by to byť niečo ako moje.


Medzi obrázkami sú však medzery, na odstránenie medzier - vstúpime do režimu označovania wiki (toto je znak úvodzovky v pravom hornom rohu<>) zadajte nasledujúcu značku "option; nopadding;" pred veľkosťami fotografií. Napríklad []



A všetko spolu vyšlo.


Takže teraz zostáva vložiť odkazy do každého tlačidla. Všetko sa opäť robí v značkách wiki. Vkladáme odkazy na články, ktoré považujete za potrebné a ktoré už boli pripravené.


Stlačíme uložiť, pozrieme sa, čo sa stalo, všetko sa mi zišlo, ak kliknete na odkazy "https://vk.com/page-91934542_49969122"


Potom idem do skupiny a ešte predtým urobím obrázok, ktorý sa zobrazí ľuďom v skupine.


A ja len zverejňujem. Vkladám odkaz na menu a pridávam fotku, ktorú som práve odfotil.

), 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.



Sekcie