Un groupe magnifiquement conçu vous aidera à fidéliser vos membres et à augmenter votre fonctionnalité. Cet article vous aidera à créer un menu graphique simple mais de bon goût pour un groupe ou une page publique VKontakte.
Préparation de la mise en page du menu
Afin de faire un beau menu graphique pour un groupe ou une page publique, vous aurez besoin d'une image sur laquelle l'ensemble du menu sera dessiné avec des proportions d'environ 500 * 1000 pixels et des compétences de base dans Adobe Photoshop. Supposons que vous ayez déjà dessiné votre menu - une image rectangulaire avec les boutons principaux. Mais comment le placer sur la page VKontakte et le rendre fonctionnel, c'est-à-dire travailler en cliquant sur une certaine zone ? Ouvrez votre mise en page dans Adobe Photoshop, à l'aide de l'outil Tranche, coupez l'image en plusieurs morceaux horizontaux séparés, chacun étant un bouton. Enregistrez ensuite l'image découpée pour Internet (Enregistrer - Enregistrer pour le Web), de préférence au format.jpg. Vous recevrez plusieurs images de boutons séparées, qui peuvent ensuite être placées sur la page VKontakte. La première partie du travail est terminée !
Ajout d'images de menu
Vous avez maintenant la partie la plus importante du travail: la mise en page et la conception. Pour créer un menu, vous devez disposer des droits d'administrateur dans cette communauté. Allez dans votre groupe, sur la droite, sélectionnez "Community Management". En face de l'élément « Matériaux », définissez la valeur « limitée ». Retournez à la page d'accueil, maintenant une icône extensible supplémentaire "Fresh News" apparaît sous la description de la communauté. Mettez-le en surbrillance, puis sélectionnez modifier. La fenêtre d'édition de bloc s'ouvrira. Dans la partie supérieure de celui-ci, cliquez sur l'icône "Ajouter une photo" et téléchargez les images préparées. Après le téléchargement, organisez-les dans le bon ordre. Cliquez maintenant sur chaque image à tour de rôle et dans le champ "lien", entrez l'adresse de la page vers laquelle vous souhaitez rediriger lorsque vous cliquez dessus. Mais ce n'est pas tout, lors de la prévisualisation et de l'enregistrement, il s'avère qu'il existe des écarts importants entre les images. Cela doit être corrigé.
Mise en page
Cliquez sur l'icône entre guillemets dans le coin supérieur droit du menu d'édition de la page. Vous verrez que vos images ont leur propre code qui ressemble à [photo169452_381609123 | 422px | page-6574936_174936]. Pour supprimer les espaces, ajoutez une balise spéciale: nopadding, séparée par des points-virgules après la taille de l'image. Le résultat devrait ressembler à ceci: [photo169452_381609123 | 422px; nopadding; | page-6574936_174936]. Répétez cette procédure pour toutes les images et enregistrez le menu terminé.
