Most a Vkontakte csoportjai és közönségei vizuális tervezési eszközöket használnak. Ennek a lehetőségnek köszönhetően megjelenésés a zenekar kialakítása esztétikusabbá válik. Ez az anyag részletesen leírja, hogyan lehet menüt készíteni a Vkontakte csoportban.

Miért van szükségem csoportmenüre?

Először is a menü hasznos elem kereskedelmi csoportok számára. Segítségével a felhasználóknak nem lesz navigációs problémájuk. Ebben a blokkban minden szükséges információ megtalálható. BAN BEN közösségi háló Vkontakte, a csoportok karbantartása úgy van elrendezve, hogy minden korábban közzétett anyag megtalálható legyen a hírcsatornában. Az egyetlen a rendezés képessége témák létrehozása a "Viták" részben. De ez szintén nem túl kényelmes, mert a téma nem korlátozódik egyetlen bejegyzésre, ahol minden információt összegyűjtenek, és ahhoz, hogy megtaláljuk a szükséges bejegyzést, sokáig kell lapoznunk az oldalakon.

Sokkal kényelmesebb világos szerkezetet építeni, ahol minden hasznos információkatés felosztják külön tematikus blokkok... Ez a képernyőkép egy jó példát mutat egy grafikus interaktív menüre, ahol minden hasznos bejegyzés külön blokkban van elhelyezve. Kényelmes, és nem igényli a felhasználótól további műveletek elvégzését az oldalon.

Összefoglalva megállapíthatjuk, hogy a menü szükségszerű egy fejlődő közösség számára. Kényelmes navigációs segédeszköz, amely lehetővé teszi a felhasználók számára, hogy a szalagon való görgetés nélkül megtalálják a szükséges információkat, és gyorsan elérjék a csoport kívánt szakaszát. Az árukat és szolgáltatásokat értékesítő csoportok számára célszerű kattintható menüt használni.

Zárt és nyitott menü

A Ebben a pillanatban, a Vkontakte menü több típusra és típusra osztható, akkor mindegyiket részletesebben megvizsgáljuk.

Típusok:

• szöveg (a szerkezet szöveges linkek);
• grafika (multimédiát használnak, aktív gombok stb.).

Nézetek:

Hozzon létre szöveges menüt

Ez a fajta menü nem igényel semmilyen tudást és további eszközöket. Tedd szöveg menü egy csoportban a VK -ban ez elég egyszerű, ehhez egy közösségi hálózat funkcionalitását fogjuk használni. Nem használ gombokat, stílusokat stb. A szövegmenü egy horgonyhivatkozásokból álló lista.

Lépésről lépésre:

A szöveges menü létrehozásának eljárása nem igényel speciális ismereteket és készségeket. Ezért ez a lehetőség a legmegfelelőbb a tapasztalatlan felhasználók számára. Mielőtt egy szakaszt felhelyezne kezdőlap, feltétlenül tesztelje és optimalizálja hogy a navigáció zökkenőmentesen működjön.

Grafikus menü

Térjünk át az alkotás egyik bonyolultabb módjára. Ehhez további eszközöket kell használnunk - a Photoshop grafikus szerkesztőt. Ezután adunk Részletes leírás lépésről lépésre grafikus menü létrehozása további szoftverek használatával.

Lépésről lépésre:

• először el kell indítania a Photoshop grafikus szerkesztőt;
• majd kattintson a "Fájl" és " Teremt". Adja meg a következő paramétereket: "Szélesség" (Világosság) 610 képpont, "Magasság" (Magasság) 450 képpont és "Felbontás" (Felbontás) 100 képpont / hüvelyk;
  
• utána megjelenik új dokumentum ahová a háttérképet húzza;
  
• akkor ki kell nyújtania a képet, hogy ellepje a fehér területet;
• tovább a panelen " Rétegek"Kattintson a jobb gombbal a képre, és válassza ki" ÖsszeolvadLátható»(Kombináció látható);
• Téglalap»És hozzon létre gombokat úgy, hogy a kurzort a kép fölé mozgatja, és meghúzza az alakzat határait;
• a munkaterület tetején kiválaszthatja a gomb kitöltését, a "Kitöltés" paramétert;
• Ezután menjen újra az eszköztárhoz, és válassza a " Szöveg»;
• majd kattintson a gombra a szövegbeviteli mező hozzáadásához, és írja be a gomb nevét. Saját belátása szerint választhat betűtípust, méretét és színét, hogy stílusosabb legyen a szakasz;
  
• nak nek középső szöveg a képen válassza ki a szöveget és a kívánt képet tartalmazó réteget, tartsa lenyomva a "Ctrl" billentyűt, és váltakozva nyomja meg a felső panel szerszámok;
• ezt követően le kell vágnunk a kapott képet;
• az eszköztáron válassza a " Vágás"(Vágás) és" Vágás ";
• válassza ki az egyes gombokat, és nyissa meg a "Fájl", "Exportálás", "Mentés a webre" lehetőséget. Állítsa a mentett fájl formátumát "PNG24" -re;
  

Ezzel befejeződik a munka a grafikus szerkesztőben. Visszatérünk a közösségi háló szövegszerkesztőjéhez, ahol beállítottuk a szövegmenüt, az előző részben.

Utasítások a Vkontakte grafikus menüvel való munkához:

A létrehozott menü rögzítve van, mint egy normál bejegyzés. A Rögzítés gombra kattintva.

A Wiki jelölés alapjai

Ezután megvizsgáljuk a Wiki jelölés használatának alapjait a közösségi hálózatok csoportjainak menüinek kialakításakor. A Vkontakte wiki jelölés egy olyan nyelv, amelyet a webhelyek szövegeinek formázására használnak, és megkönnyíti a szolgáltatások elérését HTML nyelv... Ezután megvizsgáljuk azokat az alapvető parancsokat, amelyek egy közösségi hálózatban használhatók.

Menü dekoráció multimédiával

A multimédiás fájlok szöveges parancsa így néz ki: "[]. Nézzük meg közelebbről: "mediaXXXX_YYYY" (maga a fájl), "options" ( állítsa be a paramétereket), "Link" (egy felugró felirat, amely akkor jelenik meg, ha az egérmutatót egy objektum fölé viszi).

Opciók multimédiához a képernyőképen látható:

Paraméterek videóhozígy néz ki:

Címsorok (H1, H2, H3)

Címsor hozzáadásához a következő "==" jeleket kell elhelyezni a szöveg elején és végén. Lásd a képernyőképet egy példára:

A szöveg díszítése

A szövegtervezéshez a Vkontakte a következő paramétereket kínálja: félkövér betűtípus, dőlt, jobb és bal igazítás, középső igazítás, felsorolásos lista, címsorok, felső és alsó index, aláhúzás és áthúzás. A részletesebb beállítások a képernyőképen láthatók.

Idézetek

A közönség figyelmének felkeltéséhez idézőjeleket használhat, a paraméter címkéje így néz ki: "".

Példa a felhasználásra szöveg szerkesztő Kapcsolatban áll:

Listák

A felhasználók felsorolt ​​és számozott listákat is használhatnak. A számozott listát "#" jel jelzi, "*" jelzéssel.

Példa számozott lista:

Példa megjelölt lista:

A behúzás módja

Itt minden nagyon egyszerű, a kívánt szó előtt hozzá kell adni a ":" jelet. Minél több karaktert helyez el, annál nagyobb lesz a behúzás.

Belső linkek

A belső linkek a közösségi hálózat más elemeire való átmenetet jelentik: felhasználói profil, külső közösség, csevegés, fotó, videó, cikk stb. A belső link hozzáadása a "[] címke használatával történik. Nézzük meg közelebbről: a "link" egy link, a "text" a megjelenített szöveg.

Példa:

Hogyan készítsünk táblázatot

A wiki jelöléssel a felhasználók létrehozhatnak táblázat objektum, ehhez a következő parancsokat kell használni:

Spoiler hozzáadása

Ez az elem elrejtheti azokat az információkat, amelyek a megfelelő gombra kattintva jelennek meg. speciális gomb... Ez az információ közzétételi lehetőség tökéletes a csoport „Szabályok”, „Gyakran ismételt kérdések” stb.

Az objektum létrehozásához a következő konstrukciót kell használni:

((Rejtő | Címszöveg))

Menü eltávolítása

Az eltávolítás a következő:

Törlés az oldal formázásával:

Annak érdekében, hogy a közösség általános megjelenése esztétikusabb és kényelmesebb legyen vele dolgozni, a legjobb megoldás csoportmenüt hoz létre. Így összerakhatja az összes fontos elemet egy szép listába, beállíthat saját ikont vagy képet minden linkhez, és gyorsan és hatékonyan értesítheti a látogatókat a változásokról. A menü a következő elemeket tartalmazhatja: különböző hivatkozások külső webhelyekre, vitafórumok, albumok, zene és a Vkontakte webhely más részei, képek és csak a csoport felépítése. Az alábbi utasításokat követve próbálja meg saját menüjét létrehozni a Vkontakte közösség számára.

Hogyan hozzunk létre egy egyszerű menüt a Vkontakte csoportban

Ha azt szeretné, hogy minden menüsor egy vagy másik vita témához vezessen, először is ezeket a vitákat kell létrehoznia, és meg kell adnia a neveket. Ha zárva vagy nyitva hagyjuk őket megjegyzésekhez, az nagyon magánügy, mivel ez a lehetőség nem befolyásolja az oldal megjelenítését a menüben.

Próbáljon meg egy egyszerű menüt készíteni, amely képviseli a csoport szerkezetét, és tartalmazza az összes legfontosabb részt.

• Ne feledje, hogy a menü kissé eltérően jelenik meg a csoportban és a közösségben. Ezért, ha csoportot szeretne átvinni egy közösségbe, kattintson a csoport neve melletti hárompontos ikonra, és válassza a „Konvertálás oldalra” sort. Kérjük, vegye figyelembe, hogy nem lesz képes közösséggé alakítani egy közösséget.

• Most lépjen a "Közösség kezelése" linkre ugyanabban a menüben.
  Látni fog egy blokkot a csoport összes beállításával, itt megváltoztathatja a nevet, Elérhetőség, adatvédelem, tagok kezelése. Lépjen a "Szakaszok" kategóriába.

• Az „Anyagok” sorban állítsa az értéket „Letiltva” vagy „Korlátozott” értékre, hogy a csoport tagjai véletlenül ne károsítsák a regisztrációhoz szükséges fájlokat. Ne felejtse el menteni a választást.

• Menjen a csoporthoz, és lépjen a "Friss hírek" ablakba, amelyből létrehozza a menüt.

• Kattintson a „Szerkesztés” gombra.

• Először is a „Friss hírek” címet „Menü” -re vagy bármely más névre kell változtatnia, amely egyértelművé teszi a résztvevők számára, hogy itt gyorsan követhetik a szükséges linkeket.
  Váltsa a bejegyzés szerkesztési módját a „Wiki jelölés szerkesztése” lehetőségre a jobb sarokban található kis nyíllal.

Most hozzon létre egy struktúrát:

• Fontos, hogy megbeszélések, anyagok vagy albumok legyenek a csoportban, amelyek nevét használni fogja a menüben.
• Írja egy vonalra a fő szakaszok összes címét, kétszer szögletes zárójelbe zárva.
• Ahhoz, hogy a szöveg listának tűnjön, tegyen csillagokat a bekezdések elé.

Ezen a képernyőképen feltételezhetjük, hogy van anyag az „1. ​​szakasz” nevű csoportban, a „2. szakasz” és a „3. szakasz” című album. Kattintson az „Előnézet” vagy a „Módosítások mentése” gombra.

• A szakasz „Menü” -re változik, és a csoport fő kategóriáira mutató aktív linkek jelennek meg benne, szépen elrendezve egy listában.

Linkek beszúrása a Vkontakte csoport menüjébe

A hivatalos webhelyhez vagy a csoporton belüli szakaszokhoz való hozzáférés felgyorsítása érdekében jobb, ha aktív linkeket helyez be.

• Térjen vissza a menü rész szerkesztéséhez. Másolja a kívánt linket, és illessze be az ablakba Wiki jelölő módban. A mentés után aktív lesz.

• Így néz ki az összes link, amelyet beilleszthet a csoportos menübe.

Hogyan készítsünk VKontakte menüt képekkel

Ha azt szeretné, hogy a menü gyönyörű ikonokból álljon, amelyek egy adott szakaszhoz vezetnek, egyszerűen kövesse az alábbi utasításokat.

• Először is készítsen egy speciális albumot, amely csak technikai képeket tartalmaz a zenekar tervezéséhez.

• Képek feltöltése ide: jpeg formátumban legfeljebb 500 x 500 képpont.

• Másolja a feltöltött kép URL -jét.

• Most másolja át a vita, a tartalom vagy más külső webhely linkjét.

• [[Link az albumban található képhez | méret pixelben; nopadding | Link a beszélgetéshez vagy a webhelyhez]]

Egy példa látható a képernyőképen.
Kattintson az „Oldal mentése” gombra.

• Most egy jó link jelenik meg a menüben. A képpont értékét tetszés szerint beállíthatja.
  Több kép hozzáadásához csak írja be az új linkeket egy új sorba.

Kitartó olvasóim és egyszerűen kíváncsi felhasználók számtalan kérése megtette a hatását. Végül létrehoztam egy leckét, amelyben megtanuljuk, hogyan lehet dinamikus Vkontakte menüt készíteni a megnyomott gombok hatására! A szokásos internetes oldalakkal analóg módon, amikor egy meglátogatott linket különleges módon jelölnek meg (gomb megnyomása, aláhúzás stb.) - ugyanazt a Vkontakte struktúrát hozzuk létre a létrehozott oldalak és grafikai tervezés segítségével. Először grafikus sablonokat készítünk a Photoshopban - két fejlécet és gombokat készítünk. Ezután létrehozunk több Vkontakte oldalt a menüpontunknak megfelelően. És végül, csináljunk egy trükkös trükköt, ami valójában azt az illúziót kelti, hogy rákattint a linkre. A lecke meglehetősen összetett és alkalmas azok számára, akik magabiztosak a Vkontakte funkcionalitásában. Az összes manipulációt egy példa segítségével hajtom végre a Vkontakte csoportod ahol ez a hatás élőben valósul meg. Kezdjük hát!

1. Létrehoz egy menü fejlécet a Photoshopban
Hozzon létre 600 képpont széles dokumentumot a Photoshopban. A magasság eltérő lehet, saját belátása szerint. A fejlécbe bármilyen típusú fényképet, kollázst, információs sávot és egyéb grafikus képeket helyezhet el. Jelen esetben ezt használtam reklám banner mérete 600x172 pixel.

2. Létrehoz egy navigációs sávot a Photoshopban
Most létre kell hoznunk egy navigációs sávot. Ebben a példában csak szöveget használtam gombként. De saját belátása szerint színes gombokat hozhat létre, és szöveget írhat rájuk. Ezt tesszük - a Photoshopban hozzon létre egy 600x56 képpont méretű és téglalapot ez az eset töltse meg fehérrel. Ezután sorba írjuk a menüpontokat - valahol 5-6 tétel nagyságrendben, nem többet. Nagy mennyiség a pontok összenyomódnak.

3. Létrehoz egy navigációs sávot a Photoshopban megnyomott állapotban
Most aktív linkeket kell létrehoznunk, mintha rájuk kattintottak volna. Rendes aláhúzást használtam, de más szöveget vagy háttérszínt is használhat a meglátogatott link megjelölésére.

4. lépés. Vágja le a kész képeket
Ebben a szakaszban ki kell vágnunk a képeket a 2. és a 3. lépésből. Két, öt gombból álló készletet kell használnunk - az egyik aláhúzás nélküli, a másik aláhúzott. Az egyes elemek gombjainak (aláhúzással és anélkül) meg kell lennie azonos méretű... Az alábbi képen grafikai terveink láthatók - tíz gomb és egy menüfej.

5. lépés: Hozzon létre egy Vkontakte menü oldalt
Most menjen a VKontakte -ra. Feladatunk egy külön oldal létrehozása "Menü" néven. Ehhez a következő kódot fogjuk használni
http://vk.com/pages?oid=-XXX&p=oldal_neve
ahol XXX helyett a csoportunk azonosítóját helyettesítjük, és az "Oldal neve" szöveg helyett Menüt írunk. Most meg kell találnunk a csoport azonosítóját. Hogyan kell csinálni? Megyünk a csoport főoldalára, és megnézzük a falon lévő bejegyzéseinket - közvetlenül a "Bejegyzés hozzáadása" blokk alatt "Minden hozzászólás" lesz írva - kattintson erre a linkre.

6. lépés. Határozza meg a csoportazonosítót, és szerkessze a kódot
Menjen az oldalra, és tekintse meg az ilyen típusú URL -t https://vk.com/wall-78320145?own=1, ahol a 78320145 számok ebben a példában a csoport azonosítója. Helyettesítjük adatainkat a forráskódba, és ilyen típusú rekordot kapunk:
http://vk.com/pages?oid=-78320145&p=Menu(a számokkal!). Ezt a sort beillesztjük a böngésző címsorába, és megnyomjuk az Enter billentyűt. Így teremtettünk új oldal Vkontakte és kezdetben így néz ki.

Lépés 7. Hozza létre a Vkontakte navigációs oldalak többi részét
Hasonlóképpen létrehozunk további négy navigációs oldalt: árak, rendelés, feladatmeghatározás és kérdések. Vagyis még négyszer másoljuk a megfelelő kódot a böngésző címsorába (azonosítószámokkal a számok alatti példában):

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

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

http://vk.com/pages?oid=-78320145&p=Áttekintési feltételek

http://vk.com/pages?oid=-78320145&p=Kérdések
Kérjük, vegye figyelembe, hogy a két szóból álló oldal címében (Hogyan kell megrendelni) a szavak közötti szóközt egy aláhúzott How_order váltotta fel. Most minden menüponthoz öt kész oldal áll rendelkezésünkre. Nem a Portfólió oldalt hoztuk létre, mert az a Menü oldalon található

8. lépés. Töltsön fel fényképeket a menü első oldalára
A létrehozott, még üres lap(lásd 6. lépés) Kattintson a menüre a Szerkesztés linken vagy a Kitöltés tartalommal hivatkozással. Ezt követően látjuk a szerkesztőpanelt. Itt a Fénykép feltöltése funkcióval a kamera ikonra kell kattintanunk. Fontos! Győződjön meg arról, hogy van wiki jelölési mód. Az üzemmódváltást az oldal jobb szélén található ikon vezérli.

9. lépés. Eredmény a képek feltöltése után
Betöltjük képeinket, amelyeket az 1. és a 2. lépésben készítettünk. A betöltés után az alábbi képen látható kódot látjuk, és maga a menü így néz ki. Minden kódváltozás után ne felejtse el kattintani az Oldal mentése, majd az előnézeti képre az eredmény megtekintéséhez.

10. lépés. A képkód szerkesztése
Most az a feladatunk, hogy az összes noborder tulajdonságot lecseréljük a nopadding tulajdonságra. És az első képnél tegye le a valós méreteket, mivel a Vkontakt 400 képpontra zsugorította a képet betöltéskor. Minden módosítás után kapnunk kell egy ilyen kódot és egy ilyen menüt.

11. lépés. Linkek elhelyezése a képekhez
Most minden képhez linkeket kell hozzáadnunk. A linket a nopadding | után kell beszúrni a zárójelek előtti szóköz helyett. Az első képhez (a menü fejléce az 1. lépésből) megadhat egy linket a csoport főoldalára, vagy használhatja a nolink tulajdonságot (tedd utána; szóköz nélküli nopadding után). A második képhez illessze be a formátumoldal címét oldal-78320145_49821289... Vagyis a kép teljes url -je https://vk.com/page-78320145_49821289, kihagyhatja az első részt a domainnel. De a külső webhelyekre mutató linkek esetében az URL -hivatkozásokat teljes egészében meg kell adni.

12. lépés: Másolja a kódot a navigációs oldalak többi részére
Ez elég egyszerű lépés, lemásoljuk az előző lépés utolsó kódját, és beillesztjük a többi létrehozott oldalra - árak, megrendelés, feladatmeghatározás és kérdések. Az oldalon vagyunk, kattintson a Szerkesztés vagy a Töltés tartalommal lehetőségre (wiki-jelölési módban vagyunk), illessze be a kódot, majd kattintson a Mentés gombra. És akkor tovább is következő oldal... Vagyis most öt oldalunk van, amelyek mindegyikén a menü pontosan ugyanúgy néz ki. Másrészt viszont már navigálhat a menüben - ha rákattint a linkre, például az árak, akkor az Árak oldalra lépünk, stb.

13. lépés. A megnyomott gomb hatásának elérése
Most meg kell változtatnunk egy -egy képet az öt oldalon. Például a menü első oldalán betöltünk egy új képet, majd a kódban lévő régi kép címét lecseréljük egy újra (pirossal aláhúzva). Ezután lépjünk az Árak oldalra, töltsük be a képet az aláhúzott árakkal, és változtassuk meg a kódban az új kép címére. Ezután felkeressük a Rendelés, a feladatmeghatározás és a kérdések oldalt, és ugyanazt a műveletet végezzük el ugyanúgy.

A végső.
Ennek eredményeként navigációs hatást kaptunk, amikor rákattint egy menü linkre, és az aktívvá válik. De mivel az összes oldal grafikai tervezése szinte ugyanaz, az aktív link kivételével létrejön a navigáció illúziója, bár valójában egy másik oldalra való áttérés történik.

Az így kialakított menü nem alkalmas mobil eszközök... Amikor a képernyő mérete csökken, a képek csúszni kezdenek egymás alatt. Annak érdekében, hogy adaptív kialakítás, kemény versekhez táblázatokat kell használnia. De ez egy másik történet és egy fejlettebb technika. Addig is nézze meg a grafikus menü alakításának különböző lehetőségeit.

És így kaptam ezt a kalapot (borító)

Most töltse be a kapott képet a csoport borítójaként.
Ez így történik:

Elmegyünk az Irodába

Közösségi borító → Letöltés. És válassza ki a képünket.

Hogyan készítsünk menüt a VK csoportban

A VK menüje a wiki jelölő használatával történik (ez egy speciális programozási nyelv, amelyet a VKontakte számára hoztak létre).

A menühez létre kell hoznia egy wiki oldalt. Ez így történik:

Másolja ki és illessze be ezt a kódot a címsorba (adataival együtt)

Http://vk.com/pages?oid=-123456789 & p = MENU

Ahol 123456789 a csoport sorszáma (azonosítója).

A címsorban megtalálhatja.

és a MENU az oldal címe.

Ennek eredményeképpen egy ilyen új oldalt kap.

Új wiki oldal MENÜ címmel

Kattintson a "Töltés tartalommal" gombra. És eljutunk az oldalszerkesztőhöz.

Az oldalszerkesztőnek két módja van:
- Vizuális mód
- Wiki jelölési mód

Ha a háromszög zárójeleket kék négyzet veszi körül, akkor a wiki jelölési mód engedélyezve van.

Ha a zárójel kék, szegély nélkül, akkor a képszerkesztőben van.

Szükségünk van egy wiki jelölőszerkesztőre. Itt írjuk be a menü kódját a VK -ban.

De mielőtt bármilyen kódot írna, nézze meg a címsort.
Másolja az összes karaktert a kérdőjelig (?) - ez a menü címe.
Írd le!

Menü a VK csoport számára

Kezdettől fogva meg kell tennie (grafikus szerkesztőben).

A menü mérete a következő:
- maximális szélesség 600 px (ez a legkényelmesebb módszer)
- magasság, ahogy megy.

Készítettem egy ilyen menüt:

Most a Photoshopban (a Vágóeszközzel) egyenlő részekre vágom a menüt.

Kiválasztom az összes alkatrészt, és elmentem Png-24 formátumban.

Ennek eredményeként 12 alkatrészt kaptam.

A Wiki jelölés célja nem megfelelő megjelenítés a mobilalkalmazásokban. Ezért a menüt mindig egyenlő részekre vágja, vagy a menüt egy oszlopba sorolja. Ezután a menü ugyanúgy fog kinézni PC -n és alkalmazásokban.

Most az összes kapott darabot be kell tölteni a csoport albumába.

Ehhez létrehozok egy külön albumot "Technical" néven. Átviszem oda az avatárt és a sapka képet is.

Visszatérünk a létrehozott MENU oldalra. Ha elfelejtette, ezen a címen található: http://vk.com/pages?oid=-123456789&p=MENU
Ne felejtse el kicserélni a 123456789 -et a csoportszámára.

A szerkesztési módba való visszatéréshez kattintson a Ceruza ikonra a felső sarokban.

Kattintson a szerkesztéshez

Most fel kell építenünk egy táblázatot a szeletelésünkből, amelyben a képek linkgombok lesznek, és azok a helyek, ahol nincs gomb, nem lesznek kattinthatók.

A VK táblája így kezdődik: (|
és így végződik :)

A menü mindig legyen asztal, hogy a gombok ne ugorjanak, amikor a csoportot nézi az alkalmazáson keresztül

Általában így írunk (de saját értékeinkkel):

(| noborder; nopadding
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|}

Ahelyett fotó-176307581_456239020és hasonlók - helyettesítjük őket képeink számával.

Így találhatod meg őket:

1. Ugrás a "Technical" csoport albumához
2. A menü első részének megnyitása
3. Másolja a címsorba azt a részt, amelyen ennek a képnek a száma van (sok szám van, mielőtt az, amire szükségünk van, fotó-)

És így teszünk a VKontakte csoport étlapjának minden képével.

FONTOS FRISSÍTÉS: Ez a cikk nagyon elavult, mert van egy speciális szolgáltatás, a MenuMake, amely lehetővé teszi, hogy automatikusan hozzon létre egy csoporthoz tartozó menüt. A manuális megközelítésre már nincs szükség. Ezt a cikket azonban a történelemre hagyom.

A VKontakte csoportjai a legnagyobb koncentrációjú felhasználók. A költő az, hogy sokan megpróbálják jobban elrendezni őket, hogy a lehető legtöbbet vonzzák. O grafikai tervezés az alkotónak a legjobb, ha a közvetlen előtt, a jövő fejlődésével egyidejűleg gondolkodik.

Fontos megérteni, hogy a csoport kialakítása az arca, amely Új felhasználó azonnal látja, amint belép az oldalra, csak ezután kezd megismerkedni a tartalommal. Ez a javaslat valójában minden súlyát tükrözi. Ezenkívül a grafikus menü egyben a csoport funkcionalitása is, mivel lehetővé teszi a szükséges információk megtalálását a lehető legrövidebb idő alatt.

Beszéljünk az ideológiáról

Mielőtt hozzáfogna a rajzoláshoz és az elrendezéshez, fontos elgondolkodnia azon, hogy miről kell beszélnie a menüjének? Ennek megértéséhez érdemes dönteni a csoport fő céljáról is - szórakoztatni, tájékoztatni vagy eladni. A jövő menü megjelenése és funkcionalitása nagymértékben függ ettől.

Menü a látogatók vonzására

Ha szórakoztató, informatív, oktató tartalmak közzétételét tervezi, hozzon létre egy menüt, amely megjeleníti a fő témákat. Például ezek lehetnek szakaszok: a legújabb kiadványok, a legnépszerűbbek a divatról, az egészséges ételekről, a gyerekekről stb. Ez a lojalitás növelését szolgálja, mert a felhasználók számára kényelmes lesz a tartalom tömege közötti navigálás.

Értékesítési menü

Éppen ellenkezőleg, ha az oldal célja az értékesítés, akkor a menünek segítenie kell a felhasználóknak a termékek széles skálájának navigálásában. A legjobb, ha olyan részeket helyez el benne, amelyek a látogatót a címtárba vagy annak egy meghatározott részére irányítják, a szállításról, a kapcsolatokról, a cégről, a promóciókról és mindig a kapcsolatfelvételi oldalról beszélnek.

Az első szakasz - Photoshopban dolgozunk

Nem egy közösségi hálózaton, hanem grafikus szerkesztők segítségével kezdenek menük létrehozásához egy névjegyhez. Ehhez a legjobb a Photoshop használata, annak ellenére, hogy ehhez minimális tudás is elegendő. Ezért megnyitjuk a programot, és létrehozunk egy menüsablont. Az új dokumentum mérete közvetlenül a szükséges szakaszok számától függ.

Ezután háttérre van szüksége. Lehet, hogy csak az fehér háttér, vagy szín, vagy egy konkrét kép. Töltse le az internetről, és illessze be a sablonba. Ezután írja be a háttérképre a tervezett menüpontokat. Ezek a címkék később linkekké változnak, amelyek a felhasználót egy adott szakaszra irányítják.

De ahhoz, hogy ez a kép átalakuljon és könnyen linkekké váljon, vágni kell. Ez ugyanabban a Photoshopban történik a "vágó" eszköz segítségével.

De ahhoz, hogy ezt zökkenőmentesen és gyönyörűen megtehessük, fontos a segédvonalak használata, amelyeket a CTRL + R billentyűparancs aktivál. Kék vonalak jelennek meg, amelyeket húzva beállíthatja a szakasz határait. Ezután kattintson a "Vágás" eszközre, és válassza ki a "töredékeket az útmutatók mentén" a felső menüben, amelynek eredményeként a kép egyértelműen a menü több külön szakaszára oszlik.