VKontakte gruppe menu nyt design. Sådan laver du en grafisk menu på VKontakte

Som du ved, når en person læser eller lander på en bestemt webressource, er han eller hun opmærksom på designet og grænsefladen i de første 8 sekunder. Samtidig sørger han for god eller dårlig brugervenlighed (brugervenlighed). En menu i en gruppe på det sociale netværk VKontakte, som vi vil tale om i dag og se på princippet om dets konstruktion ved hjælp af et eksempel, giver dig mulighed for ikke kun at præsentere information farverigt og "adskille dig selv" fra dine konkurrenter til det bedre, men også at identificere præcis de elementer og foretage ændringer i dem, der er nødvendige.

Bare se på et par eksempler for at forstå, hvor smukt og praktisk det er:

Lad os komme igang. Til at begynde med skal det bemærkes, at hvis du vil lave menuen selv fra bunden, så skal du bruge alle de følgende oplysninger. Hvis du allerede har et design, kan du springe en del af artiklen over og gå direkte til dens placering og wiki-markering.

Menu design

Giver dig mulighed for at færdiggøre grundlaget for et fremtidigt projekt. For at gennemføre denne del af arbejdet er kendskab til et program som Adobe Photoshop velkommen. Sådan ser størrelsesskabelonen ud, hvor vi vil implementere den fremtidige smukke menu.

Avatarens bredde er 200 pixels, højden er 500. Hovedmenubilledet er 510*308. Som et resultat vil vi få sådan en smuk "menu" til sidst.

Bemærk venligst, at afhængigt af informationen skrevet efter gruppenavnet, kan højden af billedet til højre (avatar) ændre sig, og alt i nærheden kan derfor ændre sig!

Denne PSD-layoutkilde blev implementeret som et eksempel. Hent .

Vi vil ikke fokusere på, hvordan skabelonen blev lavet, vi vil straks begynde at forberede den til placering i en ny eller eksisterende gruppe. Åbn filen i Photoshop.

Først og fremmest skal du gemme avataren. En af måderne til hurtigt at gemme, hvis alt i filen er struktureret og der er få elementer (som i vores tilfælde). Slå synligheden fra for lag, vi ikke har brug for.

Gå til afsnittet "Billede", og vælg "Trimning"-operationen.

Ved udgangen får vi:

Hvis det resulterende billede er stort, kan du bruge værktøjet "Gem til web". Kommandoen er også placeret i afsnittet "Filer".

Vi udfører en lignende handling med det billede, der vil blive vist, når menuen først vises. I vores tilfælde lader vi mappen "åben menu" og "menubaggrunden" være synlig i mappen "menu med bil". Resultatet er:

Nu skal du gemme og skære det andet niveau af menuen. For at gøre dette skal du lade "menubaggrunden" være synlig i mappen "menu med bil" og tilføje "Menu på andet niveau" til den.

Så vil vi bruge værktøjet “Skæring”, som kan findes i menuen til venstre.

Vi "klipper" vores billede i passende dele. I vores tilfælde vil der være tre af dem.

Dette afslutter den forberedende del. Lad os gå videre til hovedscenen.

Wiki-markering af den færdige menu på VKontakte.

Først og fremmest skal du uploade et gruppebillede eller en avatar ved at klikke på linket med samme navn og vælge den fil, vi har brug for.

Sørg derefter for at udføre følgende rækkefølge af handlinger. Gå til "Community Management", og vælg "Begrænset" i punktet "Sektioner" ud for knappen "Materials".

Dette skal gøres, så brugere og gruppemedlemmer ikke kan ændre og/eller redigere yderligere elementer, herunder menuer.

Efter operationen er afsluttet, uploader vi vores klippede billeder til community-albummet.

Gå til sektionen "Seneste nyheder", vælg "Rediger" og gå til redigeringsmenuen.

For at fremskynde processen skal du bruge "Kamera"-tasten og klikke på "Vælg fra fællesskabsbilleder."

Efter tilføjelse skal du gå tilbage til redigeringsmenuen og trykke på "<>", hvor vi vil foretage yderligere redigering. Vi omdøber også straks afsnittet, og i stedet for "Seneste nyt" skriver vi i vores tilfælde "GROUP MENU".

Den generelle struktur af hver udskåret del ser sådan ud i markeringen - [], hvor:

id – identifikator (nummer) for det billede, du uploadede;

X og Y – vandret og lodret billedstørrelse i pixels;

Når vi ser på skabelonen, redigerer vi vores wiki-markering og går med jævne mellemrum til afsnittet "Preview", som visuelt viser de ændringer, vi har foretaget.

Alle billeder skal lukkes med et tag på én gang (og ikke, som det er standard, hvert billede)

…, som automatisk placerer alle menudele i midten af siden!

Da vi allerede har ladet mærket centrere billedet alene, for at slippe af med de "ubehagelige" afstande mellem dele af det samlede billede, bør vi indsætte "nopadding"-mærket som følger: []

Dette er hvad der sker i sidste ende.

Nu skal du klikke på fanen "GROUP MENU" og derefter "rediger".

Vigtig! For at kopiere den nødvendige adresse skal du i vores version klikke på "GRUPPEMENU" og kopiere det "korrekte link" derfra.

Gå til hovedsiden og klik på "Tilføj post". Glem ikke straks at ændre forfatteren af indlægget!

Klik på "ellipserne" til højre for posten, og klik på fanen "Pin".

Derefter skal du opdatere siden og nyde det resulterende resultat, som ser sådan ud:

Når du klikker på "Åbn menu".

Som du kan se, er det ret nemt og enkelt at lave en menu på det sociale netværk VKontakte. Det er nok at have et let kendskab til at bruge Photoshop og wiki-markering. Jo bedre og mere forståeligt designet er, jo mere villigt og oftere vil den potentielle bruger komme og vende tilbage til din gruppe.

Hvis du ønsker et helt unikt og fantastisk gruppedesign i overensstemmelse med virksomhedens stil og medfølgende elementer, så kontakt en professionel designer, eller du kan selv teste omfanget af dine talenter. Held og lykke til dig i alle dine bestræbelser!

Hej venner!

Vil du gøre VKontakte-gruppen så attraktiv som muligt for dine abonnenter? Ved du ikke, hvor du skal starte? Hvis du allerede har indhold af høj kvalitet, så fokuser din opmærksomhed på community design. Jeg taler ikke om blot at vælge en avatar. Oprettelse af en menu i en VKontakte-gruppe er et af hovedpunkterne, der skal tages i betragtning ved design. Det er dette punkt, vi vil overveje i dag.

Hvad er VKontakte-menuen, og hvad er den til?

Menuen er gruppens ansigt. Det første, enhver besøgende i dit samfund støder på, er menuen. Derfor er din opgave at gennemtænke det så bekvemt og attraktivt som muligt. Først skal du beslutte, hvad du præcist vil formidle til dine abonnenter. Det afhænger af samfundets mission selv. Der er jo helt andre formål med at skabe en gruppe: uddannelsesmæssigt, underholdende eller målet om at sælge et produkt/en service. Derfra skal du beslutte, hvilken information der er vigtigst for dine fremtidige abonnenter.

Hvis du for eksempel er fokuseret på at underholde brugere eller informere dem om noget, så fokuser måske på, hvor let det er at finde den information, de har brug for. Det gælder grupper, hvor indhold kan opdeles i separate emner, for eksempel sundhed, mode mv.

Hvis dit community er skabt i form af en netbutik, så burde tilgangen være en helt anden. Bekvemmelighed ved at søge efter varer eller tjenester skal selvfølgelig være til stede, men også fokusere på kampagner, nye produkter, leveringsbetingelser samt dine kontakter.

Så husk at have fællesskabstemaet i tankerne, når du opretter din menu.

Metoder til at oprette menuer til VKontakte-grupper

Det første trin er at beslutte, hvordan du opretter din menu: automatisk eller manuelt. Hvis du har valgt en hurtig og enkel metode, men samtidig af høj kvalitet, præsenterer jeg dig for en service til oprettelse af en menu til VK WikiMaker-fællesskaber, du vil hurtigt og nemt finde ud af det, hvilket gør din gruppe mere bekvem. Hvis du vil tage fuldstændig kontrol over menuoprettelse, er her trin-for-trin instruktioner.

Hvordan laver man et attraktivt design?

Jeg vil kombinere oprettelsen af to vigtige gruppeelementer i instruktionerne: en menu og en avatar. Fordi det ikke er tilrådeligt at oprette dem separat, fordi brugeren skal se harmonien mellem disse to grafiske elementer.

Først skal du installere Photoshop, hvis du ikke tidligere har installeret dette program på din computer.
Åbn Photoshop og opret to skabelonfiler til avataren og til menuen. Indstil de nødvendige dimensioner. For eksempel for en avatar - 200x500 pixels og en menu - 389x600 pixels. Fyld dem med én farve, så de er tydeligt synlige, og gem de to oprettede separate filer.
Indlæs skabelonen i gruppen i stedet for avataren, og vælg hele området.
Indlæsning af menuen er lidt mere kompliceret. For at gøre dette skal du aktivere indhold i "Community Management". Herefter vil muligheden for at tilføje en menu blive tilgængelig. Gå til fanen, der vises under beskrivelsen af gruppen "Seneste nyheder", og klik på knappen i værktøjslinjen i form af et kamera og upload filen fra din computer. sket?
Umiddelbart efter download vil et link være tilgængeligt for dig, som skal ændres lidt. Efter ordet "noborder" skal du indtaste tegnet ";" og ordet "nopadding". Denne funktion forhindrer din menu i at falde ned, når du tilføjer nyheder til fællesskabet.
Vi gør Prnt Scrn til hovedsiden for din gruppe. For hvad? For at forstå dine fejl. Faktum er, at nu er dette en udkast til version - alt er ikke glat og ikke så smukt. Dit mål er at få de nederste grænser af menuen og avataren til at matche perfekt. Så undrer du dig måske: "Hvorfor giver jeg dig ikke de nøjagtige mål?" Men faktum er, at hver admin bruger forskellig mængde tekst i gruppebeskrivelsen, hvilket ændrer menuens højde, og menuens bredde er en smagssag, og som bekendt er den forskellig for alle.
Vi går ind i Photoshop og opretter en ny fil, og indsætter et skærmbillede der.
Nu, når vi arbejder med denne fil, vælger vi området af avataren ved hjælp af et "rektangulært udvalg" - du kan bruge det til at vælge et specifikt område så nøjagtigt som muligt. Højreklik derefter og vælg "klip til nyt lag."
Vi arbejder på det samme med menubilledet, kun når vi vælger det, skal vi skære det unødvendige fra i bunden. Sørg for, at bunden af menuen og avataren matcher fuldstændigt.
Hold nu Ctrl-knappen nede og vælg de to lag, vi oprettede. Højreklik på dem og vælg funktionen "Merge Layers". To af vores skabeloner, der passer perfekt til hinanden, vises foran os på én side.
Det næste trin er at uploade forsidebilledet. Det vises oven på vores skabeloner. Klik nu på omslagsfilen i lagværktøjerne til højre, mens du holder Alt-tasten nede. Efter denne procedure vil omslaget kun være synligt på skabelonerne og vil blive usynligt uden for deres grænser. Men dette forhindrer dig ikke i at flytte dækslet og vælge den ønskede synlige del af det.
Nu er det vigtige punkt ved at oprette en menu knapperne. Nu burde du allerede kende de nøjagtige navne på de fremtidige knapper. For eksempel "Sundhed", "Børn", "Vores kontakter". For at gøre opgaven nemmere opretter vi den første knap, de næste duplikerer vi bare og ændrer teksten.
Vi tilføjer et logo til avataren eller en verbal appel eller begge dele. Dette vil tilføje livlighed såvel som et særpræg til dit band.
Gem den delte fil som et billede på din computer. Hvad er det næste?
Åbn den fil, vi lige har oprettet i Photoshop. Dernæst opretter vi en ny tom fil med de nøjagtige dimensioner af vores avatar, indsætter det billede, vi oprettede med logoet og knapperne, i den. Vi vælger det område, vi skal bruge til avataren, og tilpasser det perfekt til de valgte dimensioner. Så gemmer vi vores skabelse.
Det samme gør vi med menuen. Men igen er der en tilføjelse her. Først skal du kende højden på menuen, da den ikke stemmer overens med kladdeversionen. Ved hjælp af en lineal måler vi højden til en enkelt pixel (det er bedst at måle det flere gange for ikke at lave en fejl). Opret en ny fil med den gamle bredde og nye højde, juster billedet til størrelsen og klik på knappen "Gem".
Indlæs en ny avatar, vælg hele området og vælg et miniaturebillede.
Upload menuen via knappen "Seneste nyt". Vi sletter det forrige link, uploader et nyt billede og tilføjer ";nopadding".
Lad os nu lægge vores menulayout ud. Vi bruger Photoshops "Skæring" eller "Kniv" værktøj. Det hedder forskelligt i forskellige versioner af Photoshop. Vi tegner en streg under hver knap for at skabe separate rektangler, som brugeren kan svæve over for at navigere til specifikke links i fremtiden.
Vi går til at redigere menuen gennem "Seneste nyheder" og indlæser hvert af vores menuudklip efter tur. Ved visning vil huller mellem vores billeder blive vist. For at slippe af med dem skal du tilføje ordet "nopadding" til hvert link.
Nu, så dine links er aktive, og du kan indsætte de oplysninger, du har brug for, så skriv på linkene til billederne i redigeringsmenuen - navnet på en af dine knapper - for eksempel Levering. Men dette ord skal skrives tydeligt efter fastlagte regler; det skal se sådan ud [[Levering]]. Gem derefter siden, følg dette link og fyld det med det nødvendige indhold.
Det sidste trin for at alt fungerer, er at indsætte en kopi af linket til leveringssiden i knaplinket, for eksempel - page-123456_456789, det vil sige info mellem ordene "vk.com/" til "?". Det er det, design nu hver knap på samme måde, og din menu vil med succes tiltrække din målgruppe.

Abonner på blogopdateringer og del information med venner. Skab mere skønhed i dit liv!

Nu bruger VKontakte-grupper og offentlige sider visuelle designværktøjer. Takket være denne funktion bliver gruppens udseende og design mere æstetisk tiltalende. Dette materiale vil i detaljer beskrive, hvordan man laver en menu i en VKontakte-gruppe.

Hvorfor har du brug for en gruppemenu?

Først og fremmest er menuen et nyttigt element for kommercielle grupper. Med dens hjælp vil brugerne ikke have problemer med navigation. Alle nødvendige oplysninger vil blive placeret i denne blok. På det sociale netværk VKontakte er gruppeledelsen struktureret på en sådan måde, at alt tidligere offentliggjort materiale er indeholdt i feedet. Den eneste ene mulighed for sortering er at oprette emner i afsnittet "Diskussion". Men det er heller ikke helt bekvemt, for emnet er ikke begrænset til ét indlæg, hvor al information er samlet, og for at finde det nødvendige indlæg skal du bladre gennem siderne i lang tid.

Det er meget mere bekvemt at opbygge en klar struktur, hvor alle nyttige oplysninger vil blive indsamlet og opdelt i separate tematiske blokke. Dette skærmbillede er et godt eksempel på en grafisk interaktiv menu, hvor alle nyttige indlæg er placeret i en separat blok. Dette er praktisk og kræver ikke, at brugeren udfører yderligere handlinger på siden.

For at opsummere det, kan vi konkludere, at menuen er en nødvendighed for et samfund i udvikling. Det er praktisk navigationshjælp, som giver brugerne mulighed for at finde den nødvendige information uden at scrolle gennem feedet og hurtigt få adgang til den ønskede del af gruppen. Det er at foretrække at bruge en klikbar menu til grupper, der sælger varer og tjenester.

Lukket og åben menu

I øjeblikket kan VKontakte-menuen opdeles i flere typer og typer, så vil vi overveje hver af dem mere detaljeret.

Typer:

tekst (strukturen er tekstlinks);
grafik (bruger multimedier, aktive knapper osv.).

Arter:

Opret en tekstmenu

Denne type menu kræver ingen viden eller yderligere værktøjer. At lave en tekstmenu i en gruppe på VK er ret simpelt; til dette vil vi bruge det sociale netværks funktionalitet. Den bruger ikke knapper, stilarter osv. Tekstmenuen er en liste, der består af ankerlinks.

Trin-for-trin instruktion:

Proceduren for at oprette en tekstmenu kræver ikke særlig viden og færdigheder. Derfor er denne mulighed mest velegnet til uerfarne brugere. Før du placerer et afsnit på hovedsiden, skal du sørge for at teste det og optimere det så navigationen fungerer problemfrit.

Grafisk menu

Lad os gå videre til en af de mere komplekse skabelsesmetoder. For at gøre dette skal vi bruge yderligere værktøjer - den grafiske editor Photoshop. Dernæst vil vi give en detaljeret beskrivelse af trin-for-trin-processen med at oprette en grafisk menu ved hjælp af yderligere software.

Trin-for-trin instruktion:

Først skal du starte Photoshop-grafikeditoren;
klik derefter på "Filer" og " skab" Vi specificerer følgende parametre: "Bredde" (Vægt) 610 pixels, "Højde" (Højde) 450 pixels og "Opløsning" (Opløsning) 100 pixels pr. tomme;
Herefter vises et nyt dokument, hvor du skal trække baggrundsbilledet;
du bliver derefter nødt til at strække billedet for at dække det hvide område;
længere i panelet" Lag"Højreklik på billedet og vælg i kontekstvinduet" FusionereSynlig» (flet synlige);
Rektangel» og opret knapper ved at flytte markøren til billedet og tegne figurens grænser;
i den øverste del af arbejdsområdet kan du vælge et fyld til knappen, parameteren "Fyld";
derefter gå tilbage til værktøjslinjen og vælge " Tekst»;
klik derefter på knappen for at tilføje et tekstindtastningsfelt og indtast et navn til knappen. Efter eget skøn kan du vælge skrifttypen, dens størrelse og farve for at få sektionen til at se mere stilfuld ud;
til midterste tekst fra billedet skal du vælge laget med teksten og det ønskede billede ved at holde "Ctrl"-tasten nede, og skiftevis klikke på justeringsknapperne på den øverste værktøjslinje;
efter dette skal vi skære det resulterende billede;
på værktøjslinjen vælg " Beskæring"(Afgrøde) og "Skæring";
Vælg hver knap og åbn "Filer", "Eksporter", "Gem til web". Indstil det gemte filformat til "PNG24";

Dette afslutter arbejdet i den grafiske editor. Vi vender tilbage til teksteditoren på det sociale netværk, hvor vi konfigurerede tekstmenuen i det foregående afsnit.

Instruktioner til at arbejde med VKontakte-grafikmenuen:

Den oprettede menu er fastgjort som en almindelig post. Ved at klikke på knappen Fastgør.

Wiki Markup Basics

Dernæst vil vi se på det grundlæggende ved brug af Wiki-markering til at udvikle en menu til en gruppe på et socialt netværk. VKontakte wiki markup er et sprog, der bruges til at formatere tekst på websteder og giver lettere adgang til HTML-sprogets muligheder. Lad os derefter se på de vigtigste kommandoer, der er tilgængelige til brug på det sociale netværk.

Menudesign ved hjælp af multimedie

Tekstkommandoen til multimediefiler er som følger: "[]. Lad os se på det mere detaljeret: "mediaXXXX_YYYY" (selve filen), "options" (specificerede parametre), "link" (er en pop-up tekst, der vil blive vist, når du holder markøren over et objekt).

Muligheder til multimedier er vist på skærmbilledet:

Muligheder til video se sådan her ud:

Overskrifter (H1, H2, H3)

For at tilføje en titel skal du sætte følgende "==" tegn i begyndelsen og slutningen af teksten. Se skærmbilledet for et eksempel:

Formatering af teksten

Til tekstformatering tilbyder VKontakte følgende muligheder: fed, kursiv, højre- og venstrejustering, midterjustering, punktopstilling, overskrifter, hævet, sænket, understreget og gennemstreget. Mere detaljerede indstillinger vises på skærmbilledet.

Citater

For at tiltrække publikums opmærksomhed kan du bruge citater; tagget for denne parameter ser sådan ud: "".

Eksempel på brug i VKontakte-teksteditoren:

Lister

Brugere kan bruge både punktopstilling og nummererede lister. En nummereret liste er angivet med et "#" efterfulgt af et "*".

Eksempel nummereret liste:

Eksempel mærket liste:

Sådan indrykkes

Alt her er ret simpelt, du skal tilføje et ":"-tegn før det ønskede ord. Jo flere tegn der placeres, jo større bliver indrykket.

Interne links

Interne links er overgange til andre elementer i det sociale netværk: brugerprofil, tredjepartsfællesskab, chat, foto, video, artikel osv. Tilføjelse af et internt link udføres ved hjælp af "[]-tagget. Lad os se nærmere: "link" er et link, "tekst" er den viste tekst.

Eksempel:

Sådan opretter du en tabel

Ved at bruge wiki-markering kan brugere oprette bordobjekt, bruges følgende kommandoer til dette:

Tilføjelse af en spoiler

Dette element kan skjule information, der vil blive afsløret ved passende klik på en speciel knap. Denne mulighed for at sende information er perfekt til gruppeafsnittet "Regler", "Ofte stillede spørgsmål" osv.

For at oprette et objekt skal du bruge følgende konstruktion:

((Skjuler|Titeltekst ))

Sådan sletter du en menu

Fjernelse sker som følger:

Fjernelse via sideformatering:

For at din gruppe skal være populær blandt brugerne, skal du jævnligt tilføje nye publikationer, uploade billeder, videoer osv. Og for at folk lettere kan navigere ved at gå til gruppens side, er det bedre at oprette en menu, der viser hovedpunkterne.

For eksempel har du din egen virksomhed, der tilbyder et bestemt produkt eller en bestemt service. Der er også en hjemmeside på internettet. Så vil VKontakte-gruppen for dette firma hjælpe med at tiltrække nye kunder og øge salget. Menuen kan indeholde følgende punkter: Vinduer, Døre, Porte, Sikkerhedssystemer, Yderligere materialer, Kampagner og rabatter. Vi laver links på en sådan måde, at en person ved at klikke på et af punkterne går til den tilsvarende sektion på webstedet.

Menuen kan oprettes uden at linke til tredjepartssider på internettet. For eksempel er din gruppe dedikeret til musik. I afsnittene kan du angive genrer: klassisk, rock, rap, fra indiske film, for nyfødte, fra tegnefilm. Når en person klikker på et af elementerne, skal der åbnes et album med de tilsvarende sange. I dette tilfælde er elementet et link til et bestemt album i gruppen.

Der er mange eksempler på at skabe navigation i en gruppe. Nå, lad os nu gå videre til praksis.

Oprettelse af en menu

Nødvendige indstillinger i gruppen

Før du begynder at oprette selve menuen, skal du tjekke nogle indstillinger i gruppen. Du skal være skaberen af gruppen, ellers har du måske simpelthen ikke nok rettigheder til at oprette navigation.

På din VKontakte-side, i venstre kolonne, klik på "Grupper" og vælg din gruppe fra listen. Klik derefter på de tre lodrette prikker under din avatar og vælg "Administrer fællesskab" fra listen.

Gå nu til fanen "Sektioner" i menuen til højre, og vælg "Åben" eller "Begrænset" i felterne "Discussions" og "Materials". Klik på "Gem".

Forberedelse af billeder til menuer og avatarer i Photoshop

Når du har kontrolleret og ændret indstillingerne i gruppen, kan du begynde at oprette billeder til avataren og menuen. Der kan være flere muligheder her:

Menuen kan være en fortsættelse af det billede, der vises på avataren;

Det kan laves på et separat billede eller en almindelig baggrund; avataren vil ikke være forbundet med det; for eksempel kan firmalogoet afbildes på det.

Vi vil overveje den første mulighed i detaljer. Vores avatar og navigation vil bestå af ét billede, som skal skæres korrekt i dele.

Åbn Photoshop og opret en ny fil i den - Ctrl+N. Indstil bredden til 760 og højden til 500 pixels.

Nu, ved hjælp af Slice Tool, skal du skære arket i flere områder. Vælg området til højre med værktøjet, og dobbeltklik på det for at åbne et vindue med en menu. Indstil bredden til 200 og højden til 500. Dette bliver vores gruppes avatar.

Brug det samme værktøj til at vælge et andet område til venstre for det forrige. For det er bredden 50, højden er 500. Dette er afstanden mellem fremtidige punkter og avataren, vi har ikke brug for denne del af billedet.

Vælg området øverst til venstre. For det er bredden 510, højden er 182. Dette område af vores billede svarer i gruppen til det område, hvor gruppenavnet, status er skrevet, og nogle faner vises. Det vil sige, at vi heller ikke har brug for det.

Som et resultat bør du få følgende - billedet er opdelt i 4 områder. Området til højre er gruppeavataren, nederst til venstre vil der være menupunkter, og yderligere 2 områder, der ikke er nødvendige.

For at gøre det helt klart. Vi skærer et blankt ark. Tilføj derefter det valgte billede til det. Når vi har gemt det, har vi lige så mange små billeder af formen, vi har brug for, som vi klipper. Længere på siden i gruppen vil vi indsætte visse dele af billedet de rigtige steder.

Åbn derefter billedet i Photoshop, som du har valgt til din avatar og menu. Brug flytteværktøjet til at trække billedet til det tidligere klippede ark. Du kan flytte billedet, så det ønskede område er synligt.

For eksempel er min billedstørrelse større end den, vi valgte til det hvide ark. Så jeg flyttede den, så palmerne var lidt synlige, og der var ikke så meget himmel deroppe.

Når du har tilføjet billedet, skal du tage udsnitsværktøjet igen og skære området nederst til venstre, som vi forlod for at pege i det ønskede antal stykker. Så mange point du vil lave, vil der være lige så mange dele.

Nu tager vi tekstværktøjet og skriver menupunkter i hver del.

Det er det, alt er klar. Til højre er vores avatar, nederst til venstre er navigationspunkter. De to andre dele af billedet er ikke nødvendige.

På dette tidspunkt kan du tilføje et firmalogo til området til højre (avatar), eller skrive dets navn smukt.

Gem det optagne billede: Fil – Gem til web og enheder, eller brug tastaturgenvejen Alt+Shift+Ctrl+S.

Dette er, hvad jeg fik: "menu"-mappen på skrivebordet. Den indeholder udvalgte billeder skåret i stykker af den ønskede størrelse. Den største er avataren, der er mange små identiske - menupunkter, og to unødvendige - slet dem fra mappen.

Nu skal du uploade de taget billeder, der svarer til punkterne, til din VKontakte-side. Vælg "Fotos" og opret et nyt album, jeg kaldte det "til gruppemenuen". Gør albummet privat, så kun du kan se det – "Rediger album". Tilføj billeder til albummet, der svarer til dine menupunkter.

Vend derefter tilbage til gruppens hovedside og vælg en avatar - "Upload foto". Dette er et af de billeder, vi lige har lavet i Photoshop.

Så på dette tidspunkt skulle du have oprettet et lukket album på siden med billeder af navigationselementer og uploadet en avatar til gruppen.

Oprettelse af en menu ved hjælp af wiki-markering

Lad os begynde at oprette selve menuen. Gå til gruppen og gå til fanen "Seneste nyheder". Klik derefter på knappen "Rediger".

Du kan omdøbe navnet på selve fanen. Jeg vil skrive "MENU" sådan. Nu skal du her tilføje billeder, der svarer til punkterne. For at gøre dette skal du klikke på kameraikonet.

Klik på et af de billeder, du lige har tilføjet til din profil.

Derefter vises det på redigeringssiden.

Tilføj således alle de andre billeder for at få det ønskede menubillede.

Når alle elementerne er tilføjet, skal du klikke på de to pile i øverste højre hjørne for at skifte til wiki-markeringstilstand.

Fjern her alle unødvendige tags som

, og fjern mellemrum mellem alle linjer. Se nu på det øverste skærmbillede - vi har mellemrum mellem de tilføjede billeder. For at fjerne dem skal du skrive nopadding før billedstørrelsen og sætte ";".

Efter billedstørrelsen og lodrette pindværdier indsæt et link til siden, hvor personen skal hen, ved at klikke på det tilsvarende menupunkt. Som jeg allerede har skrevet, kan linket være til en eller anden VKontakte-side eller til en tredjepartsressource på internettet.

Sådan vil koden se ud, når du har tilføjet "nopadding;" og et link.

Resultatet skulle være sådan: Navnet på fanen (MENU) er blevet ændret, mellemrum mellem linjer er blevet fjernet, mellemrum mellem billeder er fjernet (nopadding;), links er tilføjet. Klik på "Gem side" og vend tilbage til hovedsiden i gruppen.

Dette fuldender processen med at oprette navigation for VKontakte-gruppen. Jeg gjorde det sådan her. Avatarbilledet og menuen er ét. Ved at gå til fanen "MENU" kan brugeren vælge det, der interesserer ham, og følge det link, jeg angav.

Hvis du er bekymret for, at menuen i gruppen måske ikke er synlig, så vedhæft et foto, hvor du for eksempel bruger pile til at angive tilstedeværelsen af en fane. Hvis du har spørgsmål, så spørg dem i kommentarerne.

For at gøre samfundets overordnede udseende mere æstetisk tiltalende og gøre arbejdet med det mere behageligt, ville den bedste løsning være at oprette en gruppemenu. På denne måde kan du sætte alle de vigtige elementer på en pæn liste, sætte hvert link med sit eget ikon eller billede og give besøgende besked om eventuelle ændringer hurtigt og tydeligt. Menuen kan indeholde følgende elementer: forskellige links til eksterne websteder, diskussionsbobler, album, musik og andre sektioner på VKontakte-webstedet, billeder og blot strukturen af din gruppe. Følg instruktionerne nedenfor, prøv at oprette din egen menu til VKontakte-fællesskabet.

Sådan opretter du en simpel menu i en VKontakte-gruppe

Hvis du ønsker, at hver menulinje skal føre til et bestemt diskussionsemne, skal du først og fremmest oprette de samme diskussioner og give dem navne. At lade dem være lukkede eller åbne for kommentarer er en rent personlig sag, da denne mulighed ikke påvirker visningen af siden i menuen.

Prøv at lave en simpel menu, der repræsenterer din gruppes struktur og indeholder alle de vigtigste sektioner.

Husk, at menuer vil se lidt anderledes ud i grupper og fællesskaber. Derfor, hvis du vil overføre en gruppe til et fællesskab, skal du klikke på ikonet med tre prikker ud for gruppenavnet og vælge linjen "Overfør til side". Bemærk venligst, at du ikke vil være i stand til at gøre fællesskabet tilbage til en gruppe.

Gå nu til linket "Community Management" i samme menu.
Du vil se en blok med alle indstillingerne for din gruppe, her kan du ændre navn, kontaktoplysninger, privatliv og administrere deltagere. Gå til kategorien "Sektioner".

I linjen "Materials" skal du indstille værdien til "Deaktiveret" eller "Begrænset", så gruppemedlemmer ikke ved et uheld kan beskadige dine filer, der er nødvendige for registrering. Glem ikke at gemme dit valg.

Gå til gruppen og gå til vinduet "Seneste nyheder", det er her du vil oprette menuen.

Klik på "Rediger".

Først og fremmest skal du ændre navnet "Seneste nyt" til "Menu" eller noget andet, der gør det klart for deltagerne, at her kan de hurtigt følge de nødvendige links.
Skift itil "rediger Wiki-markering" ved hjælp af den lille pil i højre hjørne.

Opret nu strukturen:

Det er vigtigt, at du har diskussioner, materialer eller album i gruppen, hvis navn du vil bruge i menuen.
Skriv alle navnene på hovedafsnittene på en linje, indram dem to gange i firkantede parenteser.
For at få teksten til at fremstå som en liste, skal du sætte stjerner foran emnerne.

Fra dette skærmbillede kan vi antage, at gruppen har et materiale kaldet "Section 1", en diskussion "Section 2" og et album "Section 3". Klik på "Preview" eller "Gem ændringer".

Din sektion vil ændre sig til "Menu", og den vil indeholde aktive links til gruppens hovedkategorier, pænt arrangeret i en liste.

Sådan indsætter du links i VKontakte-gruppemenuen

For at fremskynde adgangen til dit officielle websted eller sektioner direkte i gruppen, er det bedre at indsætte aktive links.

Gå tilbage til redigering af menusektionen. Kopier det ønskede link og indsæt det blot i vinduet i Wiki-markeringstilstand. Efter lagring bliver den aktiv.

Sådan ser alle de links ud, som du kan indsætte i din gruppemenu.

Sådan opretter du en VKontakte-menu med billeder

Hvis du ønsker, at menuen skal bestå af smukke ikoner, der fører til et bestemt afsnit, skal du blot følge instruktionerne nedenfor.

For at begynde skal du oprette et specielt album, hvor kun tekniske billeder til gruppedesign vil blive gemt.

Upload billeder i jpeg-format, der ikke er større end 500 pixel gange 500.

Kopiér URL'en til det uploadede billede.

Kopier nu linket til diskussionen, materialet eller et andet eksternt websted.

[[Link til billede i dit album | størrelse i pixels; nopadding | Link til diskussion eller hjemmeside]]

Et eksempel er vist på skærmbilledet.
Klik på "Gem side".

Nu vises et pænt link i din menu. Du kan indstille pixelværdien, som det passer dig.
For at tilføje flere billeder skal du blot indtaste nye links på en ny linje.