Een mooi ontworpen groep zal u helpen de loyaliteit van uw leden te winnen en uw functionaliteit te vergroten. Dit artikel helpt u bij het maken van een eenvoudig maar smaakvol grafisch menu voor een groep of een openbare VKontakte-pagina.
De lay-out voor het menu voorbereiden
Om een mooi grafisch menu te maken voor een groeps- of openbare pagina, heb je een afbeelding nodig waarop het hele menu wordt getekend met verhoudingen van ongeveer 500 * 1000 pixels en basisvaardigheden in Adobe Photoshop. Stel dat u uw menu al hebt getekend - een rechthoekige afbeelding met de hoofdknoppen. Maar hoe plaats je het op de VKontakte-pagina en maak je het functioneel, dat wil zeggen werken door op een bepaald gebied te klikken? Open uw lay-out in Adobe Photoshop, gebruik het gereedschap Slice en knip de afbeelding in verschillende afzonderlijke horizontale stukken, die elk een knop zijn. Sla vervolgens de gesneden afbeelding op voor internet (Opslaan - Opslaan voor web), bij voorkeur in.jpg-formaat. U ontvangt verschillende losse knopfoto's, die u vervolgens op de VKontakte-pagina kunt plaatsen. Het eerste deel van het werk zit erop!
Menu-afbeeldingen toevoegen
Nu heb je het belangrijkste deel van de baan: lay-out en ontwerp. Om een menu te maken, moet u beheerdersrechten hebben in deze community. Ga naar je groep, selecteer aan de rechterkant "Communitybeheer". Stel tegenover het item "Materialen" de waarde "beperkt" in. Ga terug naar de startpagina, er verschijnt nu een extra uitvouwbaar pictogram 'Vers nieuws' onder de communitybeschrijving. Markeer het en selecteer vervolgens bewerken. Het blokbewerkingsvenster wordt geopend. Klik in het bovenste gedeelte op het pictogram "Foto toevoegen" en upload de voorbereide afbeeldingen. Zet ze na het downloaden in de juiste volgorde. Klik nu om de beurt op elke afbeelding en voer in het veld "link" het adres in van de pagina waarnaar u wilt doorverwijzen wanneer erop wordt geklikt. Maar dat is niet alles, bij het bekijken en opslaan van afbeeldingen blijkt dat er aanzienlijke hiaten zijn tussen de afbeeldingen. Dit moet worden opgelost.
Lay-out
Klik op het pictogram met aanhalingstekens in de rechterbovenhoek van het paginabewerkingsmenu. U zult zien dat uw afbeeldingen hun eigen code hebben die er ongeveer zo uitziet [photo169452_381609123 | 422px | page-6574936_174936]. Om spaties te verwijderen, voegt u een speciale tag toe: nopadding, gescheiden door puntkomma's na de afbeeldingsgrootte. Het resultaat zou er ongeveer zo uit moeten zien: [photo169452_381609123 | 422px; nopadding; | page-6574936_174936]. Herhaal deze procedure voor alle foto's en sla het voltooide menu op.
