Krásne navrhnutá skupina vám pomôže získať lojalitu vašich členov a zvýšiť vašu funkčnosť. Tento článok vám pomôže vytvoriť jednoduché, ale vkusné grafické menu pre skupinu alebo verejnú stránku VKontakte.
Príprava rozloženia ponuky
Aby ste mohli vytvoriť nádherné grafické menu pre skupinovú alebo verejnú stránku, budete potrebovať obrázok, na ktorom bude nakreslené celé menu s proporciami približne 500 * 1 000 pixelov a základnými zručnosťami v aplikácii Adobe Photoshop. Predpokladajme, že ste už nakreslili ponuku - obdĺžnikový obrázok s hlavnými tlačidlami. Ako ju však umiestniť na stránku VKontakte a zabezpečiť jej funkčnosť, teda prácu kliknutím na určitú oblasť? Otvorte svoje rozloženie v programe Adobe Photoshop, pomocou nástroja Plátok rozrežte obrázok na niekoľko samostatných vodorovných častí, z ktorých každé bude tlačidlo. Potom uložte vystrihnutý obrázok pre internet (Save - Save for Web), najlepšie vo formáte.jpg. Dostanete niekoľko samostatných obrázkov tlačidiel, ktoré potom môžete umiestniť na stránku VKontakte. Prvá časť práce je hotová!
Pridávanie obrázkov z menu
Teraz máte najdôležitejšiu časť práce: usporiadanie a dizajn. Ak chcete vytvoriť ponuku, musíte mať v tejto komunite práva správcu. Prejdite do svojej skupiny, vpravo vyberte možnosť „Správa komunity“. Oproti položke „Materiály“nastavte hodnotu „obmedzený“. Vráťte sa na domovskú stránku, teraz sa pod popisom komunity zobrazuje ďalšia rozbaľovacia ikona „Nové správy“. Zvýraznite ju a potom vyberte možnosť Upraviť. Otvorí sa okno úpravy bloku. V jeho hornej časti kliknite na ikonu „Pridať fotografiu“a nahrajte pripravené obrázky. Po stiahnutí ich usporiadajte v správnom poradí. Teraz postupne kliknite na každý obrázok a do poľa „odkaz“zadajte adresu stránky, na ktorú chcete po kliknutí presmerovať. To však nie je všetko, pri náhľade a uložení sa ukazuje, že medzi obrázkami sú značné medzery. Toto treba napraviť.
Rozloženie
Kliknite na ikonu s úvodzovkami v pravom hornom rohu ponuky úprav stránky. Uvidíte, že vaše obrázky majú svoj vlastný kód, ktorý vyzerá asi ako [photo169452_381609123 | 422px | page-6574936_174936]. Ak chcete odstrániť medzery, pridajte špeciálnu značku: nopadding, oddelenú bodkami za veľkosťou obrázka. Výsledok by mal vyzerať asi takto: [photo169452_381609123 | 422px; nopadding; | page-6574936_174936]. Tento postup opakujte pre všetky obrázky a uložte hotové menu.
