Jak vytvořit grafické menu ve VK. Základy značení Wiki při vytváření menu pro skupinu VK. Uzavřené a otevřené menu
Jak víte, když člověk čte nebo se dostane na konkrétní webový zdroj, prvních 8 sekund věnuje pozornost designu a rozhraní. Zároveň se stará o dobrou či špatnou použitelnost (snadnost použití). Nabídka ve skupině na sociální síti VKontakte, o které budeme dnes hovořit a na příkladu se podíváme na princip její konstrukce, vám umožňuje nejen barvitě prezentovat informace a „odlišovat se“ od svých konkurentů k lepšímu, ale také přesně identifikovat tyto položky a provést v nich potřebné akcenty.
Stačí se podívat na několik příkladů, abyste pochopili, jak krásné a pohodlné to je:
Začněme. Pro začátek je třeba poznamenat, že pokud si chcete udělat menu sami od začátku, budete potřebovat všechny následující informace. Pokud již návrh máte, můžete část článku přeskočit a přejít přímo k jeho umístění a označení wiki.
Návrh menu
Umožňuje dokončit základ pro budoucí projekt. Pro dokončení této části práce je vítána znalost programu jako je Adobe Photoshop. Takto vypadá šablona velikosti, do které budeme implementovat budoucí krásné menu.
Šířka avatara je 200 pixelů, výška je 500. Obrázek hlavního menu je 510*308. Výsledkem je, že na konci dostaneme takové krásné „menu“.
Vezměte prosím na vědomí, že v závislosti na informacích zapsaných za názvem skupiny se může změnit výška obrázku vpravo (avatar) a podle toho se může posunout vše, co se nachází poblíž!
Tento zdroj rozložení PSD byl implementován jako příklad. Stáhnout .
Nebudeme se zaměřovat na to, jak byla šablona vyrobena, okamžitě ji začneme připravovat pro umístění do nové nebo existující skupiny. Otevřete soubor ve Photoshopu.
Nejprve uložte avatara. Jedna z možností rychlého uložení, pokud je vše v souboru strukturované a prvků je málo (jako v našem případě). Vypněte viditelnost vrstev, které nepotřebujeme.
Přejděte do části „Obrázek“ a vyberte operaci „Oříznutí“.
Na výstupu dostaneme:
Pokud je výsledný obrázek velký, můžete použít nástroj „Uložit pro web“. Příkaz se také nachází v sekci "Soubor".
Podobnou operaci provedeme s obrázkem, který se zobrazí při prvotním zobrazení nabídky. V našem případě ponecháme viditelnou složku „otevřené menu“ a „pozadí nabídky“ ve složce „menu s autem“. Výsledkem je:
Nyní je třeba uložit a vyjmout druhou úroveň nabídky. Chcete-li to provést, ponechte „pozadí nabídky“ viditelné ve složce „menu s autem“ a přidejte do něj „Menu druhé úrovně“.
Poté použijeme nástroj “Řezání”, který najdete v menu vlevo.
Náš obrázek „rozstříháme“ na vhodné části. V našem případě budou tři.
Tím je přípravná část dokončena. Pojďme na hlavní pódium.
Wiki označení hotového menu na VKontakte.
Nejprve musíte nahrát skupinovou fotografii nebo avatar kliknutím na stejnojmenný odkaz a výběrem souboru, který potřebujeme.
Pak nezapomeňte provést následující posloupnost akcí. Přejděte na „Správa komunity“ a v položce „Sekce“ naproti tlačítku „Materiály“ vyberte „Omezené“.
To musí být provedeno tak, aby uživatelé a členové skupiny nemohli měnit a/nebo upravovat další položky, včetně nabídek.
Po dokončení operace nahrajeme naše vystřižené obrázky do komunitního alba.
Přejděte do sekce „Nejnovější zprávy“, vyberte „Upravit“ a přejděte do nabídky editoru.
Chcete-li proces urychlit, použijte klávesu „Fotoaparát“ a klikněte na „Vybrat z fotografií komunity“.
Po přidání se vraťte do nabídky editoru a stiskněte „<>“, ve kterém provedeme další úpravy. Okamžitě také přejmenujeme sekci a místo “Poslední novinky” napíšeme v našem případě “SKUPINOVÉ MENU”.
Obecná struktura každé nakrájené části vypadá takto v označení - [], kde:
id – identifikátor (číslo) vámi nahraného obrázku;
X a Y – horizontální a vertikální velikost obrázku v pixelech;
Při pohledu na šablonu upravujeme naše označení wiki a pravidelně přecházíme do sekce „Náhled“, která vizuálně zobrazuje změny, které jsme provedli.
Všechny obrázky musí být uzavřeny štítkem najednou (a nikoli, jak je výchozí nastavení, každý obrázek)
Vzhledem k tomu, že jsme již nechali značku vycentrovat obrázek samotnou, abychom se zbavili „nepříjemných“ vzdáleností mezi částmi celkového obrázku, měli bychom vložit značku „nopadding“ následovně: []
To se nakonec stane.
Nyní byste měli kliknout na záložku „NABÍDKA SKUPIN“ a poté na „upravit“.
Důležité! Chcete-li zkopírovat požadovanou adresu, v naší verzi klikněte na „NABÍDKA SKUPIN“ a zkopírujte odtud „správný odkaz“.
Přejděte na hlavní stránku a klikněte na „Přidat záznam“. Nezapomeňte okamžitě změnit autora příspěvku!
Klikněte na „elipsy“ napravo od položky a klikněte na kartu „Připnout“.
Poté stránku obnovte a užijte si výsledný výsledek, který vypadá takto:
Když kliknete na "Otevřít menu".
Jak vidíte, vytvoření menu na sociální síti VKontakte je poměrně snadné a jednoduché. Stačí mít lehkou úroveň znalostí používání Photoshopu a značek wiki. Čím kvalitnější a srozumitelnější design, tím ochotněji a častěji potenciální uživatel přijde a vrátí se do vaší skupiny.
Chcete-li skutečně jedinečný a ohromující skupinový design v souladu s firemním stylem a doprovodnými prvky, obraťte se na profesionálního designéra, nebo si rozsah svých talentů otestujte sami. Hodně štěstí ve všech vašich snahách!
Dnes se opět vracíme k tématu navrhování skupin VKontakte. Už jsme se poučili. Dnes se naučíme dělat grafiku menu s pevným horním bannerem a odkaz na interní stránku s rozšířenými položkami nabídky. Obecně platí, že na vnitřní stránce mohou být jakékoli informace. Zvláště vhodné je tam umístit například katalogy s nabídkou produktů. Rozbalovací nabídky i lepivé nabídky mají své pro a proti. Hlavní nevýhodou rozbalovací nabídky je, že je ve výchozím nastavení v zavřeném stavu. Ale můžete na něj umístit několik odkazů najednou.
Připnuté menu vzhledem k celkovému dojmu vypadá působivěji, ale může mít pouze jeden odkaz vedoucí buď na interní stránku VKontakte, nebo na externí web (a odkaz na externí web nebude pocházet z obrázku, ale z textového odkazu pod obrázek). Jednou ze zřejmých nevýhod je také to, že na mobilních zařízeních je grafické menu prezentováno jako běžný záznam ve feedu, stojící nahoře, a ne jako připnutý vedle avatara. Obecně platí, že při výběru designu byste měli vzít v úvahu tyto nuance. Pojďme se tedy podívat, jak vytvořit lepivé horní menu s odkazem na interní stránku.
Vytvářím skupiny VKontakte
Kvalitní design VK skupin a veřejných stránek, připnuté menu, rozbalovací menu, vnitřní grafické menu, katalogy, vnitřní navigace - ceny A portfolia.
Krok 1
Vytvořte nový dokument ve Photoshopu o velikosti přibližně 900 x 700 pixelů a vyplňte jej bílou barvou. Nyní potřebujeme ve vrstvě vyříznout dvě okna, přes která bude vidět vlastní grafický návrh. Nejprve vyberte obdélník o rozměrech 200x500 pixelů (avatar) a stiskněte Del. Poté vyberte obdélník o rozměrech 510 x 352 (zarovnejte jej se spodním řádkem avatara a udělejte vzdálenost mezi tvary 50 pixelů) a také stiskněte Del.
Po další aktualizaci designu od VKontakte (31. října 2016) byly rozměry banneru 510x307 (nikoli 510x352).
Krok 2
Nyní pod bílou vrstvu umístíme jeden obrázek, který bude tvořit základ návrhu. 
Krok 3
Poté obrázek doplňujeme o různé prvky - logo, textové nápisy a tlačítko vyzývající ke kliknutí na nabídku. Poté do počítače uložíme dva samostatné obrázky - jeden je avatar (vpravo), druhý je nabídka s tlačítkem pro kliknutí (vlevo). 
Krok 4
Vytváříme také grafické menu ve Photoshopu složené z několika položek. Šířka tohoto menu by měla být 600 pixelů, výška je volitelná v závislosti na počtu položek. Chcete-li pomoci, použijte lekci „“. 
Krok 5
Naši nabídku jsme rozdělili na několik vodorovných pásů podle počtu položek nabídky. Uložit jako samostatné soubory. 
Krok 6
Přejdeme do naší skupiny VKontakte, klikneme na „Správa komunity“ (kliknutím na tři tečky pod autorem se otevře rozbalovací nabídka) a zkontrolujeme, zda jsou nastavení správná. Skupina by měla být otevřená a materiály by také měly být otevřené. 
Krok 7
Nyní nahrajeme nového avatara. Přesuňte kurzor myši na umístění avatara a z rozbalovací nabídky vyberte „Aktualizovat fotografii“. Načtěte správnou fotografii z kroku 3, roztáhněte oblast výběru nahoru a dolů k okrajům obrázku, klikněte na „Uložit“ a poté vyberte oblast pro kulatou miniaturu. 
Krok 8
Nyní musíte vytvořit interní stránku. Jak to udělat, je podrobně popsáno v lekci. Další alternativní způsob vytvoření interní stránky je popsán v lekci „“ v krocích 5 a 6. 
Krok 9
Jakmile máme vytvořenou interní stránku, můžeme na ni přejít. Chcete-li to provést, musíte kliknout na rozevírací nabídku skupiny (ve výchozím nastavení se tato položka nazývá „Poslední zprávy“ - přejmenoval jsem ji na „Nabídka“) a tam klikněte na odkaz „Nabídka“. Poté přejdeme na nově vytvořenou prázdnou stránku. 
Krok 10
Nyní potřebujeme vytvořit grafické menu o pěti položkách. K tomu nahrajeme našich pět obrázků z kroku 5 do skupinového alba Klikneme na ikonu fotoaparátu a nahrajeme vystřižené obrázky z počítače. Obrázky budou uloženy někde na serverech VKontakte s odkazem na skupinu, takže není nutné vytvářet samostatné album pro vystřižené obrázky. Obrázky musíte nahrát v režimu označování Wiki. 
Krok 11
Nyní v režimu značkování wiki vytvoříme grafické menu. Je velmi důležité vytvářet v režimu značkování wiki (ikona v pravém horním rohu dvou trojúhelníkových závorek), nikoli v režimu vizuálních úprav. Více informací o vytváření kódu ve wiki značení je popsáno v Kroku 4 a Kroku 5 lekce „“. K dispozici je také šablona kódu pro vložení. Pokud je vše provedeno správně, měli byste získat hotové grafické menu, jako na obrázku níže. 
Krok 12
Nyní se vrátíme na hlavní stránku skupiny, vezmeme URL naší interní stránky (mělo by to být takto https://vk.com/page-78320145_49821289) a vložíme ji do okna, kde se tvoří novinky. Automaticky by mělo být připojeno okno s odkazem na tuto velmi interní stránku. Poté přesuneme kurzor na nápis „Připojit“ a připojíme k příspěvku fotografii, konkrétně náš obrázek vlevo z kroku 3. Poté vymažeme řádek z adresy URL interní stránky a ponecháme prázdné místo. Důležité! V tomto kroku musíte zaškrtnout políčko (pokud máte taková práva, týká se to hlavně skupin s otevřenou zdí) v zaškrtávacím políčku „V zastoupení skupiny“. Pokud toto políčko nezaškrtnete, záznam nebude připnut. Nakonec klikněte na „Odeslat“. 
Krok 13
Přesuňte kurzor na tři tečky vedle názvu příspěvku a v rozevíracím okně vyberte „Připnout“. V souladu s tím jsou zprávy v případě potřeby také odděleny. 
Krok 14
Je tu jedno upozornění. Někdy poté, co odepnete novinový článek, se dostane daleko dolů ve zdroji, podle data vytvoření, a může být docela obtížné ho znovu najít. Proto si raději rovnou někam zapište URL připnuté novinky. Chcete-li to provést, přesuňte kurzor na čas vytvoření zprávy a klikněte na odkaz. 
Krok 15
Nyní aktualizujeme hlavní stránku skupiny. Naše grafické menu se bude nacházet nahoře vedle avatara. A když klikneme na obrázek, dostaneme se na vnitřní stránku s nabídkou pěti položek. 
Aby byla vaše skupina mezi uživateli oblíbená, musíte pravidelně přidávat nové publikace, nahrávat fotografie, videa atd. A aby se lidé mohli snadněji orientovat na stránce skupiny, je lepší vytvořit nabídku, která bude označovat hlavní body.
Máte například vlastní společnost, která nabízí určitý produkt nebo službu. Na internetu existuje i webová stránka. Pak skupina VKontakte pro tuto společnost pomůže přilákat nové zákazníky a zvýšit prodej. Nabídka může obsahovat následující položky: Okna, Dveře, Vrata, Zabezpečovací systémy, Doplňkové materiály, Akce a slevy. Odkazy vytváříme tak, že kliknutím na jednu z položek se člověk dostane do odpovídající sekce na webu.
Menu lze vytvořit bez odkazování na stránky třetích stran na internetu. Vaše skupina se například věnuje hudbě. V odstavcích můžete uvést žánry: klasika, rock, rap, z indických filmů, pro novorozence, z kreslených filmů. Když uživatel klikne na jednu z položek, mělo by se otevřít album s odpovídajícími skladbami. V tomto případě je položka odkazem na konkrétní album ve skupině.
Existuje mnoho příkladů pro vytvoření navigace ve skupině. No a teď přejděme ke cvičení.
Vytvoření jídelníčku
Nutná nastavení ve skupině
Než se pustíte do tvorby samotného menu, je potřeba zkontrolovat některá nastavení ve skupině. Musíte být tvůrcem skupiny, jinak jednoduše nebudete mít dostatečná práva k vytvoření navigace.
Na stránce VKontakte klikněte v levém sloupci na „Skupiny“ a vyberte svou skupinu ze seznamu. Poté pod svým avatarem klikněte na tři svislé tečky a ze seznamu vyberte „Spravovat komunitu“.
Nyní v nabídce vpravo přejděte na kartu „Sekce“ a v polích „Diskuse“ a „Materiály“ vyberte „Otevřený“ nebo „Omezený“. Klikněte na "Uložit".
Příprava obrázků pro nabídky a avatary ve Photoshopu
Poté, co zkontrolujete a změníte nastavení ve skupině, můžete začít vytvářet obrázky pro avatara a nabídku. Zde může být několik možností:
Nabídka může být pokračováním obrázku, který se objeví na avataru;
Může být vytvořen na samostatném obrázku nebo na obyčejném pozadí; avatar s ním nebude spojen, například může být zobrazeno logo společnosti.
První možnost podrobně zvážíme. Náš avatar a navigace se budou skládat z jednoho obrázku, který je potřeba správně rozřezat na části.
Otevřete Photoshop a vytvořte v něm nový soubor – Ctrl+N. Nastavte šířku na 760 a výšku na 500 pixelů.
Nyní pomocí nástroje Slice Tool musíte rozřezat list na několik oblastí. Nástrojem vyberte oblast napravo a poklepáním na ni otevřete okno s nabídkou. Nastavte šířku na 200, výšku na 500. Toto bude avatar naší skupiny.
Pomocí stejného nástroje vyberte jinou oblast vlevo od předchozí. Pro něj je šířka 50, výška 500. Toto je vzdálenost mezi budoucími body a avatarem, tuto část obrázku nebudeme potřebovat.
Vyberte oblast vlevo nahoře. Pro něj je šířka 510, výška 182. Tato oblast našeho obrázku odpovídá ve skupině oblasti, ve které je zapsán název skupiny, stav a některé karty. To znamená, že to také nepotřebujeme.
V důsledku toho byste měli získat následující - obrázek je rozdělen do 4 oblastí. Oblast napravo je avatar skupiny, vlevo dole budou položky nabídky a další 2 oblasti, které nebudou potřeba.
Aby to bylo úplně jasné. Vyřízli jsme prázdný list. Poté k němu přidejte vybraný obrázek. Po uložení budeme mít tolik malých obrázků tvaru, kolik potřebujeme, kolik vyřízneme. Dále na stránku ve skupině vložíme určité části obrázku na správná místa.
Dále otevřete obrázek ve Photoshopu, který jste vybrali pro svého avatara a nabídku. Pomocí nástroje Přesunout přetáhněte obrázek na dříve vyříznutý list. Obrázek můžete posunout tak, aby byla viditelná požadovaná oblast.
Například velikost mého obrázku je větší než velikost, kterou jsme zvolili pro bílý list. Tak jsem to posunul tak, aby byly trochu vidět palmy a nebylo tam nahoře tolik nebe.
Po přidání obrázku vezměte znovu nástroj Slice Tool a oblast vlevo dole, kterou jsme si nechali pro body, vyřízněte na požadovaný počet kusů. Kolik bodů chcete udělat, bude tolik částí.
Nyní vezmeme textový nástroj a do každé části napíšeme položky nabídky.
To je vše. Vpravo je náš avatar, vlevo dole jsou navigační body. Další dvě části obrázku nebudou potřeba.
V této fázi můžete do oblasti vpravo přidat logo společnosti (avatar), nebo krásně napsat její název.
Uložte zachycený obrázek: Soubor – Uložit pro web a zařízení nebo použijte klávesovou zkratku Alt+Shift+Ctrl+S.
To je to, co jsem dostal: složka „menu“ na ploše. Obsahuje vybrané obrázky rozřezané na kousky požadované velikosti. Největší z nich je avatar, existuje mnoho malých stejných - položek nabídky a dvě nepotřebné - smažte je ze složky.
Nyní musíte na svou stránku VKontakte nahrát pořízené obrázky, které odpovídají bodům. Vyberte „Fotky“ a vytvořte nové album, nazval jsem to „pro skupinové menu“. Označte album jako soukromé, abyste jej mohli zobrazit pouze vy – „Upravit album“. Přidejte do alba obrázky, které odpovídají vašim položkám nabídky.
Poté se vraťte na hlavní stránku skupiny a vyberte avatara - „Nahrát fotografii“. Toto je jeden z těch obrázků, které jsme právě vytvořili ve Photoshopu.
V této fázi byste tedy měli na stránce vytvořit uzavřené album s obrázky navigačních položek a nahrát avatar pro skupinu.
Vytvoření menu pomocí wiki značek
Pustíme se do tvorby samotného menu. Přejděte do skupiny a přejděte na kartu „Nejnovější zprávy“. Poté klikněte na tlačítko „Upravit“.
Název samotné karty můžete přejmenovat. Napíšu takto „MENU“. Nyní zde musíte přidat obrázky, které odpovídají bodům. Chcete-li to provést, klikněte na ikonu fotoaparátu.
Klikněte na jeden z obrázků, které jste právě přidali do svého profilu.
Poté se zobrazí na stránce úprav.
Přidejte tedy všechny ostatní obrázky, abyste získali požadovaný obrázek nabídky.
Po přidání všech položek klikněte na dvě šipky v pravém horním rohu pro přepnutí do režimu označování wiki.
Zde odstraňte všechny nepotřebné značky jako
Za velikost obrázku a hodnoty svislé tyče vložte kliknutím na příslušnou položku nabídky odkaz na stránku, kam daná osoba přejde. Jak jsem již napsal, odkaz může být na nějakou stránku VKontakte nebo na zdroj třetí strany na internetu.
Takto bude kód vypadat po přidání „nopadding;“ a odkaz.
Výsledek by měl být takový: název záložky (MENU) byl změněn, mezery mezi řádky byly odstraněny, mezery mezi obrázky odstraněny (nopadding;), přidány odkazy. Klikněte na „Uložit stránku“ a vraťte se na hlavní stránku skupiny.
Tím je proces vytváření navigace pro skupinu VKontakte dokončen. Udělal jsem to takhle. Obrázek avatara a nabídka jsou jedno. Přechodem na kartu „MENU“ si uživatel může vybrat, co ho zajímá, a přejít na odkaz, který jsem uvedl.
Pokud se obáváte, že nabídka ve skupině nemusí být viditelná, pak přiložte fotografii, na které například pomocí šipek naznačíte přítomnost záložky. Pokud máte dotazy, zeptejte se jich v komentářích.
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 na to profesionálně, aby to byl jeden plnohodnotný obrázek, který se promě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 využijeme o něco později při práci se značkovacím 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 tak, 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 vypnutým značkování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 -))).
K vytvoření otevřené nabídky tedy potřebujeme obrázek, který bude hrát roli otevřené nabídky. Obrázky, které jsme přidali do článku o vytváření grafického menu, nebudou fungovat, protože potřebujete obrázek rozbaleného menu a ne každou položku jednotlivě. Kromě toho můžete použít absolutně jakýkoli obrázek, který bude naznačovat, že skrývá nabídku skupiny. Například obrázek s titulkem: „Nabídka skupiny“. Nebo něco takového.
Poté, co jsme vybrali obrázek, který budeme používat. Navíc může být velikost obrázku téměř libovolná, kterou lze nahrát do fotoalba. (UPD: Toto není úplně přesná informace. Přesnější informace o velikostech si můžete přečíst v komentáři níže. Chcete-li to provést, stačí kliknout na odkaz: /otkrytoe-menyu-gruppy-vkontakte/#comment-7633)
Pojďme do skupiny VKontakte. A kliknutím pravým tlačítkem myši otevřete nabídku, pokud již byla vytvořena, na nové kartě.
Poté musíte na stránce nabídky kliknout na odkaz „Upravit“.
Ale nemusíte měnit kód. Stačí kliknout na odkaz „Zpět na stránku“. To je nezbytné pro získání odkazu na stránku menu.
Nyní, když jsme zpět na stránce menu. V adresním řádku uvidíme odkaz na tuto stránku, bez různých dodatků k adrese. Jinými slovy, čistý odkaz. To je to, co potřebujeme.
Necháme tuto stránku otevřenou a vrátíme se do skupiny VKontakte. Zde musíme vytvořit záznam, ke kterému přidáme obrázek, který bude hrát roli otevřeného . Chcete-li to provést, vyberte níže „připojit fotografii“. A vyberte obrázek buď z alba, nebo jej nahrajte z počítače.
Jakmile je obrázek přidán k příspěvku, ještě jej nepublikujeme.
A vrátíme se na stránku nabídky a zkopírujeme adresu stránky nabídky skupiny VKontakte z adresního řádku. A vložte zkopírovanou adresu nabídky do záznamu, který jsme ještě neuložili. Konečný výsledek by měl vypadat nějak takto:
Po přidání odkazu se níže objevil název stránky a její adresa. Jakmile se stránka objeví ve spodní části, můžeme odstranit odkaz, který jsme právě vložili do příspěvku. Poté klikněte na tlačítko „Odeslat“. Proto jsme zveřejnili náš příspěvek na skupinové zdi.
Nyní klikněte na datum novinky.
Poté zavřete záznam a aktualizujte stránku skupiny VKontakte. Nyní úplně nahoře, pokud je vše provedeno správně, budete mít obrázek nabídky, který hraje roli otevřené nabídky VKontakte. Odkazy v nabídce jsou však neaktivní. A jeden odkaz na tento záznam je aktivní.
Nyní, když je uživatel v naší skupině, uvidí napodobeninu nabídky. A po kliknutí na otevřenou nabídku skupiny VKontakte se objeví v samotné nabídce, která bude fungovat tak, jak má.
Bohužel neznám žádné jiné způsoby, jak otevřít nabídku kontaktů. Ale přesto je tato možnost mnohem lepší než pouhý odkaz na otevření celé nabídky.
Doufám, že vám tento článek pomůže zjistit, jak vytvořit otevřenou nabídku VKontakte. A to je pro mě vše.
Jak vypadá nabídka otevřené skupiny, můžete vidět v mé skupině.
