Hogyan készítsünk egy grafikus menü VKontakte, létrehozása, testreszabása és támogatása oldalak

Üdvözlet, barátaim, a blog - SdelaemBlog.ru. Az egyik cikkben, megmondtam, hogyan lehet egy egyszerű szöveges menü VKontakte. És ma, úgy döntöttem, hogy továbbra is ezt a témát, és beszélni, hogyan lehet létrehozni egy grafikus menü VKontakte. Végtére is, nem minden webmester, aki azt akarja rendezni a csoport, gondoskodjon a szöveg menüt. Most talán még fontosabb grafikus menü különböző képek tartják sokkal jobb, mint a vendégek, szöveges linkek. És segítségével a grafikonok metsz valami igazán szép és színes.







Hogyan készítsünk egy grafikus menü VKontakte, létrehozása, testreszabása és támogatása oldalak

Hol kezdjük?

Nos kezdeni természetesen érdemes kiválasztja a megfelelő grafika, vagy felhívni a menü a semmiből. Persze, hogy dolgozzon egy menü a semmiből nem mindenki tudja. De a probléma megoldódott, hogy a World Wide Web tele van különböző grafikus, mind a szabad és fizetett, hogy tudod használni, hogy végre a tervet. Ebben a szakaszban nem megyek bele a részletekbe, hogy megtalálják a képeket a neten nem nehéz, de nem tudok rajzolni. Azonnal elkezdem a tény, hogy már van egy megfelelő grafika, de mi legyen a következő nem világos?

Miután letöltötte vagy festett menük, meg kell vágni. Mit csinál? Erre azért van szükség, hogy hozzon létre egyedi kapcsolatok, egy adott képet. Mert, ha tesz Étlapunkon teljesen a csoporthoz, egynél több link nem működik, vagy valami nem tudom. Ezen felül, a menü szükséges állítsa be a méretet, hogy van, ha egyszer meg kell figyelembe venni, hogy a legnagyobb látható szélessége 388 képpont (egy kép), és a többi akkor sem kell levágni, vagy módosítsa a méret megadott, amikor létrehoz egy menüt a csoport, kép megnyúlnak vagy zsugorodik ellenkezőleg, akkor elrontani az eredeti ötlet. Mégis érdemes figyelembe venni, hogy például a vízszintes menü van, hogy összpontosítson a szélessége 370 pixel, különben a menü nem sorakoznak vízszintesen.

Így fogok mutatni, például a leggyakoribb gombokat. Minden műveletet a grafika, fogok csinálni a segítségével Photoshop, így javasoljuk a használatát. Miután rájöttek a méretek, továbbra is vágott menüben. Ehhez, akkor egy praktikus eszköz „kivágása”.

Hogyan készítsünk egy grafikus menü VKontakte, létrehozása, testreszabása és támogatása oldalak

Egyszerűen jelölje ezeket az eszközöket a megfelelő területen, például:

És mentse a web-eszközöket.

Hogyan készítsünk egy grafikus menü VKontakte, létrehozása, testreszabása és támogatása oldalak

Az ablakban kiválaszthatjuk a kép mérete, minősége, és így tovább. Ebben az esetben, azt válassza ki a formátumot: JPEG és a legjobb minőségű, és a többit majd hagyja, ahogy van, és folyamatosan a grafikus VKontakte menüt.







Hogyan készítsünk egy grafikus menü VKontakte, létrehozása, testreszabása és támogatása oldalak

Ezt követően, a kép mentése szeletelt egy mappa, amit lehet rendelni egy nevet. Most, akkor folytassa közvetlenül a létrehozása grafikus menü VKontakte.

Hogyan hozzunk létre egy függőleges, grafikus VKontakte menü?

Ugrás erre a honlapra a mi csoport. És csinál valami előkészítése: A közösségi gazdálkodás, csatlakoztassa a „anyag”, megmarad. Ha valami nem világos, hogy ebben a szakaszban, akkor olvastam egy cikket arról szöveges VKontakte menüt. ahol minden részletet, róla szólt.

Ezt követően meg kell töltse le a képeket, hogy megkaptuk, amikor kivágása a menüben. Azaz, kattintson a „hozzá fotókat”.

Hogyan készítsünk egy grafikus menü VKontakte, létrehozása, testreszabása és támogatása oldalak

Következő, akkor sem húzza át és dobja az összes képet a mentett mappát, vagy válasszon a „Select file” gombra, az utat a mappát, jelölje ki az összes képet, és kattintson a „nyitott”.

Hogyan készítsünk egy grafikus menü VKontakte, létrehozása, testreszabása és támogatása oldalak

Miután a képek betöltődnek, el tudjuk kezdeni, hogy megteremtse a menü. Ehhez kattintson a „szerkesztés” mellett a legfrissebb híreket.

Hogyan készítsünk egy grafikus menü VKontakte, létrehozása, testreszabása és támogatása oldalak

És most, felveheti kódot Étlapunkon. Az én esetemben, ez így néz ki:

Szóval vessünk egy kicsit közelebbről, hogy mi történik:

...
- adatcímkéket összehangolni a menüben a közepén. Ha azokat eltávolították, a menü nyomja meg a bal szélén.

[[...]] - ténylegesen, linkek menüben.

Hogyan készítsünk egy grafikus menü VKontakte, létrehozása, testreszabása és támogatása oldalak

130x46px; nopadding; - Képlehetőségek: 130x46px; - szélessége és magassága a kép (lehet más, mint a méret a kép) - a függőleges menü vkoktakte nem kell így lennie; nopadding; - nincsenek hézagok, - ha ez az opció törli az összes szóközt (behúzás) és képek olvadnak.

Itt van, amit kaptam:

Hogyan készítsünk egy grafikus menü VKontakte, létrehozása, testreszabása és támogatása oldalak

Hogyan készítsünk egy vízszintes, grafikai VKontakte menü?

VKontakte vízszintes menü azért tesszük, mert ugyanaz az elv. Az egyetlen különbség az, hogy amikor kódírás, új menüpontok nem kell mozgatni, hogy egy új sort. Továbbá ne felejtsük el, hogy ebben az elrendezésben a képek, akkor csak 370 pixel széles. Azt kissé korrigált a kódot fent látható, és ez az, amit kaptam:

És ez így néz ki:

És szeretnék felvenni: Vannak pillanatok, amikor meg kell beszúrni képet a menüben, de ez nem lehet egy linket. Meg kell szolgálni, mint a dekoráció. Ehhez csak használja a lehetőséget «nolink». Itt egy jó példa: Ugyanaz vízszintes menü, csak az első gomb nem aktív kapcsolatot, és csak egy kép.

Nos, ez gyakorlatilag minden. Mint látható, a grafika nem vKontakte bonyolult menü, a legfontosabb dolog az, hogy felhívja azt. Ezután, a megszerzett tudás ebben a cikkben, akkor lehet, hogy a legjobb menü a csoport VKontakte. És szeretném megjegyezni, hogy akkor is össze vízszintes és függőleges menük, így elérni az abszolút egyediségét.