Conception de menu du groupe Vkontakte. Comment faire de la page Wiki Vkontakte pour un groupe - Comment créer un menu dans le groupe VC. Comment faire un menu graphique

Après la taille de l'image et du bâton vertical, insérez le lien vers la page où la personne va en cliquant sur l'élément de menu approprié. Comme je l'ai écrit, le lien peut être sur une page de Vkontakte ou sur une ressource tierce sur Internet.

Cela ressemblera au code, après avoir ajouté "Nopadding;" et lien.

En conséquence, il devrait être comme ceci: le nom de l'onglet (menu) est modifié, les espaces entre les lignes sont retirés, les espaces entre les images sont supprimés (Nopadding;), des liens supplémentaires. Appuyez sur "Enregistrer la page" et revenez à la page principale du groupe.

À ce sujet, le processus de navigation pour le groupe Vkontakte est terminé. Je l'ai fait tellement. L'image de l'avatar et le menu en sont un. En tournant vers l'onglet "Menu", l'utilisateur peut choisir ce qui l'intéresse et aller au lien indiqué par moi.

Si vous craignez que le menu du groupe ne puisse pas voir, puis fixez la photo dans laquelle, par exemple, spécifiez la flèche pour la présence d'un onglet. Si vous avez des questions, demandez-leur dans les commentaires.

Si vous êtes activement engagé dans la promotion de votre groupe et que vous voulez en faire plus, vous savez probablement qu'un groupe joliment décoré est très aspect important Développez votre marque, mais avant de penser à l'enregistrement du public Vkontakte, vous devriez penser à l'objectif de votre groupe VK!

D'habitude, Spécialiste des SMM Après avoir terminé la création du groupe VK, il commence son remplissage. C'est le contenu capable de détenir des personnes du groupe. Mais seulement vous devez le faire de haute qualité et avec compétence! Une fois que le groupe comprend: descriptions, entrées murales, albums avec photos et vidéo, enregistrements audio, vous devez passer à la mise en œuvre du menu Fonction. Et même au début du chemin du menu ne sera pas super superstive, comme nous l'avions l'habitude de regarder au début du travail, mais plutôt simple. Tout d'abord, l'utilité du contenu disponible!

Dans cet article, vous trouverez des informations sur la création de menu du groupe VC vous-même! Par conséquent, si vous êtes perplexe: comment faire un menu du groupe Vkontakte, cet avis est pour vous!

Navigation rapide:

Quel est le menu du groupe

Le menu peut être considéré comme une liste de toutes les fonctions publiques disponibles. Dans le menu, vous pouvez définir tous les éléments importants de la même liste soignée et belle, définir une icône ou une image individuelle pour un lien spécifique, envoyer des alertes pour les visiteurs sur les modifications décrites rapidement et accessibles. Dans le menu, vous pouvez afficher de tels éléments: toutes sortes de liens vers des sites tiers, réglage à la discussion, musique, albums et autres sous-sections à l'intérieur du site VK, images et la structure habituelle de votre public. Sur la base des instructions ci-dessous, vous pourrez faire un menu pour votre communauté à Vkontakte.

Création d'un menu de groupe Vkontakte en ligne

Si plus tôt pour créer le menu s'est tenu pour vous-même en faisant divers codes, ce qui est assez difficile pour les personnes qui n'ont pas de compétences en programmation, créez maintenant un menu de haute qualité et magnifique du groupe au contact en ligne peut utiliser des sérines spécialisées.

Alors, maintenant, regardons comment fonctionnent les concepteurs similaires. Il convient de noter que tous ont une fonctionnalité identique, vous pouvez donc travailler dans l'une d'elles peut travailler librement dans l'une d'entre elles.

Le principe de la création de menu peut être divisé en plusieurs étapes:

Étape 1. Décidez du modèle pour l'enregistrement.

Sur des sites qui vous permettent de créer un groupe de modèles, les professionnels fonctionnent, ce qui dessine qualitativement des dizaines de modèles de style et de couleur différents. Vous pouvez choisir celui qui convient à votre groupe. Par la suite, vous aurez la possibilité de changer le modèle à tout moment.

Étape 2. Déterminez le nombre de boutons.

Décidez combien de boutons de liaison à différentes pages seront présents dans votre menu.

Étape 3. Spécifiez les liens et les inscriptions.

Étape 4. Vérifiez et exportez.

Assurez-vous que le menu effectué fonctionne comme vous le souhaitez, puis déchargez-le à votre communauté. Les services produiront indépendamment toutes les images nécessaires, créeront un code et avec votre permission, vous téléchargerez tout dans votre public.

Étape 5. Modifications.

Si vous avez la nécessité de faire des modifications, disons-y, ajoutez de nouveaux boutons, corrigeant des liens et des inscriptions, modifiez la conception, allez simplement sur votre compte, apportez des modifications et exportez à nouveau le menu.

Comme vous l'avez déjà déjà vu, former un menu de haute qualité, abordable et magnifique à l'aide de serveurs spéciaux est la meilleure option pour les administrateurs VK. Il convient de noter que de tels serveurs offrent des services gratuits qu'une seule fois. L'utilisation ultérieure des ressources de ce type doit être payée. Mais, malgré cela, le résultat de l'utilisation du fonctionnement justifiera sans aucun doute vos investissements.

Bannière pour le groupe Vkontakte, créez gratuitement!

Il y a des sites spécialisés où sans beaucoup d'effort et logicielVous pouvez vous faire une belle bannière pour le groupe Vkontakte. Par exemple, https://bannermakers.ru/banners-vk/.
En plus de créer le menu, il existe donc également des moyens de faire un menu dans le groupe VC et autrement. Lisez-y ci-dessous.

Menu VK Wiki Marquing

Wika Markup est un excellent assistant pour créer une communauté belle et efficace! C'est très pratique et méthode efficace Inscription publique dans le réseau populaire "vkontakte". Ce marquage selon le schéma de son action est très similaire à code HTMLohm. Mais pour ceux qui ne sont pas liés à la programmation,

il sera assez clair en raison de la simplicité de la mise en œuvre. Ce balisage a gagné son nom grâce à Wikipedia, où de nombreux utilisateurs ont eu la possibilité de se familiariser avec les principales caractéristiques de ses fonctions. Wika Markup permet aux personnes sans compétences en programmation facilement et à élaborer rapidement un groupe:

· Créer des spoilers et des tables en graphiquement.

· Formater les images et le texte.

Donc, nous nous tournons vers la catastrophe comment faire le menu Menu Community Menu?

Bien sûr, dans le processus d'enregistrement du menu du groupe recommandations supplémentaires Cela peut être nécessaire, mais dans son ensemble avec le principe de la création, vous pouvez déterminer et utiliser ce manuel. Si nous considérons HTML, alors pour ses recherches et travailler avec elle, vous devez passer quelques jours ou environ une semaine. Travailler avec Wiki-Markup à la bonne mémoire ne nécessitera que quelque temps. Comment le créer? Quelles approches doivent être appliquées?

Arrêtons un peu sur ses histoires, puis parlez de la technologie. Ward Cunningham a d'abord présenté des personnes avec le concept de "wiki", qui en traduction d'Hawaii signifie "rapide". Ainsi, il a exprimé la simplicité et la rapidité avec le balisage.

Décoration rapide

Nous examinerons maintenant les questions: «Comment faire un menu dans un groupe dans VK» et clarifier la manière de la mettre en œuvre efficacement. Dans le processus, vous pouvez aller de quelques égards, chacun d'entre eux a sa propre direction et conduit à l'objectif ultime - la disponibilité d'un menu qualitatif du groupe.

Nous comprendrons dans l'ordre. Si le groupe porte la signification de la direction sociale, vous pouvez implémenter un menu de texte. Ses avantages sont dans une apparence sérieuse. Communautés de type commercial et de divertissement, il est conseillé de déterminer le pari sur le menu - graphiques. N'oubliez pas qu'il existe déjà existant modèles prêts Pour le menu du groupe VK. L'utilisation d'images fera attention aux visiteurs à ce qui devrait être présent. L'utilisation de cette approche vous donnera la possibilité de rendre le groupe plus fascinant et relaxant. Wiki - Le marquage vous permet de créer un menu de groupe avec des images et des photos, de créer des tables, de mettre en œuvre et d'ouvrir des liens, et bien plus encore. Bien sûr, ce n'est pas la liste complète des fonctions, mais constitue également le menu de sa communauté facilement et avec une portée plutôt impressionnante.

Principes de base du balisage de wiki dans la création d'un menu pour le groupe VK

Créez un menu du groupe VK, magnifique et intéressant, vous permettrez des photos et des photos thématiques. Il est important de savoir que "vkontakte" insérer la photo nécessaire ou une image à l'aide de Wiki-Markup est fournie uniquement lorsqu'il est déjà téléchargé sur les albums du site. Nous entrons donc dans l'album, nous définissons avec la photo souhaitée et copie son adresse. Supposons que ce soit ceci: photo14523_90678. Maintenant, vous devez la capturer en doubles crochets. Doit être à la suite: []. Et si vous avez besoin de joindre un lien ou une technologie à la photo ou à la photographie? Ou peut-être qu'il est nécessaire de modifier une image externe? Ensuite, l'action suivante aidera ici: il est nécessaire que le fichier ait ce genre - [[[[[photo14523_90678 | Options | Texte / Link]], et au lieu des trois derniers mots dont vous avez besoin pour remplacer ce dont vous avez besoin. Texte - Ajustez ce dont vous avez besoin. Voici probablement des explications supplémentaires seront inappropriées. Lien traduit de l'anglais - "link". Il est indiqué pour que la voiture du visiteur comprenne où elle doit aller. Options - Ces valeurs sont installées ici:

Noborder - Un cadre est retiré près de la photo. Boîte - L'image est située dans la fenêtre.

NOPADDING - Aucun espaces entre les images ne sont pas affichés.

Nnnxyyypx ou nnnpx - indiquez la taille de l'image (en pixel).

En règle générale, il est nécessaire d'intégrer un élément au menu texte et graphique du groupe VC, ce qui vous permet de fournir des informations dans un visiteur pratique pour un visiteur, à savoir la table. Sans cela, il y a une petite communauté à Vkontakte. Pour créer une table à l'aide du marquillage Wikie, vous devez appliquer une liste spécifique de caractères. Ensuite, vous vous familiariserez, pour quelle fonctionnalité un ou un autre symbole est répondu:

(| - Désignation du début de la table. Il est impossible de se passer de ce symbole lors de la création d'une table, c'est un attribut obligatoire.

| - Il est utilisé pour donner les effets de l'effet de transparence.

| + - Avec cet ensemble de caractères, le nom de la table est placé au centre. Ce n'est pas du tout un attribut obligatoire, mais il devrait être placé immédiatement après les signes qui caractérisent le début.

| - - Donc, de nouvelles lignes sont désignées (aussi pour les cellules).

Cela fait une couleur sombre. En l'absence de ce symbole, il est nécessaire d'appliquer un signe du paragraphe 2.

|) - Un ensemble de caractères indiquant la fin de la table. Ceci est un attribut facultatif. Mais il est toujours recommandé de l'appliquer pour éviter toute erreur.

Maintenant, considérons comment la cellule est remplie. Toutes les informations à saisir sont placées après des signes |. Si vous avez besoin de séparer les cellules une d'une autre, vous devez simplement dupliquer de cette manière: ||.

Vous avez maintenant étudié les informations sur la manière de créer un menu dans le groupe VC par VIKA - Markup. En utilisant l'exemple de la préparation du menu de votre public, vous deviendrez encore plus compréhensible.

Comment faire un menu dans un groupe de VK avec New Design 2018

La nouvelle conception de la VC non seulement fait de la commodité dans la fonctionnalité du site, mais également une certaine confusion pour les administrateurs publics. Dans cette section, nous examinerons progressivement comment créer un menu pour un groupe dans une nouvelle conception.

Donc, l'allocation Comment faire un menu dans nouvelle version VC rapidement et quelle est la plus importante sans erreur dans le code devant vous. En suivant sûrement les instructions, vous pouvez créer un menu vous-même, bon et rapide! Commençons!

1. Ouvrez l'image du menu dans Photoshop ou un autre éditeur graphique.

2. Nous explorons la taille de l'image et si elle dépasse 600pix de largeur - changez la taille de 600, la hauteur de l'image change de proportion à, manuellement, ne le précise pas!

3. Utilisez l'outil "Couper" et CRIROW Notre image sur les boutons.

4. Nous enregistrons la photo dans le paramètre "pour web". Maintenant, travailler sur Photoshop est terminé. Aller à la communauté.

5. Accédez aux paramètres de la communauté dans "Matériaux", choisissez "Limited" et cliquez sur "Enregistrer".

6. Allez à la page principale, dans la sous-section "Nouvelles fraîches" en cliquant sur "Modifier".

7. Nous étions donc dans l'éditeur de wiki, l'activité la plus fondamentale commencera. Changez le comte «Nouvelles fraîches» dans le «menu» ou sur une autre et cliquez sur l'icône de la caméra, nous introduisons toutes les pièces tranchées du dossier sauvegardé.

Si au lieu du code apparaît immédiatement des images après avoir entré dans l'éditeur Wiki, le balisage du menu doit être basculé sur le mode Markup Wikie!

Maintenant, nous avons le code de notre menu, mais il doit être modifié un peu pour éliminer les espaces entre les images. Maintenant, notre code ressemble à: [] [-] [-] [-] [-]

Aller à l'inspection, nous notons que les images sont situées là-bas, où il devrait y avoir et, en outre, il y a des lacunes entre eux.

8. Code de règles: par défaut, la permission est construite sur taille maximum Images sur la largeur de 400pix, le premier bouton est de 500, nous modifions les paramètres de la première touche 400X89PX sur 600RX, la hauteur n'est pas nécessaire. Nous entrons également dans chaque ligne une telle balise: Nopadding nécessairement à travers un point avec une virgule.

Important! Ne cliquez pas sur Entrée après les rangées de code si vous souhaitez que deux boutons soient proches, dans une barre de menus. L'éditeur transférera automatiquement à nouvelle chaîne Ces paramètres qui ne sont pas mouillés! Ce code devrait être après l'édition:

[][-][-][-][-]

Maintenant, en allant à «Aperçu», nous voyons que tout est à ses lieux. Nous ajoutons au code des liens nécessaires à chacun des boutons, pour un exemple visuel, le lien vers le premier bouton ici n'est pas inconditionnable! N'oubliez pas de retirer un espace supplémentaire entre | et].

[][-][-][-][-]

Après avoir assuré que tout était fait, comme conçu, cliquez sur "Enregistrer" et revenez à la page. Veuillez noter que dans la nouvelle version 2018, il n'y a pas de bouton "Retour à la page", vous devez donc simplement avoir besoin de cliquer sur le nom de la page en haut.

9. Maintenant, vous devez sécuriser notre menu. Pour ce faire, copiez un lien vers la page dans notre menu et revenez à la page principale du groupe.

10. Dans le champ Nouveau message, vous devez insérer un lien copié. Après avoir afficé une pièce du menu, le lien doit être supprimé! Et à travers l'icône de la caméra, vous devez ajouter une image pré-préparée pour une bannière. Nous mettons "au nom de la communauté", en cliquant sur le cercle à gauche du bouton "Envoyer" et cliquez sur "Envoyer"

11. Maintenant, remplissez le menu, mettez à jour la page et appréciez notre résultat. Pour tout travail, lentement, passé environ 15-20 minutes.

Comment faire un menu dans le groupe VK avec des transitions

Considérez maintenant comment vous pouvez effectuer le menu du groupe VC avec des transitions.

Alors, comment faire un menu Wiki à l'intérieur de l'autre? Tout d'abord, le premier menu doit être préparé. Nous serons repoussés de l'image déjà tranchée sur les boutons. Ajoutez une image de contour de l'image à travers la caméra dans l'éditeur Wiki. Si des images apparaissent au lieu du code, cela signifie que le mode de balisage Wiki n'inclut pas, avant d'ajouter l'image, appuyez sur<>

N'oubliez pas de cliquer sur "Enregistrer" au bas de la page! Si nécessaire, vous pouvez modifier la taille de l'image et ajouter le code de balise NOPADDIND, il est manquant par défaut et la taille de l'image doit comporter un maximum de 400 pixels de largeur, si l'image doit le corriger à la valeur souhaitée. Taille!

1. Après avoir modifié le code, nous enregistrons et cliquez sur "Retour".

2. Vérifiez l'exactitude de l'affichage du premier menu.

3. Si tout est aussi nécessaire, cliquez à nouveau sur "Modifier".

Maintenant, vous devez créer nouvelle page Wiki où se trouve le deuxième menu. À la fin du code, nous écrivons la valeur du menu pour le public PBC 2, eh bien ou n'importe quel texte dont vous avez besoin. Garder et revenir en arrière. En bas, il devrait y avoir une référence active avec un nouveau nom. Pour le plus grand commodité, ouvrez-le dans un autre onglet du navigateur.

Bien que votre page juste formée soit toujours vide, cliquez sur «Modifier» ou «Remplir le contenu».

Tout comme nous agissons au tout début, nous ajoutons les segments du deuxième menu, enregistrez et regardons ce que ressemble au nouveau menu.

Si tout est aussi nécessaire - copiez la référence à la page du nouveau menu de la barre d'adresse de votre navigateur.

Supposons que le nouveau menu soit ouvert lorsque vous cliquez sur le bouton "Avis" du premier menu. Vous devez accéder à l'onglet où nous avons formé le premier menu et trouvez la troisième ligne et insérez un lien à partir du tampon sauvera et retournera.

Ainsi, lorsque vous cliquez sur le bouton "Avis", notre deuxième menu s'ouvrira.

Comment faire du groupe de menu vk à partir du téléphone

Si vous avez la chance de travailler par l'administrateur des groupes VC ou de créer un groupe propre à un téléphone, alors si vous vous adaptez, il est tout à fait possible de faire un groupe de groupe au téléphone sans avoir beaucoup d'effort.

Tout le monde et tout le monde sait que les créateurs de la VC offrent leur utilisateur assez pratique version mobileet plus tôt, vous avez déjà appris à propos de méthodes différentes Création de menu. Mais, entrez manuellement les codes à l'aide du marquage Wiki est possible, mais pas tout à fait pratique. Mais téléchargez le modèle sur les sites de services spécialisés et insérer dans les graphiques nécessaires est tout à fait plus facile et plus pratique, et vous ne prendrez pas beaucoup de temps. Ainsi, vous pouvez administrer les groupes Vkontakte simplement et facilement.

Modèle de menu du groupe Vkontakte

Toutes les méthodes ci-dessus pour créer un menu du groupe VK sont assez simples et si vous les appliquez dans la pratique, vous pouvez vous assurer qu'il existe absolument difficile dans ce domaine. S'adapter à l'introduction de photos et de tables avec le marquage Wiki est assez simple et rapide. Mais même plus rapide et plus pratique d'utiliser des modèles prêts à l'emploi pour le menu du groupe, qui se trouvent soit sur les ressources mentionnées ci-dessus, soit en téléchargeant sur des blogs et des sites des mêmes utilisateurs.

Il convient de noter que les modèles impliquent la présence d'images et d'images de divers sujets. Ils ont aussi une conception polyvalente. Si vous n'avez pas le temps de rechercher des images ou de ne pas assez de fantaisie pour créer un menu brillant, vous ferez mieux d'utiliser le menu prêt à l'emploi

Salut les amis!

Vous voulez faire un groupe de Vkontakte aussi attrayant que attrayant pour vos abonnés? Je ne sais pas où commencer? Si vous avez déjà un contenu de haute qualité, concentrez-vous votre attention sur la conception de la communauté. Je ne parle pas d'une simple sélection d'avatar. La création d'un menu dans le groupe Vkontakte est l'un des principaux points à prendre en compte lors de la conception. C'est cet article aujourd'hui, nous examinerons aujourd'hui.

Quel est le menu vkontakte et qu'est-ce qu'il faut?

Le menu est la face du groupe. La première chose qui compte tout visiteur de votre communauté est le menu. Par conséquent, votre tâche est de considérer cela aussi pratique que possible et attrayant. Tout d'abord, vous devez décider que vous souhaitez transmettre à vos abonnés. Cela dépend de la mission de la communauté elle-même. Après tout, il existe des objectifs complètement différents de la création d'un groupe: cognitif, divertissement ou objectif de vendre des biens / services. Décapant de cela, décidez quelles informations sont les plus importantes pour vos futurs abonnés.

Par exemple, si vous êtes concentré sur des utilisateurs de divertissement ou que vous les informez sur quoi que ce soit ou, il est possible de vous concentrer sur la commodité de la recherche des informations dont elles ont besoin. Cela concerne les groupes où le contenu peut être divisé en sujets séparés, tels que la santé, la mode, etc.

Si votre communauté est créée sous la forme d'une boutique en ligne, l'approche doit être complètement différente. La commodité de trouver des biens ou des services devrait être présente, mais également d'accroître les stocks, les nouveaux produits, les conditions de livraison et vos contacts.

Par conséquent, veillez à prendre en compte le sujet de la communauté lors de la création d'un menu.

Façons de créer un menu pour les groupes Vkontakte

Tout d'abord, vous devez décider comment créer votre menu: automatiquement ou manuellement. Si vous avez choisi une méthode rapide et simple, mais en même temps une haute qualité, je présente à votre attention un service sur la création d'un menu pour les communautés VK Wikimaker, avec lui, vous trouverez facilement et rapidement, rendez votre groupe plus à l'aise. . Si vous souhaitez prendre complètement la création du menu sous votre contrôle, il y a une instruction étape par étape.

Comment faire un design attrayant?

Je tiens à combiner la création de deux éléments importants du groupe dans les instructions: Menu et Avatar. Comme il n'est pas souhaitable de les créer séparément, car l'utilisateur doit voir l'harmonie entre ces deux éléments graphiques.

1. Pour commencer, vous devez installer programme PhotoshopSi plus tôt sur l'ordinateur, vous n'avez pas eu ce programme.
2. Ouvrez Photoshop et créez deux modèles pour avatar et menus. Nous spécifions les dimensions souhaitées. Par exemple, pour Avatar - 200 × 500 pixels, et le menu est de 389 × 600 pixels. Remplissez-les de la couleur de sorte qu'ils soient clairement visibles et nous économisons deux créés fichier séparé.
3. Nous chargons un modèle dans un groupe d'avatar, soulignant la totalité de la zone.
4. Chargement du menu se produit un peu plus compliqué. Pour ce faire, vous devrez inclure des matériaux dans la gestion de la communauté. Après cela, la possibilité d'ajouter un menu sera disponible. Accédez à l'onglet qui apparaît sous la description du groupe "Nouvelles fraîches" et cliquez dans la barre d'outils sur le bouton sous la forme de la caméra et téléchargez le fichier de l'ordinateur. Arrivé?
   
5. Immédiatement après le téléchargement, vous aurez un lien qui devra modifier un peu. Après le mot "Noborder", entrez le signe ";" Et le mot "nopadding". Cette fonctionnalité ne donnera pas à votre menu pour descendre lors de l'ajout de nouvelles à la communauté.
6. Faire une page principale de PRNT SCRN de votre groupe. Pour quelle raison? Comprendre vos erreurs. Le fait est que maintenant c'est une version brouillon - tout n'est pas exactement et pas si belle. Votre objectif est que les limites inférieures du menu et de l'avatar coïncident parfaitement. Alors peut-être que vous aurez une question "Pourquoi je ne vous donne pas de tailles exactes?". Et le fait est que chaque administrateur utilise une quantité différente de texte dans la description du groupe, à partir duquel la hauteur du menu change, et la largeur du menu est une question de goût et comment nous savons tout ce qu'il est différent.
7. Nous entrons dans Photoshop et créons un nouveau fichier, insérant une capture d'écran.
8. Maintenant, travaillez avec ce fichier, sélectionnez la zone Avatar à l'aide de "Sélection rectangulaire" - Vous pouvez surtout sélectionner une zone spécifique. Ensuite, cliquez sur le bouton droit de la souris et choisissez "Couper une nouvelle couche".
   
9. Il en va de même pour fonctionner aussi dur avec la photo de menu, uniquement pendant la sélection dont vous avez besoin pour couper le fond inutile. Faites de sorte que le menu inférieur et l'avatar coïncident complètement.
10. Maintenant, en maintenant le bouton Ctrl, choisissez les deux couches que nous avons créées. Nous cliquons sur le bouton droit de la souris sur eux et choisissez la fonction "Combinaison de couches". Nous paraissons deux de notre modèle parfaitement ajusté sur une page sur une page.
11. La prochaine étape charge la couverture du couvercle. Il apparaît sur nos modèles. Maintenant, à droite dans les outils pour les couches en cliquant sur un fichier de couverture en appuyant sur la touche Alt. Après cette procédure, la couverture ne sera visible que dans les modèles et deviendra invisible pour leurs frontières. Mais cela ne vous empêche pas de déplacer la couverture et de le ramasser de la partie visible souhaitée.
12. Maintenant, un point de création de menu important - boutons. À ce moment-là, vous devez connaître les noms exacts des futurs boutons. Par exemple, "santé", "enfants", "nos contacts". Pour faciliter la tâche, créez le premier bouton, le texte suivant que dupliquer et modifier le texte.
13. Ajouter un logo à un avatar ou à un appel verbal, ou les deux. Il ajoutera également votre groupe de livelisme aussi caractéristique distinctive.
    
14. Sauvegarder fichier partagé. Comme une image sur votre ordinateur. Et après?
15. Ouvrir dans Photoshop n'a créé que le fichier. Ensuite, créez un nouveau fichier vide avec les tailles exactes de notre avatar, insérez l'image avec le logo et les boutons. Nous choisissons la zone dont vous avez besoin sous Avatar et personnalisez parfaitement les dimensions sélectionnées. Après cela, nous sauverons notre création.
16. Faites la même chose avec le menu. Mais encore une fois, il y a un supplément ici. Vous devez d'abord apprendre la hauteur du menu, car elle ne correspond pas à l'option brouillon. En utilisant une règle, nous mesurons la hauteur à un seul pixel (et il est préférable de mesurer plusieurs fois pour ne pas être erronés). Créez un nouveau fichier avec une vieille largeur et une nouvelle hauteur, la restauration de l'image ci-dessous et appuyez sur le bouton "Enregistrer".
    
17. Nous chargons un nouvel avatar, soulignant toute la zone et sélectionnez la vignette.
18. Nous téléchargeons le menu via le bouton "Nouvelles fraîches". Nous supprimons le lien précédent, chargez une nouvelle photo et ajoutons "; Nopadding".
19. Maintenant, nous rebuffons notre mise en page de menu. Utilisation de l'outil Photoshop "couper" ou "couteau". DANS différentes versions Photoshop, il s'appelle différemment. Sous chaque bouton, nous effectuons la ligne pour créer des rectangles individuels, en vol stationnaire auquel l'utilisateur sera capable de passer à des liens spécifiques à l'avenir.
20. Nous allons éditer le menu dans les "nouvelles fraîches" et nous chargons chacun notre coupure du menu à son tour. Lors de la visualisation, des sauts entre nos images seront affichés. Afin de s'en débarrasser de leur part, vous devez ajouter le mot à chaque lien "; NOPADDING".
    
21. Maintenant que vos liens sont actifs et que vous pouvez insérer les informations dont vous avez besoin, vous écrivez sur les liens des images de l'édition de menu - le nom de l'un de vos boutons - par exemple la livraison. Mais ce mot a besoin d'écrire clairement règles établiesCela devrait ressembler à ceci [[livraison]]. Ensuite, enregistrez la page, passez à travers ce lien et remplissez-la avec le contenu souhaité.
22. La dernière action de sorte que tout fonctionne, est la copie insertion du lien vers la page de livraison dans la liaison de liaison, par exemple - page-123456_456789, c'est-à-dire des informations entre les mots "vk.com/" à "?". Tout, maintenant chaque bouton, faites également votre menu pour vous attirer avec succès le public cible.

Abonnez-vous aux mises à jour des blogs et partagez des informations avec des amis. Créez plus beau dans votre vie!

Je pense que tous ceux qui utilisent activement réseau social Vkontakte, déjà rencontré des groupes et des publics magnifiquement décorés. Beaucoup d'entre eux ont outre le menu également de nombreuses pages jointes stylisées, catalogues, etc., qui crée essentiellement un petit site directement à l'intérieur du socialiste.

Voici quelques exemples pour tout comprendre de ce que c'est.

Ces groupes vous permettent de vous défendre entre nos concurrents et d'attirer plus d'utilisateurs. Surtout si le contenu est intéressant :)
Dans le cadre de cet article, nous allons parler de la façon dont tout est fait. Démonter tout en détail et approfondir dans toutes les subtilités, prenez exemple spécifique. Il y aura une petite classe de maître sur la conception de groupes.

La toute première étape de notre travail est une idée. Vous devez comprendre ce que nous voulons dire et à qui. En contact, il existe plusieurs formats communautaires et il vaut la peine d'envisager les tâches. Bien que dans le futur, le groupe puisse être traduit dans un format public et inversement.

J'explique sur mes doigts. Publique - C'est quelque chose à comparer un blog. Chronologie. En d'autres termes, nous disons à nos abonnés de certaines choses et ils ne pourront pas écrire sur le mur de notre communauté. Maximum - Commentaire.

Grouper Vous permet de créer une conversation plus ouverte à la conversation et aux discussions de la communauté, où les gens seront en mesure de faire des postes dans le ruban pour leur propre nom. Vous pouvez également ajouter des amis de votre liste. Il n'y a pas de possibilité publique en public. De plus, dans le groupe, un peu plus de possibilités d'intégrer le marquage Wiki (il existe une section "Actualités", dans laquelle vous pouvez intégrer le menu).

Au niveau mondial, vous pouvez parler comme ceci: si nous devons créer une communauté pour le magasin, je prendrais le format "public". Si nous parlons, par exemple, des amoureux de la pêche, il est préférable de prendre un "groupe". Bien que tout le monde soit libre d'agir comme il semble nécessaire. Après tout, à tout moment, le format peut être changé. Toutefois, gardez à l'esprit que Vkontakte introduit une restriction sur la nouvelle modification du format communautaire et, après la première fois, il faudra attendre quelques jours jusqu'à ce que vous puissiez le retourner si nécessaire. Par conséquent, la fonctionnalité de test est meilleure avant que le groupe ne commence à être rempli de contenu.

Dans le cadre de cette classe de maître, je prendrai le jeu Mad Max comme point de départ basé sur le film du même nom, qui est sorti de quelques semaines et crée une communauté pour les joueurs avec divers matériaux Pour ce jeu. L'objectif principal est de drainer le trafic sur votre site de jeu.

Le format sera "groupe", car il est nécessaire de créer un afflux naturel de l'auditoire et d'élargir la communication dans la communauté afin de maximiser. Immédiatement, je précise que j'utiliserais une technique universelle, qui peut être utilisée à la fois au format du groupe et dans un public. Cela fonctionne partout.

Contenu Sea, nous commençons à incarner l'idée de la vie!

Création de groupe

Pour créer un groupe, accédez à "Mes groupes" dans le menu de droite du compte Vkontakte et cliquez sur le bouton bleu situé en haut "Créer une communauté".

Cette fenêtre devrait apparaître, où nous entrons le nom de notre groupe et choisissez le format.

Présentation des informations nécessaires avant nous ouvre le groupe de gestion par notre communauté. Dans mon cas, ça ressemble à ceci.

Comme vous pouvez le constater, j'ai ajouté des paramètres: une vidéo incluse, des enregistrements audio, des discussions et d'autres possibilités qui m'ont utile dans des travaux supplémentaires lors de la collecte de contenu. Tout cela peut être changé à l'avenir sans aucune restriction. J'ai également prescrit l'adresse de mon site. Si vous n'avez pas de site ou que son sujet ne correspond pas au format de la communauté (ils sont sur des choses différentes et ne sont pas connectés les uns avec les autres), cette ligne peut alors être laissée vide.

Je mets des restrictions d'âge dans ce cas de 18 ans, par analogie avec ceux que les développeurs ont mis le match. Bien que je ne doute pratiquement pas que les enfants soient joués.

Tout. Le groupe est créé!

Maintenant, vous pouvez commencer la décomriade.

Enregistrement du groupe Vkontakte

Cette étape peut être divisée en 2 composants: graphique et technique. Pour travailler, nous aurons besoin d'un modèle pour créer un avatar de groupe et un menu, ainsi qu'un peu d'imagination et de photos de base de Photoshop (c'est Adobe Photoshop).

Modèle de balisage

Quel est le modèle de vous-même et qu'est-ce que c'est généralement? Le modèle est une sorte de blanc. Dans ce cas, au format * .PSD, nous avons marqué des zones pour le menu et le groupe Avatars.

Comme on peut le voir sur le deuxième exemple au début de cet article, nous pouvons rendre la conception dans un style unique pour les avatars et les images de menu. Dans ce cas, il découpe visuellement 2 parties. Donc, le modèle vous permet de former une image pour éliminer le déplacement des graphiques et apporter les images sur un niveau autant que possible.

Pour devenir plus claire, voici un exemple.

Nous voyons que sur les deux parties de l'image, il y a une bande donnant sur la zone résidentielle. Sans l'utilisation du gabarit, il est pratiquement irréaliste dès la première fois. Il sera nécessaire de personnaliser les images, d'extrusion de divergences jusqu'à 1px. Lors de l'utilisation du modèle, nous ajoutons simplement des graphiques dans le cadre du marquage et obtenez immédiatement le résultat souhaité.

Je tiens à noter que ce modèle est conçu pour une chaîne dans l'explication. Dans la capture d'écran de l'exemple, il y a des téléphones. Si la deuxième ligne apparaît, vous devrez utiliser un autre modèle ou corriger la conception manuellement.

Pendant ce temps, nous procédons directement à la conception graphique de votre nouveau groupe. Ici, je choisis le chemin du moindre résistance et trouver des parties de la conception, je vais à Google Pictures. Vous pouvez utiliser Yandex. Qui aime quoi d'autre.

Je n'ai pas d'éducation de design, vous ne vous arrêterez pas en détail sur la sélection des polices et des autres petites choses que nous ne le ferons pas. Plier un peu dans Photoshop, j'ai reçu un tel résultat.

Sur le fragment de gauche (où l'inscription "MENU") peut également ajouter plusieurs déclencheurs. Dans ce cas, j'ai décidé de faire sans eux. Tout. La conception d'Avatar est prête. Cliquez sur Photoshop Shift + Ctrl + Alt + S Blanchiment des touches de rachat et enregistrez nos fragments vers le dossier sur le disque dur.

La première étape du travail avec des graphiques est terminée. Retour au contact.

Installation d'avatar et de menu pour le groupe

Cliquez sur la souris sur deux types sur la place de l'Ava de notre groupe et chargez notre image là-bas. Ici ces gars, ils sont toujours écrits "Télécharger une photo".

Ajouter une photo. Nous spécifions les champs et choisissons la vignette. Ici tout est simple et il ne devrait y avoir aucun problème.

Comme on le voit, vous devez connaître l'ID de la communauté. Vous pouvez trouver très simple. Nous trouvons dans votre groupe un menu (immédiatement sous l'avatar) et ouvre la "Statistiques communautaires". Dans le même temps, quelque chose de similaire dans la barre d'adresse apparaîtra dans la barre d'adresse (les numéros seront différents).

Ces chiffres après "? Gid \u003d" est l'ID de groupe souhaité. Nous insérons la valeur obtenue dans la forme du script et écrivez un nom pour la page que nous voulons créer. Dans ce cas, je conduis le "menu".

Il convient de noter que la page ne créera que si la fenêtre avec le groupe est ouverte dans l'onglet suivant. Mettez simplement, vous devez être autorisé dans la VC dans le même navigateur. Après tout, il n'y a pas accès à de telles manipulations uniquement à l'administrateur du groupe et aux personnes qui leur sont nommées. Passerby aléatoire ne sera pas en mesure de le prendre si facilement et de modifier les paramètres du groupe dont l'administrateur n'a pas accès.

Si tout est fait correctement, cette page s'ouvrira.

C'est la fenêtre même où nous allons faire un marquage wikie plus tard et créer menu interne Pour votre groupe. Jusqu'à présent, il suffit pour nous d'écrire quelque chose ici. Après cela, appuyez sur la touche bleue "Enregistrer la page" et au sommet, nous cliquons sur le lien vers la page.

J'ai écrit le "menu" et ma page après avoir commencé à ressembler à ceci.

Il n'y a pas encore de design, mais maintenant nous n'avons besoin que d'un lien vers cette page. Nous le prenons dans la barre d'adresse du navigateur et nous revenons à la page principale de notre groupe. Dans le ruban.

Ici, vous créez le message du contenu suivant: Insérez l'image et le lien vers la page de menu du groupe.

Cliquez sur Envoyer. Après cela, cliquez sur l'heure d'envoi du message et choisissez-la parmi toutes les options "Secure". Nous mettons à jour la page (clé F5 sur le clavier) et, si tout est terminé correctement, nous obtenons le premier résultat: le groupe a gagné l'avatar et le lien pour accéder à la section Menu.

Wiki-Markup du menu du groupe Vkontakte

Nous allons maintenant travailler directement les menus même. Rendez-vous dans Photoshop et créez une conception pour notre menu. Lors de la conception d'une interface, vous devez vous rappeler les personnes qui iront à la VC à travers l'application avec téléphones portables. En d'autres termes, nous ne devrions pas avoir de petits éléments et d'ailleurs, vous devez essayer de tout faire plus clairement. Afin de ne pas avoir besoin de deviner, car tout est arrangé ici et où cliquer sur ... et pénétrer dans le bon article et étudier les informations souhaitées.

Je ne cesserai pas en détail comment j'ai collecté exactement le menu. C'est ce que j'ai fait.

Champs minimum. Mise en page verticale. Format parfait pour le menu Adaptive. C'est-à-dire que sur les mobiles n'ira nulle part. Tout sera exactement comme sur les écrans des ordinateurs et des tablettes. Je prends une largeur de 500 px, de sorte que je n'ai rien commencé et je ne perds pas deux fois comme une image. La hauteur n'est pas fondamentale.

Nous avons coupé l'image en fragments et les sauvegardons.

Tout. Le dernier temps d'accord est venu - nous collectons le menu déjà dans le groupe lui-même.

Pour ce faire, nous retournons à la page principale du groupe (où le ruban et notre image de liaison conduit dans le menu). Cliquez sur l'image du menu et obtenez sur la même page qui a précédemment créé pour le menu.

Si vous êtes administrateur ou créateur du groupe (dans notre cas, c'est le cas), le lien "Modifier" sera en haut de la page. Clique dessus.

Ensuite, allez au mode Wiki-Markup (sous le bouton pour fermer dans le coin supérieur droit de la page est dessiné un tel cadre avec<> à l'intérieur). Lorsque le mode souhaité est activé, ce bouton Encerclé avec gris.

Après cela, je tire dans l'icône de la caméra et ajoutez immédiatement tous les fragments de notre menu. En mode météo, nous ne verrons pas les images elles-mêmes, uniquement le code de ces images avec des dimensions et des paramètres.

Je veux localiser le menu au centre et afin qu'il n'y ait pas de lacunes entre les fragments. Donc, chacun des éléments envelopper dans la balise

Le premier et les derniers éléments de menu ne doivent pas être des boutons - dans ma figure, il s'agit simplement d'un élément graphique sans référence à la page interne, vous prescrivez donc un paramètre supplémentaire "NOLINK". Il supprimera la possibilité de cliquer sur cet élément pour ouvrir un morceau de l'image dans une fenêtre séparée. En cliquant sur la souris, rien ne se passe du tout. Ceci est le fond des pages habituelles. Inactif.

Dans mon cas, le code de menu est comme suit.

Séparément, je tiens à noter que, après avoir importé des images dans la VK, le système intégré indique parfois de manière incorrecte les dimensions des images. Par conséquent, cela vous devez suivre avec soin et mettre exactement ceux que nous avons planifiés au stade de la conception design. Sinon, tout peut être dispersé et le puzzle ne fonctionnera pas à la fin.

Lorsque nous avons prescrit le code et avons nivelé tous les éléments, nous enregistrons la page et voir la même chose qui était dans Photoshop.

Le dernier bar est resté - vous devez créer les pages mêmes où les gens enverront des personnes à notre menu. Pour ce faire, nous allons à nouveau se tourner vers le script pour générer les pages Wiki et cette fois-ci, nous commandons trois pages à la fois. Dans le même temps, il est également nécessaire d'écrire quelque chose sur chacun de chaque et n'oubliez pas de les enregistrer quelque part leurs adresses de la ligne d'adresse du navigateur.

Après cela, insérez les liens vers les nouvelles pages du code de code WIKI aux nouvelles pages sous la forme de la page 102302049_51013384, où le premier numéro est l'ID de groupe et le second est le numéro de page. Bien que ce ne soit généralement pas important. Après tout, nous devons juste copier ce fragment de l'URL et insérer dans le balisage.

En conséquence, le code de menu prend le formulaire suivant.

Extérieurement rien n'a changé. Mais lorsque nous cliquons sur la souris sur les éléments de menu, on peut voir que cela fonctionne maintenant!

En ce qui concerne le marquage et les règles mêmes pour lesquels le code est écrit, je vous conseille d'honorer le groupe Vkontakte spécialement dédié à cette affaire. Les gars ont décrit que tous les points clés et dans leur catalogue peuvent facilement trouver l'article nécessaire et déterminer comment l'ajouter à sa page wiki.

Les réseaux sociaux sont entrés depuis longtemps dans la vie de la plupart des gens et constituent une composante importante. Beaucoup de gens parviennent même à créer leurs activités virtuelles en eux: tricherie, abonnés, vente de marchandises des autres pays et droit d'auteur. Presque tous ont un groupe. Et comment transmettre les utilisateurs plus rapidement qu'une personne ou même une organisation entière? Créer un menu spécial dans lequel sera contenu les informations nécessaires. Et c'est ici que nous avons besoin d'un marquage Wiki. Comment faire le menu du groupe VK? Que ajouter? L'article examinera la création et des exemples.

Qu'est-ce qu'un marquage wiki?

Comment faire le menu du groupe VK? Wika Markup est un bon assistant! C'est un moyen très efficace et pratique de concevoir un groupe dans réseau social "En contact avec". Ce marquage sur le principe de son action est très rappelant le code HTML. Mais pour les personnes qui ne sont pas liées à la programmation, il sera plus compréhensible en raison de la simplicité de la mise en œuvre. Son nom Wiki-Markup a reçu grâce à Wikipedia, où de nombreux utilisateurs étaient pour la première fois de se familiariser avec les principales caractéristiques de son fonctionnement. Wika Markup permet aux personnes sans connaissances dans la programmation rapidement et facilement apparence Groupes:

1. Créez des spoilers et des tables graphiques.
2. Format texte et images.
3. Travailler avec des ancrages et des liens.

Comment faire le menu du groupe VK? Les recommandations sont si nécessaires, mais en général, il peut être compris avec l'aide de bonnes directives. Si nous parlons de HTML, alors pour étudier et travailler avec lui, il était nécessaire de rester assis pendant plusieurs jours ou même une semaine. Wika Markup avec une bonne mémoire ne nécessite qu'un peu de temps. Comment peut-on créer? Quelles sont les approches? Nous allons donc parler de la technologie et qui l'a fait? Nous allons comprendre comment créer le menu du groupe VK. Ward Cunningham a d'abord introduit le concept de "wiki" (traduit de hawaïen signifie "rapide").

Méthodes de marquage Wikic

Vous devez vous poser non seulement la question: «Comment faire un menu dans un groupe dans VK», mais également clarifier la manière de le mettre en œuvre. Vous pouvez choisir quelques façons. Chacun d'entre eux dépend de la direction et des objectifs du groupe. Alors, que peut être:

1. Si le groupe a des directions sociales, vous pouvez créer un menu de texte. Les avantages lui sont remis grâce à une apparence plus grave.
2. Les groupes commerciaux et de divertissement font de préférence un pari sur le menu graphique. L'utilisation d'images vous permettra d'attirer l'attention de l'utilisateur sur ce qui devrait être à l'esprit. L'utilisation d'une telle approche vous permettra également de rendre le séjour dans le groupe plus agréable et relaxant.

À titre d'exemple de travail, travailler avec des images et des photos sera pris en compte, comment faire des tables, insérer des liens, ouvrir et bien plus encore. Bien sûr, ce n'est pas tout fonctionnel, mais il sera possible d'organiser un menu de votre groupe de cette manière et avec une échelle assez significative.

Travailler avec des images

Comment faire un menu dans un groupe dans VK, qui serait magnifique? Dans le réseau social "vkontakte", insérez une photo ou une image à l'aide du marquillage Wikie n'est fourni que dans les cas où ils sont chargés dans les albums photo du site. Nous y allons donc, choisissez la photo souhaitée et copiez son adresse. Par exemple, que ce soit comme ça: photo12345_67890. Maintenant, il est nécessaire de le prendre en doubles devraient révéler ce résultat: []. Et si une photo ou une image doit être attachée au texte ou au lien? Ou peut-être qu'il y a un désir de modifier un peu d'apparence? Ensuite, les éléments suivants aideront à cela: il est nécessaire que le fichier ait ce genre - [[[[photo12345_67890 | Options | Texte / Link]]. Au lieu des trois derniers mots, quelque chose dont il est nécessaire est substitué. Texte - Nous écrivons ce qui est nécessaire. Il semble que des explications spéciales ne soient pas nécessaires. Le lien est traduit de l'anglais sous forme de lien. Il est indiqué pour que la machine de l'utilisateur sache où elle doit aller. Options - Ces valeurs peuvent être installées ici:

1. Plain - Lien vers l'image est encadré en tant que texte, il n'a pas de photo.
2. Noborder - Le cadre est nettoyé près de la photo.
3. Boîte - L'image s'ouvre dans la fenêtre.
4. NOLINK - Le lien vers la photo est nettoyé.
5. NOPADDING - Les espaces entre les images ne sont pas affichés.
6. Nnnxyyypx ou nnnpx - indiquez quelle taille sera la photo en pixels. La première option fournit une largeur et une hauteur. Si désiré, vous pouvez "comprimer" une image. Et la deuxième option prévoit la modification de la largeur.

Comment créer des tables à l'aide de Wiki Markup?

Généralement à la fois graphique et le menu Texte nécessite un élément qui vous permet de soumettre des données sous forme pratique, à savoir la table. Sans eux, il y a peu de groupe dans Vkontakte. Pour créer une table dans le marquillage Wikie, vous devez utiliser un ensemble spécifique de caractères. Nous offrons de vous familiariser, de quelle fonctionnalité ils répondent:

1. (| - Le début de la table est donc désigné. Il est impossible de le faire sans cela lors de la création de cet article, c'est un attribut obligatoire.
2. | - Utilisé pour donner aux cellules l'effet de la transparence.
3. | + - Utilisation de cet ensemble de caractères, le nom de la table est appelé au centre. Ce n'est pas un attribut obligatoire, mais il devrait être placé immédiatement après les signes, qui indiquent le début.
4. | - - Indiquez donc de nouvelles lignes (y compris pour les cellules).
5. ! - Donne la couleur sombre. En cas d'ego, il est nécessaire d'utiliser un signe du paragraphe 2.
6. |) - Un ensemble de caractères désignant la fin de la table. C'est un attribut facultatif. Mais il est toujours recommandé de l'utiliser pour empêcher l'erreur.

Comment se remplit la cellule? Toutes les données qui doivent être répertoriées sont placées après des signes |. Si vous souhaitez séparer les cellules une d'une autre, il est nécessaire de le laisser simplement dupliquer de cette manière: ||. Tout a dit jusqu'à ce que ce point ne soit pas trop clair, mais cela sera maintenant corrigé à l'aide d'un exemple.

Création d'un menu de groupe dans le réseau social "Vkontakte" à l'aide de Wiki Markup: Exemple de mise en œuvre

Les options Noborder et Nolink seront utilisées ici. Ils supprimeront le cadre de l'image et du lien. De plus, les images seront de taille modifiées et la deuxième ligne des cellules cellulaires aura un remplissage sombre en raison de l'utilisation de l'attribut !. Et voici l'exemple lui-même:

{|
|-
|