Pięknie zaprojektowana grupa pomoże Ci zdobyć lojalność Twoich członków i zwiększyć funkcjonalność. Ten artykuł pomoże Ci stworzyć proste, ale gustowne menu graficzne dla grupy lub publicznej strony VKontakte.
Przygotowanie układu menu
Do wykonania pięknego menu graficznego dla grupy lub strony publicznej potrzebne będzie zdjęcie, na którym zostanie narysowane całe menu w proporcjach około 500*1000 pikseli oraz podstawowe umiejętności w programie Adobe Photoshop. Załóżmy, że już narysowałeś swoje menu - prostokątny obrazek z głównymi przyciskami. Ale jak umieścić go na stronie VKontakte i sprawić, by był funkcjonalny, czyli działał, klikając określony obszar? Otwórz swój układ w Adobe Photoshop, używając narzędzia Slice, wytnij obraz na kilka oddzielnych poziomych kawałków, z których każdy będzie przyciskiem. Następnie zapisz wycięty obraz do Internetu (Save - Save for Web), najlepiej w formacie.jpg. Otrzymasz kilka oddzielnych zdjęć przycisków, które następnie można umieścić na stronie VKontakte. Pierwsza część pracy zakończona!
Dodawanie obrazów menu
Teraz masz najważniejszą część pracy: układ i projekt. Aby utworzyć menu, musisz mieć uprawnienia administratora w tej społeczności. Przejdź do swojej grupy, po prawej wybierz „Zarządzanie społecznością”. Naprzeciwko pozycji „Materiały” ustaw wartość „ograniczona”. Wróć do strony głównej, teraz pod opisem społeczności pojawi się dodatkowa rozwijana ikona „Świeże wiadomości”. Zaznacz go, a następnie wybierz edytuj. Otworzy się okno edycji bloku. W jego górnej części kliknij ikonę „Dodaj zdjęcie” i prześlij przygotowane zdjęcia. Po pobraniu ułóż je we właściwej kolejności. Teraz kliknij kolejno na każdy obrazek i w polu „link” wpisz adres strony, na którą chcesz przekierować po kliknięciu. Ale to nie wszystko, podczas podglądu i zapisywania okazuje się, że między obrazami są spore luki. To musi zostać naprawione.
Układ
Kliknij ikonę z cudzysłowami w prawym górnym rogu menu edycji strony. Zobaczysz, że Twoje obrazy mają własny kod, który wygląda mniej więcej tak: [photo169452_381609123 | 422px | page-6574936_174936]. Aby usunąć spacje, dodaj specjalny tag: nopadding, oddzielony średnikami po rozmiarze obrazu. Wynik powinien wyglądać mniej więcej tak: [photo169452_381609123 | 422px; nopadding; | page-6574936_174936]. Powtórz tę procedurę dla wszystkich zdjęć i zapisz gotowe menu.
