Dizajniranje javne stranice VKontakte: kako napraviti meni i zaglavlje. Kako pravilno postaviti VKontakte grupu - osnovni elementi i korisni savjeti

Želite li znati kako napraviti grupu na VKontakteu 2018.? I ne samo dizajnirajte, već to uradite sami ispravno i lijepo! Ako je vaš odgovor "Da", onda je ovaj članak posebno za vas!

Društvena mreža "VKontakte" jedna je od najpopularnijih. U skladu s tim, ovdje možete pronaći više komunikacije, istomišljenika i samo prijatelja, kao i promovirati svoje usluge i proizvode. Zahvaljujući kreiranim zajednicama, možete brzo pronaći sve o događaju, proizvodu, usluzi itd.

Na stranici za upravljanje kliknite na "Učitaj" i odaberite sliku. To izgleda ovako: naziv grupe, zatim sličica avatara, status.

Nažalost, mobilni to još uvijek ne podržava ovu funkciju. Ali budući da se ova inovacija dogodila ne tako davno, bit će jednako relevantna za promociju kao i sve ostalo.

Za lakši pristup predloženim materijalima možete kreirati meni. A mi ćemo vam reći kako da ga sami napravite sljedeći put.

Zakačena objava

Tajne stvaranja VK grupe

Kao bonus, dijelimo tajne dizajniranja VK grupe i naše lično iskustvo, koje će vam omogućiti da sami dovršite dizajn odmah na naprednom nivou. Na primjer, možete postaviti tako lijep blok raznih aplikacija, koji povećava angažman nekoliko puta!

Besplatne aplikacije. Idite na upravljanje zajednicom i idite na "Aplikacije" da uredite postavke.

Ovdje možete odabrati da dodate aplikaciju koja će biti odličan dodatak funkcionalnosti grupe. Na primjer, u našoj grupi, koja besplatno stvara koristan sadržaj, postoji dugme „Podrži zajednicu“, klikom na koje možete donirati u korist zajednice bilo koji iznos od 100 rubalja. To također može biti trgovina proizvoda, upitnik, testovi, online chat, pretplata na bilten itd.

Ostali korisni widgeti i aplikacije:

• upitnici;
• testovi;
• registracija za usluge;
• slanje poruka;
• prodavnica robe;
• i tako dalje.

Diskusije. Napravite nekoliko tema odjednom o glavnim pitanjima koja će biti od interesa za klijente ili pretplatnike. Ako je ovo komercijalna zajednica, onda su to recenzije, najčešća pitanja, informacije o plaćanju, garancijama i isporuci. Ako je zajednica informativna, tada bi glavne teme diskusije trebale biti posvećene temama kojima se grupa bavi.

Zaključak

Ako želite da bude uspješan, onda svakako odvojite vrijeme da ga dizajnirate ispravno i lijepo. Što detaljnije pristupite ovom pitanju i razmislite o svim scenarijima ponašanja korisnika nakon odlaska na stranicu grupe, to će biti veća konverzija u pretplatu, a potom i u kupovinu.

), napravite meni.

Sad ću ti pokazati kako napraviti meni u grupi VKontakte i pravilno ga dizajnirati.

Pravljenje prelepe grafike

U novom dizajnu web stranice VKontakte promijenjene su dimenzije za grafiku. Ispod ćete pronaći trenutne vrijednosti.

• Avatar za grupu - 200x300 px
• Baner u opisu - 510x271 px

Pripremite slike u željenim veličinama. Uzet ću gotove slike da vam pokažem primjer.

Pa hajde da to uradimo prelep dizajn, dijeleći cjelokupnu sliku na dva dijela. Kao rezultat toga, dobit ćemo jedan dizajn.

Prvo, otpremite svoj avatar. Idite u grupu i kliknite "Za otpremanje fotografije".

Vidjet ćete obrazac u kojem trebate odabrati datoteku na tvrdom disku vašeg računara. Učini to. Kao rezultat, dobili smo sljedeće.

Sada dodajmo drugi dio slike. Da biste to učinili, morate postaviti sliku na zid, a zatim je snimiti s njom, popraviti je u gornjem dijelu.

Idemo do zida. Ovdje u bloku "Dodaj bilješku", dodirnite ikonu Fotografija.

Otpremite drugu pripremljenu sliku. Obavezno odaberite objavu kao zajednica. A zatim kliknite na "Pošalji".

Sada ulaz mora biti osiguran (vidi). Vraćamo se na novi unos i širimo meni u gornjem desnom uglu. Ovdje kliknemo na “Pin”.

Sada osvježite stranicu i pogledajte rezultat.

Jedina negacija je što su slike uključene na različitim nivoima. Ali to je zbog činjenice da nisu prave veličine. Avatar bi trebao biti veći okomito. Tada će biti na istom nivou.

Kako kreirati meni u grupi VKontakte

Vratimo se na naš primjer i zamislimo da trebamo napraviti dugme "Više detalja". Ona je već na slici. Kako da napravimo dugme, tako da kada se klikne, osoba bude odvedena na našu glavnu stranicu? Sada ću ti pokazati.

Da bismo aktivirali dugmad menija, moramo ih iseći kao zasebne slike. Za ovo nam je potreban Photoshop.

Otvorite našu sliku u uređivaču i aktivirajte alat za rezanje.

Odsecanje donji dio sa dugmetom. Držite lijevu tipku miša i nacrtajte vodoravnu liniju, presijecajući sliku na dva dijela.

Sada pritisnite Alt+Ctrl+Shift+S da sačuvate gotove slike.

Https://vk.com/pages?oid=-120208137&p=menu

Gledajte, nakon simbola "odi=-", potrebno je da unesete id svoje grupe (vidi). I na samom kraju linka napišite naziv vaše stranice menija. U primjeru ćemo ostaviti “Menu” kakav jeste.

Ovdje kliknemo na ikonu kamere i učitamo pripremljene slike.

Sada pređimo na kreiranje menija za grupu na VK. Trebalo bi izgledati nešto slično.

Zatim idemo na odjeljak "Uređivanje". Ovdje, za svaku sliku, moramo ukloniti padding tako da se spoje u jednu sliku. Da biste to učinili, dodajte sljedeću vrijednost u kod: “nopadding;” . I dodajte link na željenu stranicu ili web-stranicu, unoseći vrijednost “https://site.ru/page.html” (navedite svoje adrese!). U našem primjeru, dugme „Više detalja“ bi trebalo da vodi na veb lokaciju. Ovo bi trebalo da se desi.

[] []

Sačuvajte stranicu. Ne zaboravite da kopirate njenu adresu iz adresne trake. Trebalo bi izgledati ovako:

https://vk.com/page-120208137_52523487

Vraćamo se na zid grupe i kreiramo novi unos. U njega ubacujemo link do stranice i prilažemo originalnu sliku. Objavljujemo i zakačimo.

Ovo je meni sa kojim smo na kraju dobili.

Grafički elementi u dizajnu zajednice VKontakte privlače pažnju posjetitelja, zadržavaju je, a također povećavaju prepoznatljivost grupe ili javnosti među hiljadama sličnih zajednica. Pored toga, grafički meni olakšava navigaciju kroz grupne sekcije, pomažući učesnicima i drugim korisnicima socijalna mreža upravljati strukturom velike zajednice.

Pretraživanje na VK-u ili pregledavanje portfelja dizajnera pokazat će mnoge uspješne primjere dizajna grupe VKontakte, koje možete koristiti kao polaznu tačku pri odabiru naslovnog menija za svoju zajednicu.

Koriste se sljedeće veličine dizajna grupe VKontakte:

• Naslovnica stranice je prikazana na vrhu, po cijeloj širini javne stranice, veličine 1590 x 400 piksela;
• Veliki avatar - vertikalni baner 200x500 px (omjer 2:5), prikazan u gornjem desnom uglu;
• Mali avatar, okrugla slika, prikazan je u svakoj grupnoj poruci, veličine 200x200 piksela.
• Slika menija za VKontakte grupu, širina 510 piksela, visina 307 (tako da se donja ivica menija lepo poklapa sa donjom stranom velikog avatara sa desne strane).

Ako je naslovna slika učitana u postavkama zajednice, veliki avatar na desnoj strani se ne prikazuje.

Kako sami napraviti zaglavlje za VKontakte grupu

Da bi zaglavlje zajednice izgledalo lijepo, sve njegove grafičke komponente moraju biti dizajnirane u istom stilu (skup boja, logotipa, fontova) ili biti dio iste slike. Kada sami kreirate VKontakte grupu, prvi korak je priprema pozadinske slike. Ovo može biti tematska slika iz besplatnih fotobanka (na primjer, pixabay.com).

Otvorite sliku u grafičkom uređivaču. Izrežite ili skalirajte prema veličini: dužina 1590 px, visina 400 px.

Zatim možete primijeniti potrebne natpise (naziv grupe, slogan, poziv za pridruživanje zajednici). Sada morate da otpremite naslovnicu u zajednicu; da biste to uradili, idite na stavku menija "Upravljanje zajednicom":

Kliknite na “Download” u polju “Community Cover”.

U sljedećem prozoru odaberite datoteku naslovnice koju ste prethodno pripremili na vašem računalu i kliknite na „Sačuvaj i nastavi“.

Sada će ih biti u vašoj grupi nova naslovnica. Imajte na umu da se u ovom slučaju vertikalna slika velikog avatara na desnoj strani više neće prikazivati.

• Slika ili fotografija moraju odgovarati temi zajednice.
• Koristite slike visokog kvaliteta.
• Nemojte kršiti autorska prava drugih na slikama (trenutno nude besplatne dionice veliki broj te fotografije i ilustracije).
• Nemojte preopteretiti naslovnicu detaljima.
• Ako stavite fotografiju osobe u zaglavlje, onda je bolje da on ne gleda u posjetitelja, već u samu osobu. važan element na stranici (meni, adresa web stranice, poruka o promociji, žalba).
• Koristite visokokvalitetne fontove i osigurajte da je tekst čitljiv u bilo kojoj mjeri.

Veličine zaglavlja na javnom VKontakteu u novom dizajnu

Nakon redizajna ove društvene mreže, novi element dizajn - poklopac. Ovo je velika pejzažna slika dimenzija 1590 x 400 piksela. Zaglavlje grupe VKontakte je statična slika. Dovoljno velik da se na njega postavi svijetla, nezaboravna fotografija ili slika i ime javnosti, slogan kompanije, naziv stranice, raspored rada i drugi natpisi.

Kako napraviti meni za VK grupu u novom dizajnu

Proces dizajniranja menija grupe VKontakte sastoji se od sljedećih koraka:

• Priprema liste linkova menija (to mogu biti stranice, sekcije zajednice ili eksterne stranice).
• Priprema pozadinske slike.
• Primjena natpisa i "dugmadi" menija na pozadinu slike.
• Rezanje slike na dijelove.
• Omogući wiki stranicu.
• Učitavanje grafičkog menija i formatiranje sa wiki oznakama.

Pozadinska slika treba da bude široka 510 piksela, a visina zavisi od broja i položaja stavki menija. Za rad sa slikama trebat će vam uređivač rasterske grafike; u nastavku su primjeri korištenja besplatnog i laganog Paint.Net-a.

Treba odmah planirati postavljanje stavki menija tako da se slika može izrezati na fragmente iste veličine. Ovo je važno da bi se meni pravilno skalirao na ekranu pametnih telefona ili tableta.

Vertikalni meni VK zajednice sa stavkama u jednoj koloni

Otvorite sliku u uređivaču. Koristeći uređivački alat "Text", napišite stavke menija na vrhu pozadine. Kako bi oznake menija bile vidljive, one se mogu istaknuti na nekoliko načina:

• Zaokružite ga okvirom;
• Promijenite boju pozadine ispod slova;
• Dodajte sjenu slovima.

Na slici ispod, svaka stavka je istaknuta na jedan od sljedećih načina.

Sljedeći korak je rezanje slike na dijelove:

Proces rezanja slike može se obaviti i pomoću prikladnog online alata www.imgonline.com.ua/cut-photo-into-pieces.php.

Zatim u meniju „Upravljanje zajednicom“ idite na stavku „Odeljci“ i u stavci „Materijali“ izaberite „Ograničeno“ (to znači da samo administrator grupe može kreirati i uređivati ​​stranice).

Kliknite na Spremi i idite na glavnu grupu. U blizini odjeljka s informacijama o grupi pojavila se stavka "Najnovije vijesti".

Idite na ovaj odjeljak i kliknite na uredi. Promijenite naslov u "Meni", a zatim kliknite na ikonu kamere da dodate sliku.

Kliknite na dodanu sliku i u prozoru sa svojstvima navedite vezu do željenog odjeljka.

VKontakte automatski smanjuje slike na 400 piksela i ubacuje dodatne oznake. Da biste to popravili, morate prijeći na način za uređivanje oznaka.

Svaka oznaka slike počinje sa “[[” i završava se sa “]]” i sastoji se od tri dela odvojena sa “|”: ID slike, svojstva i link. Morate podesiti veličinu slika i umetnuti oznaku “nopadding” u njihova svojstva. Svojstva slika su navedena kroz “;”.

Nakon pohranjivanja izmjena, kreiranje menija je završeno.

Meni sa horizontalnim ili višelinijskim stavkama

U ovom slučaju, priprema slika se vrši na isti način, ali sa izvorom koji se reže okomito. Isečeni fragmenti se učitavaju kroz interfejs za uređivanje stranice. Relativni položaj pravokutnih fragmenata utvrđuje se pomoću oznake wiki tablice u VK-u. Svaka oznaka slike veze opisana u prethodnom odeljku nalazi se unutar ćelije tabele.

Pravila dizajna stola:

• Početak je označen simbolom “(|), a kraj tabele sa “|)”.
• Dodatna svojstva su naznačena nakon "|~"
• Novi red počinje sa "|-".
• Svaka ćelija je odvojena sa "|".

Da biste isključili dodatne razmake, trebate navesti parametre tablice “fixed nopadding noborder”. Izgled grafičkog menija sa 2 kolone i 2 reda izgleda ovako:

I sam meni u grupi:

Veličina grupnog avatara u novom dizajnu za VK javni dizajn

VKontakte zajednice koriste dvije opcije avatara:

• Veliki pravougaoni baner 200 x 500 piksela prikazan je u gornjem desnom uglu ako naslovnica nije učitana.
• Sličica je 200x200 piksela, prikazana je u objavama i diskusijama kao krug.

1 glas

Dobar dan, dragi čitaoci mog bloga. U prethodnom članku naučili smo kako napraviti nešto šarmantno. Pređimo sada na drugi dio. Napravit ćemo prekrasnu jednu sliku za avatar i razmisliti o efikasnom prijelazu.

Ako ste prvi put na mom blogu, onda ne morate početi s prvom lekcijom. Možete prvo pročitati ovu publikaciju i započeti dizajn, počevši od ovog koraka. Sada ću vam reći kako to učiniti prelepa grupa VKontakte, kasnije možete odlučiti da li ćete koristiti dodatne funkcije.

Do kraja ovog članka imat ćete impresivnu i jedinstvenu sliku.

Metoda za lijene

Kako ne bih odvlačio pažnju od važnih stvari onih koji već znaju sve, žure ili jednostavno ne žele da se muče, mogu ponuditi video tutorijal. On će vam reći kako da uradite istu stvar o kojoj ću ja pričati, samo bez Photoshopa preko servisa www.vkprofi.ru .

Nisam ga koristio i ne mogu reći da li je plaćen ili ne. Bio bih zahvalan onima koji provjere ove informacije i ostave komentar na ovaj članak s odgovorom na ovo goruće pitanje.

Za one koji žele da uče

Ako odlučite da ostanete i krenete dugim putem, čeka vas uzbudljiv posao. Biće vrlo korisno ako tek počinjete svoj put u online poslovanju.

Naučit ćete mnoge trikove kojima ću vas ja naučiti korisne preporuke o radu sa oglašavanjem, a također ćete dobiti korisne vještine i iskustvo.

Trebat će vam…

1. Photoshop.
2. Osnovna slika.

Fotografija mora biti velika i visokog kvaliteta ako tražite tražilice, a zatim obratite pažnju na pozadinu radne površine. Ako radite za cool zajednicu, posebno vezanu za posao, onda preporučujem korištenje usluge http://ru.depositphotos.com . Tamo ćete pronaći reklamne slike.

Odabrati sliku koja će promovirati proizvod nije tako lako. Ako se koristi za poslovnu zajednicu, mora ispunjavati mnoge zahtjeve. Ne razumeju svi ovo. Ako promovirate hotel, gostionicu, bar ili klub, nije preporučljivo fotografisati prazne sobe.

Prije svega, ne treba prodavati mjesto gdje čovjek može sjesti, već pokazati emocije koje će dobiti posjetom objektu. Ljepota interijera danas nikoga neće iznenaditi. Morate stvoriti jedinstvenu atmosferu u koju će kupac htjeti uroniti.

Niko ne voli izlizane fotografije. Ako se stalno koriste, onda se smanjuje šansa za dobijanje klijenata. O kvalitetu, pravilno postavljenom svjetlu itd. Neću ni da pričam. Nadam se da već razumete ovo. Takve opcije kao na donjoj fotografiji se ne kotrljaju oko 5 godina.

Od lično iskustvo... na jednom od projekata sam radio sa vrlo cool menadžerom oglašavanja. Svaku sliku smo rastavljali dio po dio. Predmet mora biti na određenoj udaljenosti od centra, pod određenim uglom, po mogućnosti u ispravnom optimističkom rasponu.

Morali smo da promenimo boju rama u kojem je slika visila u krajnjem uglu! Prvo sam mislio da je sve ovo nepotrebna muka, ali onda su mi pokazali konverziju nakon rada sa sličnim sitnicama za usporedbu.

Izrada šablona za buduću prelepu grupu

Dakle, kada je sve spremno, morate odlučiti o dimenzijama i pripremiti predložak za buduću sliku. Usput, ako naučite kako to učiniti, tada možete koristiti ovu tehniku ​​za mnoge druge zadatke i stvoriti nevjerojatne VKontakte slike. Uskoro ćete shvatiti o čemu govorim.

Dakle, otvorimo kontakt. Ako tražite standardne veličine VKontakte postova, vidjet ćete 200x500 i 700x500. Međutim, ako koristite ravnalo, možete biti sigurni da sličice ne odgovaraju ovim indikatorima. Usluga ih komprimira prilikom učitavanja.

Sve je isto sa slikom na avi, stvarno je 200x500.

Sa postom je sve drugačije.

U svakom slučaju trebate ili preuzmite šablon koji sam pripremio, ili napravite vlastiti snimak ekrana. Savjetujem vam da odaberete drugu opciju. Zašto? Na ovaj način možete napraviti vlastite šablone za različite zadatke. Na primjer, ako imate galeriju proizvoda ili "Najnovije vijesti" prikazanu na vašoj glavnoj stranici.

Moja opcija je pogodna samo za zakačene postove. Najjednostavniji i najpopularniji način dizajna.

Otvorite svoju grupu ili bilo koju drugu grupu u kojoj je objava sa fotografijom zakačena na vrhu. Kao na mom crtežu. Ovu fotografiju možete snimiti i desnim klikom na nju i “Sačuvaj kao...”. Istina, nisam siguran da će vam na kraju sve ispasti kako treba. Imate li vremena za eksperiment? Podijelite svoje rezultate u komentarima.

Za druge instrukcija korak po korak biće drugačiji. Pre svega, povećajte sliku u pretraživaču na 100% (pritisnite dugme Ctrl i pomerite točkić miša). Iskreno govoreći, nije mi baš jasno zašto je to urađeno, ali u prvom pokušaju, upravo zbog obima, nije išlo.

Sada pritisnite dugme PrtSc. Nalazi se u samom gornjem redu na tastaturi, nakon bezbrojnih "F". Nakon što kliknete na njega, ništa se neće dogoditi. Sve je u redu, ne morate kliknuti 100 puta, otvorite Photoshop.

Kliknite na Ctrl+V, čime ćete zalijepiti svoj ekran u radno polje programa. Sada uzmite Rectangular Marquee alat i radite s lijevim blokom.

Vodite pravo duž ivice slike. Ne bi trebalo da dobijete sliku ispod. To nije u redu.

Krećite se strogo duž ivice.

Uhvatite kursor u gornjem lijevom uglu pravougaonika i pomaknite ga u donji desni. Da ne biste zavaravali glavu lupom, koristite uvećanje pomoću Alt dugmeta i točkića miša.

Sada pritisnite Ctrl+J. Ovo će prenijeti odabrani fragment na novi sloj; on će se pojaviti iznad pozadine.

Istu stvar treba uraditi i sa avatarom. Odaberite i premjestite na novi sloj (Ctrl+J)

Kada prenosite na novi sloj, pozadina bi trebala biti aktivna, a ne ona koju ste upravo kreirali. Uvjerite se da je istaknuto.

Tada se možete riješiti pozadine. Kliknite na bravu pored ovog sloja, to će vam omogućiti da njime manipulirate.

Prevucite sloj u kantu za otpatke, baš kao običan fajl sa radne površine.

Završili smo s ovim. Šablon je kreiran.

Jedinstvena slika za grupu

Nedavno sam napisao članak o . Neispravno otvaranje i dalji rad sa veličinom može značajno pogoršati kvalitet najslađe slike, ako ste zainteresovani, možete pročitati članak o tome na mom blogu.

Prevucite fotografiju koju ćemo koristiti kao glavnu.

Ne odražava se ispravno.

Ako imate istu glupost, samo neka bude vrhunska. Zatim, držeći Alt dugme, kliknite na sloj 1 i sloj 2 tako da oba budu istaknuta.

Potrebno ih je kombinirati desnom tipkom miša i odgovarajućom opcijom. U ovom slučaju će nam biti zgodnije da nastavimo sa radom. Ne morate prvo preklapati i izrezati fotografiju za avatar, a zatim za objavu.

Ako pritisnete Ctrl, a zatim sličicu sloja koji ste upravo kreirali. Mravi trče duž ivica objekata iz novog sloja, koji će vam reći kako da prikažete donju sliku. Možete ih ukloniti pritiskom na Ctrl+D. Ono što je sada u unutrašnjem dijelu kasnije će biti umetnuto u VK.

Ako počnete da pomičete fotografiju, tada će mravi koji trče "ići" s njom. Mogu vam savjetovati da postavite vodiče. Ne znate kako raditi s njima? Pogledajte ovaj video ovdje.

Nakon što sve postavite kako treba, možete preći na sljedeći korak. Pokazat ću vam dvije opcije za postizanje istog efekta. Prvi je jednostavan. Na gornjem sloju kliknite desnim tasterom miša i izaberite „Kreiraj masku za odsecanje“.

Ali volim drugu. On je brži. Pritisnite Alt i pomjerite kursor između dva sloja, vizualno će se promijeniti. Zatim kliknite levim klikom.

Rezultat je ova fotografija.

Svaki dio se može izrezati pomoću alata Frame, a zatim sačuvati kao jpeg. Dodamo pravu fotografiju kao avatar. Na lijevoj strani možete ga jednostavno dodati kao običan post, a zatim ga zakačiti.

Nije teško, ali ako imate problema, mogu vam preporučiti da pročitate treću publikaciju u ovoj seriji, u kojoj detaljno govorim kako da budete sigurni da kada čitalac klikne na vašu fotografiju, bude poslat na web stranicu.

Shvatili smo kako nacrtati prekrasan meni za vašu grupu. A danas ćemo naučiti kako postaviti meni direktno na stranicu VKontakte i kreirati interne stranice za njega. Dakle, idemo!

Korak 1. Učitajte stavke menija na vk.com

Odlazimo u grupu i u njoj kreiramo album u koji ćemo učitati stavke menija dobijene prilikom izvršavanja zadatka prethodne lekcije. Da biste to učinili, kliknite na Albumi u foto bloku na glavnoj stranici iu prozoru koji se otvori odaberite Kreirajte album. Hajde da ga pozovemo Album za administratora.

Bilješka: ako nemate blok fotografija na glavnoj stranici, idite na stavku Community Management(to smo već radili u prvoj i drugoj lekciji) i tamo suprotno od tačke Fotografije izabrati Otvori ili Ograničeno(više o albumima i kakvi su oni ćemo vam reći u jednoj od narednih lekcija).

Vidjet ćete novokreirani prazan album. Kliknite Dodajte fotografije u album i učitajte dijelove menija koje ste nacrtali.

Ostaje samo sastaviti grupni meni od ovih dijelova.

Korak 2. Sastavljanje menija od elemenata

Idite na stranicu za uređivanje menija (kako to učiniti,). Provjerite je li omogućen način uređivanja Wiki način označavanja. Sada imate ovdje (ako ste završili zadatke druge lekcije) svoje stavke menija, zatvorene u uglaste zagrade. Još ih ne diramo, ali pišemo u nastavku:

jedinstveni_broj - ovo je broj fotografije koji joj se dodjeljuje kada se postavi na web stranicu vk.com. Da biste je pogledali, otvorite preuzetu fotografiju klikom na nju i pogledajte u adresnoj traci preglednika:

388px- ovo je širina vašeg menija

Noborder- znači da vaše stavke menija nemaju crni obris

Nopadding- znači da neće biti razmaka između slika (što nam je potrebno da bi meni bio besprekoran).

Prostor na kraju je potreban, inače ništa neće raditi.

Trebalo bi da dobijete onoliko redova koliko ima stavki u vašem meniju (i, shodno tome, koliko ste slika nacrtali):

Pazite da ne pomiješate redoslijed slika.

Idemo na početna stranica grupu, ažurirajte je (kliknite na dugme Ažuriraj u pretraživaču ili samo F5). Divimo se rezultatu!

Korak 3. Priključite interne stranice na meni

Prilikom kreiranja menija za grupu u modu za uređivanje materijala u drugoj lekciji, pisali smo njegove stavke u uglastim zagradama. Sada ih vidite iznad vašeg lijepo dizajniranog menija u obliku veza: u našem primjeru, to su veze Kako naručiti, Kako platiti itd.

Klikom na dugme Ispunite sadržajem, nalazimo se na stranici za uređivanje materijala koja nam je već poznata.

Odmah provjeravamo kakav pristup stranici imamo (zapamtite da pristup za pregled stranice treba podesiti - Svi korisnici, a pristup za uređivanje je Samo urednici i administratori) i ispunite ga informacijama.

Dok ispunjavate stranicu informacijama, možete koristiti ploču za oblikovanje teksta da dodate naglasak kako biste tekst podebljali, kurziv, dodajte poravnanje ili listu:

Formatiranje teksta pomoću ovog panela nije ništa teže od rada u Wordu: jednostavno odaberete tekst mišem i pritisnete dugme koje vam je potrebno.

Pošto ste u modu wiki markupa, određeni znakovi će biti dodati vašem tekstu kada primijenite komande za formatiranje. Na primjer, kada odaberete komandu kurzivom, riječ koju želite da ispišete kurzivom će biti okružena navodnicima. Ovi simboli su elementi wiki jezika za označavanje. Da vidite kako će tekst izgledati na stranici, kliknite na dugme Pregled:

I evo šta se dešava:

Bilješka: preporučujemo da naučite uređivati ​​tekst u wiki markup modu, jer daje predvidljive rezultate, za razliku od načina vizualnog uređivanja koji je nestabilan različitim pretraživačima. Ponekad čak i jednokratno prebacivanje na način vizualnog uređivanja kvari dizajn stranice.

Koristeći stečeno znanje, stavljamo naglasak na našu stranicu i klikamo Sačuvaj stranicu. Evo šta smo dobili (zapamtite, ovo je samo primjer):

Ponavljamo ovaj korak za svaku našu stranicu (imamo ovo Kako naručiti, Kako platiti, Kako odabrati pravu veličinu I Koliko traje dostava?) osim stranice