Grup yang dirancang dengan indah akan membantu Anda mendapatkan loyalitas anggota Anda dan meningkatkan fungsionalitas Anda. Artikel ini akan membantu Anda membuat menu grafis sederhana namun menarik untuk grup atau halaman VKontakte publik.
Mempersiapkan tata letak untuk menu
Untuk membuat menu grafis yang indah untuk grup atau halaman publik, Anda memerlukan gambar di mana seluruh menu akan digambar dengan proporsi sekitar 500 * 1000 piksel dan keterampilan dasar dalam Adobe Photoshop. Misalkan Anda telah menggambar menu Anda - gambar persegi panjang dengan tombol utama. Tetapi bagaimana cara menempatkannya di halaman VKontakte dan membuatnya berfungsi, yaitu bekerja dengan mengklik area tertentu? Buka tata letak Anda di Adobe Photoshop, menggunakan alat Slice, potong gambar menjadi beberapa bagian horizontal terpisah, yang masing-masing akan menjadi tombol. Kemudian simpan gambar yang dipotong untuk Internet (Simpan - Simpan untuk Web), sebaiknya dalam format.jpg. Anda akan menerima beberapa gambar tombol terpisah, yang kemudian dapat ditempatkan di halaman VKontakte. Bagian pertama dari pekerjaan selesai!
Menambahkan gambar menu
Sekarang Anda memiliki bagian terpenting dari pekerjaan: tata letak dan desain. Untuk membuat menu, Anda harus memiliki hak administrator di komunitas ini. Buka grup Anda, di sebelah kanan, pilih "Manajemen Komunitas". Di seberang item "Bahan" tetapkan nilai "terbatas". Kembali ke beranda, sekarang ikon tambahan 'Berita Baru' yang dapat diperluas muncul di bawah deskripsi komunitas. Sorot, lalu pilih edit. Jendela pengeditan blok akan terbuka. Di bagian atasnya, klik ikon "Tambahkan foto" dan unggah gambar yang sudah disiapkan. Setelah mengunduh, atur dalam urutan yang benar. Sekarang klik pada setiap gambar secara bergantian dan di bidang "tautan" masukkan alamat halaman yang ingin Anda arahkan saat diklik. Tapi bukan itu saja, saat melihat pratinjau dan menyimpan, ternyata ada celah yang signifikan antara gambar. Ini perlu diperbaiki.
Tata Letak
Klik ikon dengan tanda kutip di sudut kanan atas menu edit halaman. Anda akan melihat bahwa gambar Anda memiliki kode sendiri yang terlihat seperti [photo169452_381609123 | 422px | halaman-6574936_174936]. Untuk menghapus spasi, tambahkan tag khusus: nopadding, dipisahkan dengan titik koma setelah ukuran gambar. Hasilnya akan terlihat seperti ini: [photo169452_381609123 | 422px; nopadding; | page-6574936_174936]. Ulangi prosedur ini untuk semua gambar dan simpan menu yang sudah jadi.
