Kako podesiti pametne telefone i računare. Informativni portal
  • Dom
  • Programi
  • Kako napraviti aktivan meni u kontaktu. Kako napraviti meni grupe VKontakte

Kako napraviti aktivan meni u kontaktu. Kako napraviti meni grupe VKontakte

Da bi vaša grupa bila popularna među korisnicima, morate redovno dodavati nove publikacije, postavljati fotografije, video zapise i još mnogo toga. A kako bi ljudima olakšali navigaciju odlaskom na stranicu grupe, bolje je kreirati meni u kojem će biti naznačene glavne točke.

Na primjer, imate vlastitu kompaniju koja nudi određeni proizvod ili uslugu. Postoji i web stranica na internetu. Tada će grupa Vkontakte za ovu kompaniju pomoći privlačenju novih kupaca i povećanju prodaje. Meni može da sadrži sledeće stavke: Prozori, Vrata, Kapije, Sigurnosni sistemi, Dodatni materijali, Promocije i popusti. Izrađujemo linkove na način da klikom na jednu od stavki osoba prelazi na odgovarajući odjeljak na stranici.

Meni se može napraviti bez pozivanja na stranice trećih strana na Internetu. Na primjer, imate grupu posvećenu muzici. U paragrafima možete odrediti žanrove: klasika, rok, rep, iz indijskih filmova, za novorođenčad, iz crtanih filmova. Kada osoba klikne na jednu od stavki, treba da otvori album sa odgovarajućim pjesmama. U ovom slučaju, stavka je veza do određenog albuma u grupi.

Postoji mnogo primjera za kreiranje navigacije u grupi. Pa, idemo sada na praksu.

Kreirajte meni

Potrebna podešavanja u grupi

Prije nego što nastavite sa kreiranjem samog menija, potrebno je provjeriti neka podešavanja u grupi. Morate biti kreator grupe, inače jednostavno nećete imati dovoljno prava za kreiranje navigacije.

Na vašoj Vkontakte stranici u lijevoj koloni kliknite na stavku "Grupe" i odaberite svoju grupu sa liste. Zatim, ispod avatara, kliknite na tri okomite tačke i sa liste odaberite "Upravljanje zajednicom".

Sada, u meniju s desne strane, idite na karticu “Odjeljci” i u poljima “Diskusije” i “Sadržaj” odaberite “Otvoreno” ili “Ograničeno”. Kliknite na Save.

Priprema slika za meni i avatara u Photoshopu

Nakon provjere i promjene postavki u grupi, možete početi kreirati slike za avatar i meni. Ovdje može postojati nekoliko opcija:

Meni može biti nastavak slike koja se nalazi na profilnoj slici;

Može se napraviti na zasebnoj slici ili čvrstoj pozadini, avatar neće biti povezan s njim, može prikazati, na primjer, logo kompanije.

Detaljno ćemo razmotriti prvu opciju. Naš avatar i navigacija će se sastojati od jedne slike, koja mora biti pravilno izrezana na komade.

Otvorite Photoshop i kreirajte novi fajl u njemu - Ctrl + N. Postavite širinu na 760 i visinu na 500 piksela.

Sada, koristeći Slice Tool, trebate izrezati list na nekoliko područja. Odaberite područje na desnoj strani pomoću alata i dvaput kliknite na njega da otvorite prozor s izbornikom. Postavite širinu na 200 i visinu na 500. Ovo će biti avatar naše grupe.

Istim alatom odaberite drugu oblast, lijevo od prethodne. Za njega je širina 50, visina 500. Ovo je udaljenost između budućih stavki i avatara, ovaj dio slike nam neće trebati.

Odaberite područje u gornjem lijevom kutu. Za njega je širina 510, visina 182. Ovo područje naše slike odgovara u grupi području u kojem je napisano ime grupe, status, prikazani su neki tabovi. Mislim, ni nama ne treba.

Kao rezultat, trebalo bi ispasti sljedeće - slika je podijeljena na 4 područja. Područje sa desne strane je avatar grupe, dolje lijevo će se nalaziti stavke menija i još 2 područja koja neće biti potrebna.

Da budem potpuno jasan. Otvorili smo prazan list. Zatim joj dodajte odabranu sliku. Nakon što ga sačuvamo, imat ćemo onoliko malih slika oblika koji su nam potrebni koliko smo izrezali. Dalje na stranici u grupi umetnut ćemo određene dijelove slike na prava mjesta.

Zatim otvorite u Photoshopu sliku koju ste odabrali za avatar i meni. Koristeći alatku za pomicanje, prevucite sliku na prethodno izrezani list. Možete pomeriti sliku da vidite željeno područje.

Na primjer, imam sliku veću od one koju smo odabrali za bijeli list. Pa sam ga pomjerio tako da se palme malo vide, a gore nema toliko neba.

Nakon dodavanja slike, ponovo uzmite Slice Tool i izrežite područje dolje lijevo, koje smo ostavili za tačke, na željeni broj dijelova. Koliko bodova želite napraviti, bit će toliko dijelova.

Sada uzimamo alatku za tekst i upisujemo stavke menija u svaki dio.

Ovo je sve spremno. Desno je naš avatar, dolje lijevo su stavke za navigaciju. Druga dva dijela slike neće biti potrebna.

U ovoj fazi možete dodati logo kompanije na područje sa desne strane (avatar) ili lijepo napisati njegovo ime.

Napravljenu sliku spremamo: Datoteka - Sačuvaj za Web i uređaje ili koristimo prečicu na tastaturi Alt + Shift + Ctrl + S.

Evo šta mi se dogodilo: folder "meni" na radnoj površini. U njemu se odabrane slike režu na komade željene veličine. Najveći je avatar, mnoge male identične su stavke menija, a dvije nepotrebne - izbrišite ih iz foldera.

Sada morate prenijeti napravljene slike koje odgovaraju bodovima na vašu Vkontakte stranicu. Odaberite "Fotografije" i kreirajte novi album, ja sam ga nazvao "za meni grupe". Učinite album privatnim tako da ga samo vi možete vidjeti - "Uredi album". Dodajte slike u album koje odgovaraju vašim stavkama menija.

Zatim se vratite na glavnu stranicu grupe i odaberite avatar - "Pošalji fotografiju." Ovo je jedna od onih slika koje smo upravo napravili u Photoshopu.

Dakle, u ovoj fazi, trebali ste kreirati zatvoreni album na stranici sa slikama navigacijskih tačaka i postaviti avatar za grupu.

Kreiranje menija sa wiki oznakama

Krenimo sa kreiranjem samog menija. Idemo u grupu i idemo na karticu "Najnovije vijesti". Zatim kliknite na dugme "Uredi".

Možete preimenovati ime same kartice. Tako ja pišem "MENU". Sada ovdje trebate dodati slike koje odgovaraju točkama. Da biste to učinili, kliknite na ikonu kamere.

Kliknite na jednu od slika koje ste upravo dodali na svoj profil.

Nakon toga će se pojaviti na stranici za uređivanje.

Dakle, dodajte sve ostale slike da biste dobili željenu sliku sa menijem.

Kada su sve stavke dodane, kliknite na dvije strelice u gornjem desnom kutu da biste se prebacili na mod wiki izgleda.

Ovdje uklonite sve nepotrebne oznake poput

, i uklonite razmake između svih redova. Sada pogledajte gornji snimak ekrana - imamo razmake između dodatih slika. Da biste ih uklonili, upišite nopadding ispred veličine slike i stavite ";".

Nakon veličine slike i vertikalnog štapića, ubacite link do stranice na koju će osoba otići klikom na odgovarajuću stavku menija. Kao što sam već napisao, veza može biti na neku stranicu Vkontakte ili na resurs treće strane na Internetu.

Ovako će izgledati kod nakon što dodate "nopadding;" i link.

Kao rezultat, to bi trebalo izgledati ovako: naziv kartice (MENU) je promijenjen, razmaci između redova su uklonjeni, razmaci između slika su uklonjeni (nopadding;), dodane su veze. Kliknite na "Sačuvaj stranicu" i vratite se na glavnu stranicu u grupi.

Ovim je završen proces kreiranja navigacije za Vkontakte grupu. Imam ga ovako. Slika avatara i meni su jedno. Odlaskom na karticu "MENU" korisnik može izabrati ono što ga zanima i pratiti link koji sam naveo.

Ako ste zabrinuti da meniji u grupi možda neće biti vidljivi, popravite fotografiju na kojoj, na primjer, koristite strelice da označite prisutnost kartice. Ako imate pitanja, postavite ih u komentarima.

VAŽNO AŽURIRANJE: ovaj članak je vrlo zastario, jer je postojala posebna usluga MenuMake, koja vam omogućava da automatski kreirate meni za grupu. Ručni pristup više nije neophodan. Međutim, ovaj članak ostavljam za istoriju.

Grupe u VKontakteu su mjesto gdje su njihovi korisnici najviše koncentrisani. Pjesnik je taj koji ih pokušava učiniti boljim kako bi ih privukao što veći broj. Za kreatora je najbolje da o grafičkom dizajnu razmišlja i prije neposrednog, istovremeno s razvojem budućnosti.

Važno je shvatiti da je dizajn grupe njeno lice, koje novi korisnik vidi čim uđe na stranicu, tek nakon toga počinje da se upoznaje sa sadržajem. U ovom prijedlogu se, zapravo, ogleda sva njegova težina. Osim toga, grafički meni je i funkcionalnost grupe, jer vam omogućava da brzo i jednostavno pronađete informacije koje su vam potrebne.

Hajde da pričamo o ideologiji

Prije nego što počnete bilo šta da crtate i kucate, važno je razmisliti o čemu bi vaš meni trebao govoriti? Da biste ovo razumjeli, također biste trebali odlučiti o glavnoj svrsi grupe - zabavljati, informirati ili prodavati. Izgled i funkcionalnost budućeg menija u velikoj mjeri ovisi o tome.

Meni za privlačenje posjetitelja

Ukoliko planirate da objavljujete zabavni, informativni, edukativni sadržaj, trebalo bi da napravite meni koji će prikazivati ​​glavne teme. Na primjer, to mogu biti rubrike: najnovije publikacije, najpopularnije, o modi, zdravoj hrani, djeci itd. Ovo će služiti za povećanje lojalnosti, jer će korisnicima biti zgodno da se kreću kroz masu sadržaja.

Jelovnik za prodaju

Naprotiv, ako je cilj stranice prodaja, meni bi trebao pomoći korisnicima da se kreću kroz ogroman broj proizvoda. U njega je najbolje postaviti sekcije koje usmjeravaju posjetioca na katalog ili određeni njegov dio, govore o isporuci, kontaktima, kompanijama, promocijama i naravno na stranicu za kontakt.

Prva faza - rad u Photoshopu

Izbornik za kontakt se kreira ne na društvenoj mreži, već uz pomoć grafičkih uređivača. Za to je najbolje koristiti Photoshop, unatoč činjenici da je za to dovoljno i minimalno znanje. Stoga otvaramo program i kreiramo predložak menija. Veličina novog dokumenta direktno zavisi od broja delova koji su vam potrebni.

Zatim će vam trebati pozadina. To može biti samo bijela pozadina, ili boja, ili određena slika. Preuzmite s interneta i zalijepite u šablon. Zatim na pozadinskoj slici napišite stavke menija koje ste planirali. Ovi natpisi će se kasnije pretvoriti u veze koje usmjeravaju korisnika na određeni odjeljak.

Ali da bi se ova slika transformisala i lako napravila u veze, mora se izrezati. Ovo se radi u istom Photoshopu pomoću alata "rezanje".

Ali da biste to učinili glatko i lijepo, važno je koristiti pomoćne linije koje se aktiviraju kombinacijom tipki CTRL + R. Pojavit će se plave linije koje možete prevući da biste postavili granice za rez. Zatim kliknite na alat "Ugniježđenje" i odaberite "fragmenti duž vodilica" u gornjem izborniku, zbog čega je slika jasno podijeljena u nekoliko zasebnih odjeljaka izbornika.

Dakle, da bismo kreirali otvoreni meni, potrebna nam je slika koja će delovati kao otvoreni meni. Slike koje smo dodali u članku o kreiranju grafičkog menija neće raditi, jer vam je potrebna slika proširenog menija, a ne svaka stavka pojedinačno. Osim toga, može se koristiti apsolutno bilo koja slika, što će ukazivati ​​na to da skriva grupni meni. Na primjer, slika s natpisom: "Grupni meni". Ili nesto slicno tome.

Nakon što smo odabrali sliku koju ćemo koristiti. U isto vrijeme, veličina slike može biti gotovo svaka koja se može učitati u foto album. (UPD: Ovo nije sasvim tačna informacija. Više o veličinama možete pročitati u komentaru ispod. Da biste to učinili, samo kliknite na link: /otkrytoe-menyu-gruppy-vkontakte/#comment-7633)

Idemo u grupu VKontakte. I kliknite desnim tasterom miša da otvorite meni, ako je već kreiran, u novoj kartici.

Nakon toga, na stranici sa menijem potrebno je kliknuti na link "Uređivanje".

Ali ne morate mijenjati kod. Samo kliknite na link "Natrag na stranicu". Ovo je potrebno da biste dobili vezu do stranice sa menijem.

Sada kada smo se vratili na stranicu menija. U adresnoj traci ćemo vidjeti link do ove stranice, bez raznih dodataka u adresi. Drugim riječima, čista veza. Ona je ono što nam treba.

Ostavljamo ovu stranicu otvorenom i vraćamo se na Vkontakte grupu. Ovdje trebamo kreirati unos u koji ćemo dodati sliku koja će igrati ulogu otvorenog . Da biste to učinili, ispod odaberite "priloži fotografiju". I izaberite sliku ili iz albuma ili je otpremite sa računara.

Kada se slika doda u post, još je ne objavljujemo.

I vraćamo se na stranicu menija i kopiramo adresu stranice menija grupe VKontakte iz adresne trake. I zalijepite kopiranu adresu menija u unos koji još nismo sačuvali. Krajnji rezultat bi trebao izgledati otprilike ovako:

Nakon što smo dodali link, ispod se pojavio naziv stranice i adresa na nju. Kada se stranica pojavi na dnu, možemo ukloniti link koji smo upravo ubacili u post. Nakon toga kliknite na dugme "Pošalji". Tako smo objavili naš unos na zidu grupe.

Sada kliknite na datum vijesti.

Nakon toga zatvaramo zapis i ažuriramo stranicu grupe VKontakte. Sada na samom vrhu, ako je sve urađeno ispravno, vidjet ćete sliku menija koja igra ulogu otvorenog VKontakte menija. Istovremeno, linkovi u meniju su neaktivni. Postoji samo jedan link do ovog posta.

Sada, kada je korisnik u našoj grupi, on će vidjeti simulirani meni. A nakon što kliknete na otvoreni meni grupe VKontakte, pojavit će se u samom izborniku, koji će funkcionirati kako treba.

Nažalost, ne znam druge načine za otvaranje menija za kontakte. Ali ipak, ova opcija je mnogo bolja od obične veze za otkrivanje cijelog menija.

Nadam se da će vam ovaj članak pomoći da shvatite kako napraviti otvoreni VKontakte meni. I to je sve za mene.

Kako izgleda otvoreni meni grupe možete pogledati u mojoj grupi.

Da biste kreirali meni u grupi Vkontakte, morate imati neku vrstu grafičkog uređivača. Najčešći je Adobe Photoshop. Uz to je moguće napraviti meni za Vkontakte grupu.

Na Internetu postoji mnogo šablona i praznina, možete ih koristiti ako ne možete sami da ih kreirate.

Kreiranje menija u grafičkom uređivaču

Prvo morate kreirati predložak menija, a tek onda ga dodati u Vkontakte. Širina pozadine menija ne smije biti veća od 370px. Ako je veći, i dalje će se smanjiti na ovu veličinu. Visinu već možete podesiti proporcionalno širini tako da vam sve stane, a da pritom nije mnogo dugačko. Prije kreiranja menija, razmotrite pozadinu, tekst koji bi trebao biti na dugmadima menija.

Pokrenite Photoshop, kreirajte novi dokument (Datoteka - Novo ili ctrl+N). Postavljamo parametre kreirane datoteke. Maksimalna širina 370px, napravio sam 200px, visina 250px. Možete ga učiniti mnogo manjim i kompaktnijim. Dodajte sliku kreiranom fajlu, koja će biti pozadina. Sada kreirajmo tekst. Moj primjer je najjednostavniji, možete ga učiniti mnogo ljepšim, kompaktnijim.

Napravio sam takav meni. Odabrao sam alat za rezanje i izrezao tri dijela sa njim na slici, označene brojevima 1,2,3 - to će biti dugmad. Nakon što ste izrezali, sačuvajte kreirani meni. Kliknite na Datoteka - sačuvaj za web i uređaje.

U prozoru koji se pojavi nemojte ništa mijenjati, kliknite na Spremi. Odaberite lokaciju za spremanje i kliknite na Spremi.

Sve, u Photoshopu, posao je završen.

Dodavanje menija kontaktu

Sada će kreirane slike, nakon pohranjivanja, biti u folderu slika. Učitavamo ih u kontakt pomoću standardnog uploadera fotografija. Ove datoteke možete otpremiti u foto album grupe. Jednostavnim riječima, dodaje se kao obična fotografija koju ste postavili u kontakt. Sada provjerite jeste li omogućili sljedeće u postavkama grupe. Idite u svoju grupu, kliknite na upravljanje zajednicom (nalazi se ispod glavne fotografije grupe, na desnoj strani). Zatim na dnu nalazimo materijale predmeta, tamo bi trebali biti povezani. Kada se povežete, kliknite na sačuvaj. Ako ne kliknete na Spremi, promjene neće stupiti na snagu.

Nakon toga idemo na glavnu stranicu naše grupe, a tamo gdje se nalaze informacije o grupi (opis, lokacija) nalazi se red svježih vijesti. Najnovije vijesti usmjerimo na natpis, na lijevoj strani pritisnemo edit.

U prozoru koji se pojavi potrebno je navesti kod []. Možete ga kopirati direktno iz članka i zalijepiti ga sebi. Sada samo trebate promijeniti svoje podatke.

photo-40781312_285935465 – kod fotografije. Može se pogledati u adresnoj traci. Ovaj kod je vidljiv kada odete na fotografiju. Sama adresa je mnogo veća, ali morate kopirati dio koda koji počinje riječju fotografija i završava se brojevima. Obično iza brojeva može biti, na primjer, znak postotka.

Nopadding - ova komanda uklanja razmake između slika.

100px je širina menija (ako je odvojeno dugme, onda će to biti širina dugmeta).

club40781312 - link do sekcije u koju će osoba otići klikom na ovo dugme (slika). Takođe se nalazi u adresnoj traci pretraživača, u trenutku kada se nalazite u sekciji u koju će osoba morati da ode kada klikne na dugme. Potreban vam je samo posljednji dio koda koji dolazi nakon posljednje kose crte / (koja se također naziva kosa crta). U ovom slučaju, kada kliknem na dugme (sliku) u svojoj grupi, doći će do prelaska na glavnu stranicu grupe. Stavljate svoj kod, koji će biti u vašem odjeljku.

Također možete promijeniti naslov. Na primjer, umjesto najnovijih vijesti, napisao sam grupni meni. Pišeš šta hoćeš. Nakon što završite s uređivanjem koda, kliknite na Spremi. To radimo sa svakim dugmetom koje ste kreirali za meni u kontaktu. Ako stavite kod ispod koda, dugmad će zauzeti istu lokaciju. Ako stavite sljedeći kod desno od koda, tada će i dugmad menija biti postavljena tačno onako kako ste zalijepili kod

Ako niste dobili odgovor na pitanje kako napraviti grupni meni

Nije bilo moguće dobiti odgovor na pitanje kako napraviti jelovnik u grupi Vkontakte prema uputama koje ste pročitali, pišite nam na klikom Postavi pitanje. Napišite svoj problem i korake koje ste poduzeli. Odgovorit ćemo lično.

  • Video o kreiranju grupnog menija

Nedavno sam bio zbunjen dizajnom moje grupe VKontakte. Vidio sam puno lijepo dizajniranih bendova i htio sam napraviti nešto slično. Nakon nekoliko sati proučavanja wiki oznaka, konačno sam napravio prekrasan baner za sebe i padajući grafički meni vodi direktno na stranice moje stranice. Ukratko, kako se to radi? Prvo se istovremeno kreiraju dvije slike u Photoshopu, a zatim se jedna od njih izrezuje na nekoliko dijelova. Nadalje, na stranicama za uređivanje u VKontakteu umetnut je poseban kod sa vanjskim vezama. Pa, hajde sad da pričamo o svemu po redu.

Pravim Vkontakte grupe
Kvalitetan dizajn VK grupa i javnosti, zakačeni meni, padajući meni, interni grafički meni, imenici, interna navigacija — cijene i portfolio.

Pažnja!
U vezi sa sljedećim ažuriranjem VKontaktea od 31. oktobra 2016., ova opcija za dizajniranje grupa postala je nevažna. Djelomično sličan meni može se implementirati na kartici Najnovije vijesti u bloku ispod statusne trake. Ali to će biti poseban meni, a ne jedna kompozicija sa avatarom.

Korak 1.
Napravite novi dokument u Photoshopu veličine oko 850x700 piksela, popunite ga bijelom bojom. U ovom primjeru, odmah sam preklopio VKontakte interfejs na vrh radi jasnoće. Sada trebamo izrezati dva prozora u sloju kroz koje će gledati sam grafički dizajn. Prvo odaberite pravougaonik 200x500 piksela i pritisnite Del. Zatim odaberite pravougaonik 510x309 i također pritisnite Del.

Poravnamo pravokutnike prema donjoj ivici, razmak između oblika je 50 piksela. Ovaj dizajn je dizajniran za jednu liniju naziva grupe, jednu liniju statusa i tri reda opisa i tehničkih informacija. Ako imate drugačiji broj linija, podesite visinu lijeve slike na mjestu.

Korak 2
Sada ispod ovog sloja postavljamo sav naš grafički dizajn. U ovom slučaju stavio sam sliku sa glavnom pozadinom, zatim sam napisao tekst, a zatim u lijevi pravougaonik.

Korak 3
Sada odmah spremamo desni pravougaonik (avatar) kao zasebnu sliku od 200x500 piksela. Ovo je gotova slika za dizajn grupe. Učitava se u blok u gornjem desnom uglu grupe, gde piše "Ažuriraj fotografiju". A lijevu sliku treba izrezati na nekoliko slika prema broju stavki menija. U ovom slučaju, ovo je 5 slika širine 510 piksela.

Korak 4
U ovom koraku, moramo učitati naše isječene slike na VKontakte. Da biste to učinili, odmah ispod opisa grupe odaberite blok "Najnovije vijesti", po mom mišljenju, tako se zove u originalu. Preimenovao sam ga u "Meni". Kliknite na "Uredi". Bitan! Prvo, morate imati otvorenu grupu, a ne stranicu. Pošto jednostavno ne postoji takva stavka na stranici. I drugo, u meniju Upravljanje zajednicom > Informacije > Sadržaj, stavka "Javno" mora biti odabrana.

Korak 5
Dakle, na kartici "Uređivanje" kliknemo na ikonu kamere i učitamo naših pet isečenih slika menija. VKontakte će ih učitati na svoj način, smanjujući veličinu na 400 piksela u širinu i dodijelivši oznaku noborder slici. U sljedećem koraku moramo malo popraviti kod.

Korak 6
Naime, postavljamo originalne veličine slike i mijenjamo noborder tag u nopadding tag. Takođe moramo da zapišemo url linkova iz svake stavke menija. U ovom slučaju, prva veza vodi na internu stranicu Vkontaktea, a preostale četiri veze vode direktno na stranice moje stranice.

Ispod je originalni radni kod za moj meni. Možete ga koristiti kao bazu. U njemu mijenjate slike u svoje, zamjenjujete svoje veličine i pišete svoje veze. I pazite da u kodu nema razmaka između uglastih zagrada, kao ni prijeloma reda, inače će biti razmaka između slika na grafičkoj slici.

[][][]

Korak 7
Ponavljam još jednom, da biste otvorili ovaj meni, morate kliknuti na natpis "Meni". I tako je uvijek u srušenom obliku. Pročitajte komentare na post, dosta je riješenih pitanja. Pa, pridruži se mojoj Vkontakte grupi.

Top Related Articles