Lijepo dizajnirana grupa pomoći će vam da steknete lojalnost svojih članova i povećate svoju funkcionalnost. Ovaj će vam članak pomoći stvoriti jednostavan, ali ukusan grafički izbornik za grupu ili javnu stranicu VKontakte.
Priprema izgleda za izbornik
Da biste napravili lijep grafički izbornik za grupu ili javnu stranicu, trebat će vam slika na kojoj će biti nacrtan cijeli izbornik s proporcijama od oko 500 * 1000 piksela i osnovnim vještinama u Adobe Photoshopu. Pretpostavimo da ste već nacrtali svoj izbornik - pravokutnu sliku s glavnim gumbima. Ali kako ga smjestiti na stranicu VKontakte i učiniti ga funkcionalnim, odnosno raditi klikom na određeno područje? Otvorite svoj izgled u Adobe Photoshopu, pomoću alata Slice, izrežite sliku na nekoliko zasebnih vodoravnih dijelova, od kojih će svaki biti gumb. Zatim spremite izrezanu sliku za Internet (Save - Save for Web), po mogućnosti u.jpg
Dodavanje slika iz izbornika
Sada imate najvažniji dio posla: izgled i dizajn. Da biste stvorili izbornik, morate imati administratorska prava u ovoj zajednici. Idite do svoje grupe, s desne strane odaberite "Upravljanje zajednicom". Nasuprot stavci "Materijali" postavite vrijednost "ograničeno". Vratite se na početnu stranicu, a sada se ispod opisa zajednice pojavljuje dodatna proširiva ikona "Svježe vijesti". Označite ga, a zatim odaberite uredi. Otvorit će se prozor za uređivanje blokova. U gornjem dijelu kliknite ikonu "Dodaj fotografiju" i prenesite pripremljene slike. Nakon preuzimanja rasporedite ih u ispravnom redoslijedu. Sada redom kliknite na svaku sliku i u polje "link" unesite adresu stranice na koju želite preusmjeriti klikom. Ali to nije sve, prilikom pregleda i spremanja ispada da postoje značajne praznine između slika. To treba popraviti.
Izgled
Kliknite ikonu s navodnicima u gornjem desnom kutu izbornika za uređivanje stranice. Vidjet ćete da vaše slike imaju vlastiti kôd koji izgleda otprilike kao [photo169452_381609123 | 422px | page-6574936_174936]. Da biste uklonili razmake, dodajte posebnu oznaku: nopadding, odvojeno zarezom nakon veličine slike. Rezultat bi trebao izgledati otprilike ovako: [photo169452_381609123 | 422px; nopadding; | page-6574936_174936]. Ponovite ovaj postupak za sve slike i spremite gotov izbornik.
