Kako postaviti pametne telefone i računala. Informativni portal
  • Dom
  • U kontaktu s
  • Kako napraviti izbornik u kontaktu bez Photoshopa. Telefonski broj tvrtke

Kako napraviti izbornik u kontaktu bez Photoshopa. Telefonski broj tvrtke

Kako bi opći izgled zajednice bio estetskiji i ugodniji za rad, najbolje rješenje bilo bi napraviti grupni jelovnik. Tako možete staviti sve važne elemente u jedan uredan popis, postaviti vlastitu ikonu ili sliku za svaku poveznicu, brzo i brzo obavijestiti posjetitelje o svim promjenama. Izbornik može sadržavati sljedeće elemente: razne poveznice na vanjske stranice, oblačiće za rasprave, albume, glazbu i druge odjeljke unutar stranice Vkontakte, slike i samo strukturu vaše grupe. Slijedeći upute u nastavku, pokušajte stvoriti vlastiti izbornik za zajednicu Vkontakte.

Kako stvoriti jednostavan izbornik u grupi Vkontakte

Ako želite da svaki redak izbornika vodi do određene teme rasprave, prije svega, trebate kreirati upravo te rasprave i dati im imena. Ostaviti ih zatvorene ili otvorene za komentare vrlo je privatna stvar, jer ova opcija ne utječe na prikaz stranice u izborniku.

Pokušajte napraviti jednostavan jelovnik koji će predstavljati strukturu vaše grupe i sadržavati sve najvažnije odjeljke.

  • Imajte na umu da će se izbornici pojaviti malo drugačije u grupi i zajednici. Stoga, ako želite prenijeti grupu u zajednicu, kliknite na ikonu s tri točke pored naziva grupe i odaberite redak "Pretvori u stranicu". Imajte na umu da zajednicu nećete moći ponovno pretvoriti u grupu.
  • Sada idite na vezu "Upravljanje zajednicom" u istom izborniku.
    Vidjet ćete blok sa svim postavkama vaše grupe, ovdje možete promijeniti ime, kontakt podatke, privatnost, upravljati članovima. Idite na kategoriju "Odjeljci".


  • U retku "Materijali" postavite vrijednost na "Onemogućeno" ili "Ograničeno" kako članovi grupe ne bi slučajno naštetili vašim datotekama koje su potrebne za registraciju. Ne zaboravite spremiti svoj odabir.


  • Idite u grupu i idite na prozor "Svježe vijesti" iz kojeg ćete kreirati izbornik.


  • Kliknite "Uredi".


  • Prije svega, trebate promijeniti naslov “Svježe vijesti” u “Izbornik” ili bilo koji drugi naziv koji jasno daje do znanja sudionicima da ovdje mogu brzo kliknuti na potrebne poveznice.
    Prebacite način uređivanja posta na "uređivanje Wiki oznake" pomoću male strelice u desnom kutu.


Sada kreirajte strukturu:

  • Važno je da u grupi imate rasprave, materijale ili albume čiji naziv ćete koristiti u jelovniku.
  • Napišite sve naslove glavnih odjeljaka u retku, stavite ih dvaput u uglaste zagrade.
  • Kako bi tekst izgledao kao popis, stavite zvjezdice ispred pasusa.

Na ovoj snimci zaslona možemo pretpostaviti da grupa ima materijal pod nazivom “Section 1”, raspravu “Section 2” i album “Section 3”. Kliknite "Pregled" ili "Spremi promjene".


  • Vaš odjeljak će se promijeniti u "Izbornik", a bit će aktivne veze na glavne kategorije grupe, uredno raspoređene u popis.


Kako umetnuti veze u izbornik grupe Vkontakte

Da biste ubrzali pristup svojoj službenoj web stranici, ili odjeljcima izravno unutar grupe, bolje je umetnuti aktivne poveznice.

  • Vratite se na uređivanje odjeljka izbornika. Kopirajte vezu koju želite i samo je zalijepite u prozor u Wiki načinu označavanja. Nakon spremanja, postat će aktivan.


  • Ovako izgledaju sve poveznice koje možete umetnuti u svoj grupni izbornik.


Kako stvoriti izbornik VKontakte sa slikama

Ako želite da se izbornik sastoji od prekrasnih ikona koje vode do određenog odjeljka, jednostavno slijedite upute u nastavku.

  • Za početak napravite poseban album koji će sadržavati samo tehničke slike za dizajn benda.


  • Prenesite jpeg slike do 500 x 500 piksela.


  • Kopirajte URL prenesene slike.


  • Sada kopirajte vezu na raspravu, sadržaj ili drugu vanjsku stranicu.


  • [[Veza na sliku u vašem albumu | veličina u pikselima; nopadding | Veza na raspravu ili stranicu]]

Primjer je prikazan na snimci zaslona.
Kliknite "Spremi stranicu".


  • Sada će se u vašem izborniku pojaviti zgodna poveznica. Možete postaviti vrijednost piksela kako vam odgovara.
    Da biste dodali više slika, samo unesite nove veze u novi redak.


Pozdrav dragi prijatelji i gosti bloga. Danas ćemo razgovarati o stvaranju izbornika u VK-u i kako to učiniti u novom dizajnu društvene mreže. Stvarno su značajne promjene kojih morate biti svjesni, jer ako je jelovnik napravljen u starom dizajnu, o čemu sam pisao, slike mogu izgledati iskosa.

Izbornik grupe Vkontakte Je li njezino lice. Njegov korisnik vidi kada tek ulazi u zajednicu, a hoće li sve biti dostupno i atraktivno dizajnirano uvelike ovisi o tome hoće li postati stalni član grupe.

VAŽNO: Nakon promjene općeg dizajna u VK-u, promijenile su se i veličine slika za jelovnik na društvenoj mreži. Provjerite svoj rad i izvršite promjene u grupama o kojima se raspravlja u nastavku.

Vrste izbornika i njihove značajke

Prvi korak u stvaranju zajednice je odlučivanje o njezinom glavnom cilju. O tome ovisi budući dizajn jelovnika i njegove funkcionalne značajke.
Ovisno o ciljevima grupe, jelovnik može biti:

  • za informacijsku platformu;
  • ;
  • za mjesto za obuku.

Glavni dio je informativnog karaktera. To su zajednice u kojima se korisniku pruža bilo kakav zabavni ili obrazovni sadržaj. Za takvu grupu preporučljivo je koristiti izbornik koji prikazuje glavne teme. Dakle, popularne javnosti stvaraju odjeljke: vijesti, najnovije publikacije, popularne publikacije, kao i odjeljke posebno na temu grupe.

Izbornici za trgovanje i obuku javnosti mogu biti slični. Svrha oba je pomoć korisniku u navigaciji nizom roba ili usluga. Izbornik za prodaju u pravilu uključuje odjeljke kao što su Katalog proizvoda, Plaćanje, Dostava, Promocije i popusti, a za obuku može biti ograničen na odjeljke koji opisuju usluge, jer je ovdje glavna stvar da korisnik pronađe program obuke ili materijal koji mu je potreban.

Kako stvoriti izbornik u grupi Vkontakte: upute korak po korak

Cijeli proces se može podijeliti u 2 faze:

  • Rad u Photoshopu;
  • Dodavanje odjeljaka i slika u samoj grupi.

Da biste točno odgovorili na pitanje kako stvoriti izbornik u grupi Vkontakte, trebali biste vizualno zamisliti budući dizajn sa svim odjeljcima, a zatim, već u procesu, možete dodati stavke koje vam još uvijek padaju na pamet.

U prvoj fazi izrađuje se avatar grupe i slike za sam izbornik. Jedna slika izgledat će skladnije i za avatar i za izbornik.

Odabir ili stvaranje avatara treba shvatiti vrlo ozbiljno, jer mu mnogi korisnici posvećuju posebnu pozornost. Možete pronaći odgovarajuću sliku na Internetu i dodati joj natpis ili neke elemente u Photoshopu, ili možete sami napraviti apsolutno jedinstvenu sliku.

Budući da trebamo napraviti i padajući izbornik, tražimo ili kreiramo sliku koja najbolje odgovara temi grupe, ili jednostavno uzimamo lijepu pozadinu. Rad sa slikom odvijat će se u Adobe Photoshopu, budući da funkcionalnost običnih uređivača fotografija nije dovoljna za sve potrebne operacije. Sve veličine postavlja sama društvena mreža Vkontakte, a značajna odstupanja gore ili dolje dovest će do činjenice da se avatar uopće neće učitati ili neće biti jedinstvena cjelina s izbornikom.

Algoritam radnji:

  • Otvorite Photoshop i idite na "file" - "create" i postavite širinu i visinu: 760X500, respektivno.

  • Odabiremo alat "rezanje", a zatim - "razdvojiti fragment". Podijelite sliku na 3 dijela vodoravno. Za fragment s lijevog ili desnog ruba u padajućem prozoru (ovisno o tome koji dio želite vidjeti na avataru), upišite vrijednosti širine i visine - 200XX i Y) - 560 i 0. Ovo će biti avatar grupe.

  • Za sljedeći fragment postavljamo vrijednosti širine i visine - 50X500, au koordinatama upisujemo 510 i 0. Ovo je razmak između avatara grupe i izbornika. Ovaj dio neće biti potreban u budućnosti.

  • Ponovno odaberite "split fragment" i podijelite okomito na 2 dijela. Za fragment na vrhu postavite vrijednosti: širina - 510, visina - 182, koordinate - 0. Ovo je prostor iznad izbornika. Ovaj dio također neće biti vidljiv u grupi.

  • Sada kopirajte odabranu ili stvorenu sliku u stvoreni i podijeljeni objekt. Ako prečaci CTRL + V ne rade, samo otvorite mjesto na računalu gdje je slika spremljena i povucite je u Photoshop.

  • Podijelite preostali prostor okomito na onoliko fragmenata koliko ima odjeljaka u izborniku. Za njih se vrijednosti mogu izostaviti.
    Zapisujemo naziv svake sekcije.

  • Posljednji korak je spremanje slika. Slike trebate spremiti ovako: datoteka - spremi za Web. Ova metoda je prikladna za kasnije verzije Photoshopa. Ako u odjeljku "datoteka" nema natpisa "spremi za web", nastavljamo na sljedeći način:

Idite na stavku "datoteka", odaberite "izvoz" - "spremi za web". Sve parametre ostavljamo onakvima kakvi jesu. Ponovno kliknite "spremi".

Odaberite mapu na svom računalu i tamo spremite slike. Na kraju bi trebali izgledati ovako:

Sada prelazimo na drugu fazu kako bismo točno shvatili kako stvoriti izbornik u grupi Vkontakte - izravno dodavanje izbornika javnosti. Za ovo:

  • Prije svega, trebate povezati materijale, jer samo na ovaj način možete dodati sve odjeljke na glavnu stranicu. Da biste to učinili, idite na Community Management i na samom dnu stranice odaberite "Materijali", a zatim - "Otvori". Spremamo promjene.

  • Sve fotografije učitavamo u grupu, osim avatara i onih dijelova koji nisu potrebni. Kako bi fotografije bile prikazane na glavnoj stranici, morate se vratiti na Community Management i kliknuti nasuprot kartice "Fotografije" - "Otvori".
  • Učitavamo avatar.
  • Sljedeći korak je omogućiti način wiki označavanja. To se može učiniti klikom na ikonu dijamanta na desnoj strani stranice u odjeljku "uredi".

  • Ovdje ubacujemo kod za oznaku: [], gdje je [] poveznica na odjeljak ili stranicu na koju ćete otići klikom na fotografiju. Možete dodati obje veze na odjeljke u samom Vkontakteu i na vanjske resurse.
  • Ovaj se kod duplicira onoliko puta koliko ima odjeljaka u izborniku, svaki put umetanjem poveznica.
    Po želji mijenjamo i karticu "svježe vijesti", na primjer, u "izbornik.

  • Pritisnemo "spremi stranicu", vratimo se na glavni dio grupe i ažuriramo stranicu. Izbornik je prema zadanim postavkama zatvoren, ali korisnik će klikom na odgovarajući naziv moći otvoriti njegove odjeljke i kretati se kroz njih.

Time je cijeli proces dovršen, ali svakako trebate provjeriti rade li poveznice i odgovaraju li granice fotografije.

Usluge za izradu grupnog izbornika

Ako još uvijek ne razumijete kako stvoriti izbornik u grupi Vkontakte, a upute korak po korak vam nisu pomogle, možete koristiti posebne usluge koje će stvoriti, pa čak i dodati lijepo
uređen jelovnik za grupu.

Jedna od popularnijih usluga je MenuMake. Nakon podnošenja prijave, narudžba će biti gotova za 5 minuta, a zatim će se po želji jelovnik dodati u grupu. Pritom se uzimaju u obzir sve želje kupca u pogledu dizajna i broja sekcija.

S poštovanjem, Galiulin Ruslan.

Kao što znate, osoba, čitajući ili dolazi do ovog ili onog web resursa, prvih 8 sekundi obraća pažnju na dizajn i sučelje. Pritom je uvjeren u dobru ili lošu iskoristivost (upotrebljivost). Izbornik u grupi u društvenoj mreži "Vkontakte", o kojem ćemo danas razgovarati i razmotriti princip njegovog dizajna na primjeru, omogućuje ne samo šareno predstavljanje informacija i "razlikovanje" od konkurenata na bolje, već i prepoznavanje upravo te točke i na njima staviti naglasak koji su potrebni.

Dovoljno je pogledati nekoliko primjera da shvatite koliko je to lijepo i praktično:

Započnimo. Za početak, treba napomenuti da ako želite sami napraviti jelovnik od nule, tada će vam trebati sve informacije u nastavku. U slučaju da je dizajn već tamo, tada možete preskočiti dio članka i otići izravno na njegovo postavljanje i wiki oznaku.

Dizajn jelovnika

Omogućuje stvaranje temelja za budući projekt. Za završetak ovog dijela posla potiče se poznavanje programa kao što je "Adobe Photoshop". Ovako izgleda predložak veličine u koji ćemo implementirati budući lijepi jelovnik.

Avatar je širok 200 piksela i visok 500 piksela Slika glavnog izbornika je 510 * 308. Kao rezultat toga, na kraju ćemo dobiti tako lijepi "meni".

Napominjemo da se, ovisno o podacima napisanim iza naziva grupe, visina slike s desne strane (avatar) može promijeniti, te se, sukladno tome, sve što je u blizini može pomaknuti!

Ovaj izvor PSD izgleda implementiran je kao primjer. Preuzimanje datoteka .

Nećemo se fokusirati na to kako je predložak napravljen, odmah ćemo nastaviti s pripremom za postavljanje u novu ili postojeću grupu. Otvorite datoteku u Photoshopu.

Prije svega, spremite avatar. Jedan od načina za brzo spremanje, ako je sve strukturirano u datoteci i ima malo elemenata (kao u našem slučaju). Isključite vidljivost slojeva koji nam nisu potrebni.

Idite na odjeljak "Slika" i odaberite operaciju "Obrezivanje".

Na izlazu dobivamo:

Ako je težina rezultirajuće slike velika, možete koristiti alat "Spremi za web". Naredba se također nalazi u odjeljku "Datoteka".

Sličnu operaciju izvodimo i sa slikom koja će se prikazati kada se izbornik u početku prikaže. U našem slučaju ostavljamo vidljivim - mapu "otvoreni izbornik" i "pozadinu izbornika" u mapi "izbornik s automobilom". Rezultat je:

Sada morate spremiti i izrezati drugu razinu izbornika. Da biste to učinili, ostavite "pozadinu izbornika" vidljivom u mapi "automobil" i dodajte joj "izbornik druge razine".

Zatim ćemo koristiti alat "Rezanje" koji se nalazi u izborniku s lijeve strane.

Našu sliku "presijecamo" na odgovarajuće dijelove. U našem slučaju bit će ih tri.

Time je pripremni dio završen. Nastavljamo do glavne faze.

Wiki oznaka gotovog izbornika u Vkontakteu.

Prije svega, trebate prenijeti grupnu fotografiju ili avatar klikom na istoimenu poveznicu i odabirom datoteke koja nam je potrebna.


Zatim svakako učinite sljedeći slijed radnji. Idemo na "Upravljanje zajednicom" i u stavci "Odjeljci" nasuprot gumba "Materijali" odaberite "Ograničeno".

To se mora učiniti tako da korisnici i članovi grupe ne mogu mijenjati i/ili uređivati ​​dodatne stavke, uključujući izbornik.

Nakon završene operacije, svoje izrezane slike učitavamo u album zajednice.

Idite na odjeljak "Posljednje vijesti", odaberite "Uredi" i uđite u izbornik urednika.

Da biste ubrzali proces, upotrijebite tipku kamere i kliknite Odaberi iz fotografija zajednice.

Nakon dodavanja, ponovno se nalazimo u izborniku uređivača i pritisnemo tipku "<>“, u kojem ćemo izvršiti daljnje uređivanje. Također, odmah preimenujte odjeljak i umjesto "Svježe vijesti" napišite u našem slučaju "GRUPA IZBORNIKA".

Opća struktura svakog isječenog dijela izgleda ovako u oznaci - [], gdje:

    id - identifikator (broj) slike koju ste prenijeli;

    X i Y - veličina slike vodoravno i okomito u pikselima;

Gledajući predložak, uređujemo našu wiki oznaku i povremeno odlazimo u odjeljak "Pregled" koji vizualno prikazuje promjene koje smo napravili.

Sve slike odjednom moraju biti zatvorene oznakom (a ne kao što je izvorno prema zadanim postavkama, svaka slika)

, što automatski stavlja sve dijelove izbornika u središte stranice!

Budući da smo već ostavili jednu oznaku za centriranje slike, kako bismo se riješili "neugodnih" razmaka između dijelova cjelokupne slike, umetnite oznaku "nopadding" na sljedeći način: []

Ovo se na kraju dogodi.

Sada biste trebali kliknuti na karticu "GRUPA IZBORNIK", a zatim "uredi".

Važno! Za kopiranje tražene adrese, u našoj verziji, kliknite na "GRUPA IZBORNIK" i kopirajte "ispravan link" od tamo.

Idite na glavnu stranicu, kliknite "Dodaj objavu". Ne zaboravite odmah promijeniti autora posta!

Kliknite na "trotočku" desno od unosa i kliknite na karticu "Pribadač".

Nakon toga osvježavamo stranicu i uživamo u rezultirajućem rezultatu, koji izgleda ovako:

Klikom na "Otvori izbornik".

Kao što vidite, izrada jelovnika na društvenoj mreži Vkontakte prilično je jednostavna i jednostavna. Dovoljno je imati laganu razinu znanja korištenja "Photoshopa" i wiki-markup-a. Što je dizajn bolji i jasniji, to će potencijalni korisnik spremnije i češće dolaziti i vraćati se u vašu grupu.

Ako želite uistinu jedinstven i zadivljujući grupni dizajn uz zadržavanje korporativnog identiteta i popratnih elemenata, kontaktirajte profesionalnog dizajnera ili možete sami isprobati opseg svojih talenata. Sretno u svim vašim nastojanjima!

Brojni zahtjevi mojih ustrajnih čitatelja i jednostavno znatiželjnih korisnika utjecali su na svoje. Konačno sam stvorio lekciju u kojoj ćemo naučiti napraviti dinamički Vkontakte izbornik s učinkom pritisnutih gumba! Po analogiji s običnim internetskim stranicama, kada je posjećena poveznica označena na poseban način (pritisnuti gumb, podcrtano, itd.) - izradit ćemo istu strukturu Vkontaktea koristeći stvorene stranice i grafički dizajn. Za početak ćemo napraviti grafičke predloške u Photoshopu - izradit ćemo zaglavlje izbornika i gumbe dvije vrste. Zatim ćemo stvoriti nekoliko stranica Vkontaktea, prema stavkama u našem izborniku. I na kraju, napravimo škakljiv trik, koji će, zapravo, stvoriti iluziju klikanja na poveznicu. Lekcija je prilično složena i prikladna za one koji se osjećaju sigurni u funkcionalnost Vkontaktea. Izvest ću sve manipulacije koristeći primjer. svoju Vkontakte grupu gdje se ovaj efekt ostvaruje uživo. Pa počnimo!

Korak 1. Napravite zaglavlje izbornika u Photoshopu
Napravite dokument širine 600px u Photoshopu. Visina može biti različita, prema vlastitom nahođenju. U zaglavlje možete postaviti bilo koju vrstu fotografije, kolaž, informativni banner i druge grafičke slike. U ovom slučaju koristio sam ovaj oglasni banner veličine 600x172 piksela.

Korak 2. Napravite navigacijsku traku u Photoshopu
Sada moramo napraviti navigacijsku traku. U ovom primjeru koristio sam samo tekst kao gumbe. Ali prema vlastitom nahođenju, možete stvoriti gumbe u boji i napisati tekst na njima. Učinimo ovo - stvorite pravokutnik veličine 600x56 px u Photoshopu i u ovom slučaju ga ispunite bijelom bojom. Zatim unosimo stavke izbornika u red - negdje reda 5-6 stavki, ne više. Više bodova izgledat će stisnuto.

Korak 3. Napravite navigacijsku traku u pritisnutom stanju u Photoshopu
Sada trebamo stvoriti aktivne poveznice, kao da su na njih kliknute. Koristio sam uobičajeno podcrtavanje, ali možete koristiti drugi tekst ili boju pozadine da označite posjećenu vezu.

Korak 4. Izrežite gotove slike
U ovoj fazi trebamo izrezati slike iz koraka 2 i koraka 3. Trebali bismo dobiti dva seta od pet gumba - jedan bez podvlačenja, drugi s podcrtanim. Gumbi za svaku pojedinu stavku (sa i bez podvlačenja) moraju biti iste veličine. Slika ispod prikazuje sav naš grafički dizajn - deset gumba i jedno zaglavlje izbornika.

Korak 5. Napravite stranicu izbornika Vkontakte
Sada idite na VKontakte. Naš zadatak je stvoriti zasebnu stranicu pod nazivom "Izbornik". Da bismo to učinili, koristit ćemo sljedeći kod
http://vk.com/pages?oid=-XXX&p=Naziv_stranice
gdje ćemo umjesto XXX zamijeniti id naše grupe, a umjesto teksta "Naziv stranice" upisat ćemo Izbornik. Sada moramo saznati ID grupe. Kako to učiniti? Idemo na glavnu stranicu grupe i gledamo naše postove na zidu - odmah ispod bloka "Dodaj objavu" bit će napisano "Svi postovi" - kliknite na ovu poveznicu.

Korak 6. Odredite ID grupe i uredite kod
Idite na stranicu i pogledajte url ove vrste https://vk.com/wall-78320145?own=1, gdje su brojevi 78320145 u ovom primjeru id grupe. Zamjenjujemo naše podatke u izvorni kod i dobivamo zapis ovako:
http://vk.com/pages?oid=-78320145&p=Izbornik(sa svojim brojevima!). Zalijepimo ovaj redak u adresnu traku preglednika i pritisnemo Enter. Tako smo napravili novu stranicu Vkontaktea i u početku izgleda ovako.

Korak 7. Napravite Vkontakte ostale navigacijske stranice
Slično, kreiramo još četiri navigacijske stranice: Cijene, Kako naručiti, Uvjeti poslovanja i Pitanja. Odnosno, još četiri puta kopiramo odgovarajući kod u adresnu traku preglednika (s vašim ID brojevima u primjeru ispod mojih brojeva):

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

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

http://vk.com/pages?oid=-78320145&p=Terms of Reference

http://vk.com/pages?oid=-78320145&p=Pitanja
Imajte na umu da je u naslovu stranice od dvije riječi (Kako naručiti) razmak između riječi zamijenjen donjom crtom Kako naručiti. Sada imamo pet spremnih stranica za svaku stavku izbornika. Nismo kreirali Portfolio stranicu jer se nalazi na stranici Izbornik

Korak 8. Prenesite fotografije na prvu stranicu izbornika
Na još uvijek praznoj stranici (pogledajte 6. korak) Izbornik kliknite na vezu Uredi ili Ispuni sadržajem. Nakon toga vidimo ploču za uređivanje. Ovdje trebamo kliknuti na ikonu kamere s funkcijom Upload photo. Važno! Provjerite imate li način wiki označavanja. Prebacivanje načina rada kontrolira se ikonom na desnom rubu stranice.

Korak 9. Rezultat nakon učitavanja slika
Učitavamo naše slike koje smo kreirali u 1. i 2. koraku. Nakon učitavanja vidimo kod kao na slici ispod, a sam izbornik izgleda ovako. Nakon svake promjene koda, ne zaboravite kliknuti Spremi stranicu, a zatim kliknite pregled za pregled rezultata.

Korak 10. Uređivanje koda slike
Sada je naš zadatak zamijeniti sva svojstva noborder svojstvom nopadding. A za prvu sliku upišite stvarne dimenzije, budući da je Vkontakt pri učitavanju sliku smanjio na 400 piksela. Nakon svih promjena, trebali bismo dobiti takav kod i takav izbornik.

Korak 11. Postavljanje linkova za slike
Sada moramo dodati veze za svaku sliku. Veza se mora umetnuti nakon nopaddinga | umjesto razmaka ispred završnih zagrada. Za prvu sliku (zaglavlje izbornika iz 1. koraka) možete dati poveznicu na glavnu stranicu grupe ili možete koristiti svojstvo nolink (stavite nakon; nakon nopaddinga bez razmaka). Za drugu sliku unesite adresu stranice formata stranica-78320145_49821289... Odnosno, puni url slike https://vk.com/page-78320145_49821289, možete izostaviti prvi dio s domenom. Ali za veze na vanjske stranice, url veze moraju biti navedene u cijelosti.

Korak 12. Kopirajte kod na ostale navigacijske stranice
U ovom prilično jednostavnom koraku kopiramo zadnji kod iz prethodnog koraka i zalijepimo ga na ostale kreirane stranice - Cijene, Kako naručiti, Uvjeti poslovanja i Pitanja. Nalazimo se na stranici, kliknite Uredi ili Popuni sadržajem (u načinu smo wiki-markiranja), zalijepite kod i kliknite Spremi. I onda također na sljedećoj stranici. Odnosno, sada imamo pet stranica, na svakoj od kojih jelovnik izgleda potpuno isto. Ali s druge strane, već se možete kretati kroz izbornik – kada kliknete na link na primjer Cijene, prijeći ćemo na stranicu Cijene itd.

Korak 13. Izrada efekta pritisnute tipke
Sada moramo promijeniti po jednu sliku na svakoj od pet stranica (gumb bez podvlačenja zamijenit ćemo gumbom s podcrtavanjem). Na primjer, na prvoj stranici Izbornika učitavamo novu sliku, a zatim adresu stare slike u kodu zamjenjujemo novom (podvučena crvenom bojom). Zatim idite na stranicu Cijene, učitajte sliku s podcrtanim Cijene i promijenite je u kodu u adresu nove slike. Zatim idemo na stranice Kako naručiti, Projektni zadaci i Pitanja i na isti način radimo istu operaciju.

Konačni.
Kao rezultat toga, dobili smo navigacijski efekt kada kliknete na vezu izbornika i ona postane aktivna. No, budući da je grafički dizajn na svim stranicama gotovo isti, s izuzetkom aktivne poveznice, stvara se iluzija navigacije, iako se zapravo radi prijelaz na drugu stranicu.

Ovako dizajnirani izbornik nije prilagođen mobilnim uređajima. Kada se veličina zaslona smanji, slike počinju kliziti jedna ispod druge. Da biste napravili responzivni dizajn, trebate koristiti stolove tvrdog tipa. Ali to je druga priča i naprednija tehnika. Do tada pogledajte različite opcije za grafičko oblikovanje izbornika.

S obzirom da ovaj izbornik nije u grupi, već na stranici VKontakte (javno), odlučio sam vam pokazati kako se sve to radi! Već dugo me trzaju pitanja: kako napraviti jelovnik u javnosti, kako otvoriti jelovnik, kako to popraviti itd. Evo upute za vas!

Pa kako je to uopće moguće napraviti jelovnik na javnoj stranici u kontaktu? Svi znamo da je mogućnost dodavanja ugrađenog wiki izbornika samo u grupi, pisao sam o tome i. Ali kako možete javno napraviti izbornik ako u postavkama nema takve funkcije? Za upitni um nema ograničenja! Ovako izgleda jelovnik u našoj korporativnoj javnosti:

Javni izbornik? Lako peasy!

Ponovno pregledajte članke: i sada će nam ovo znanje biti korisno!

3 koraka do prekrasnog javnog jelovnika!

Vjerojatno ste već pogodili da je osnova takvog jelovnika ... prikvačena objava s internom stranicom! Osobno mi se ova metoda jako sviđa, čak sam i u grupi mog bloga odbio ugraditi i koristiti "izbornik u klipu". A sada ću vam dati jasne upute "kako to učiniti"!

Korak # 1: stvorite stranicu unutarnjeg izbornika

Dakle, da bi se izbornik pojavio u našoj grupi potrebno ga je kreirati na zasebnoj internoj stranici. I kao što se sjećate, u javnosti nemamo priliku dodati jelovnik, ali ćemo ići drugim putem i napraviti internu stranicu. Da bismo ga stvorili, moramo ispravno registrirati adresu u retku preglednika. Evo predloška veze za vas:

Opcija 1: (normalno)

http://vk.com/pages?oid=- XXX & p = Ime_stranice

gdje je XXX ID vaše javne stranice,

i "Page_Name" je bilo koja riječ koja će se koristiti za imenovanje stranice

Opcija 2: (lagan, ali)

Dakle, kreiramo wiki stranicu i popunjavamo je na isti način kao da popunjavamo jelovnik za grupu. To jest, tamo registriramo sve slike i prijelaze. Trebali bismo dobiti nešto poput ovoga:

Ovo je wiki kod za izbornik

Pažnja! Ako još uvijek ne znate kako stvoriti vizualne izbornike u kontaktu, onda opet, članak! Ako je sve ok. tada ćete dobiti sličnu sliku:

A ovo je gotova stranica jelovnika

Korak # 2: stvorite post na zidu

Sada moramo dodati naš izbornik na zid zajednice VKontakte. Da biste to učinili, kopirajte link na internu stranicu i dodajte ga u post, ovako:

Vjerojatno već znate da se link na objavu prilaže automatski, a nakon što se link priloži sa samog posta, adresa stranice se može izbrisati. Ako objavite link, tada se izbornik na zidu neće pojaviti, već će postojati samo poveznica, klikom na koju će osoba biti odvedena u naš izbornik. Ovo je samo pola bitke! Trebamo da je izbornik vidljiv i obješen u kopču, t.j. na najvidljivijem mjestu.

Dakle, sada moramo ukloniti vezu iz "tijela" posta (ostat će priložena stranica) i dodati u post slika koje će pretplatnici vidjeti. Trik je u tome da ako postoji poveznica i slika u jednom unosu, onda kada kliknete na sliku, slijedeći vezu! Sve genijalno je jednostavno!
Slika može djelomično ili potpuno ponoviti sam jelovnik, ovdje je na vama da odlučite. Ako naručite jelovnik za javnost, onda vam je potreban i banner, t.j. sliku koja će visjeti u isječku. Evo što dobivamo kada objavimo post:

Slika ponavlja jelovnik i privlači pažnju posjetitelja stranice

Korak # 3: popravite post

Napokon imamo sve spremno i objava visi sa slikom i linkom na zidu! Sada ga moramo premjestiti u zaglavlje grupe, prikvačiti objavu na glavnu stranicu, zaključati ... Da biste to učinili, kliknite na datum / vrijeme posta (ispod svakog posta nalazi se datum objave), mi idite na internu stranicu posta, pomaknite se prema dolje i potražite gumb "pin"". Na slici potražite što trebate pronaći:

Kliknite na ovaj gumb i osvježite stranicu. Voila, gotovi ste! Uživajmo u prekrasnom jelovniku!

vk.com/frilkacom

Možete čak odabrati i sliku koja bi bila nastavak vašeg avatara - ovaj dizajn izgleda jako lijepo.

Dakle, uz pomoć tri jednostavna koraka, uspjeli smo stvoriti prekrasan jelovnik koji se može koristiti u bilo kojoj VK zajednici!

Imam sve! Podijelite članak sa svojim prijateljima, dodajte u favorite i pratite ažuriranja bloga kako ne biste propustili nove zanimljive članke!

Vrhunski povezani članci