How to make a menu in a group in the VC and you arrange15.11.2018
Today the social network VKontakte offers a lot of opportunities. Many people manage to earn a lot of money in it, creating a community-based news of public, specialized groups and even full-fledged trading platform. It is not a small role played by design in such groups. We'll show you how to make a menu in a group to the VC , which will help to achieve beauty, comfort, and most importantly, functionality.
We will learn to add a graphical menu VKontakte the most simple type. But these basics will help you in the future to come up with and implement a menu of any complexity and design it to your liking. The work is divided into three stages.
You will be interested in reading the article:
- How to promote the group VKontakte
- How quickly dial 10000 friends VKontakte
- The most popular social network in Russia and in the World
Stage 1 - Preparing Photoshop menu
- For a visual example of how to make a menu, we found the right picture on the Internet. It is important that the image width is not more than 600 pixels (because of the VC). We will choose the width of 400px. This naturally will be charged at our design. Specify the dimensions is possible through the combination of keys Alt + Ctrl + I. Note that the height should not be specified, it will adjust proportionally.
- Next, you need to cut the image into pieces, which then we will assign the function menu buttons. We do this with a special tool "cutting out".
- Now save the image to the group VKontakte menu in WEB format through a combination of keys «SHIFT + CTRL + ALT + S».
- At the output we get the folder in which you will be in all parts of the original image.
Step 2 - Start a wiki markup VC menu
- We turn to the group VKontakte. The first step is to go to its settings and under "Materials" set to "Restricted."
- On the group go to the tab "Recent News" main page. Click on the label "Edit."
- You called Wiki editor, where we will create a beautiful VKontakte menu. Now change the inscription "Latest News" on the "Menu" and download with a special icon in the form of an image of the camera that got at "cutting out" in Photoshop.
- After downloading all the images, click the edit "Wiki Markup 'mode by clicking on the editor toolbar <> button. Here you will see this type of menu code.
[[photo449038873_456239150|400x82px;noborder| ]] [[photo449038873_456239151|400x70px;noborder| ]] [[photo449038873_456239152|400x57px;noborder| ]] [[photo449038873_456239153|400x72px;noborder| ]] [[photo449038873_456239154|400x68px;noborder| ]] [[photo449038873_456239155|400x70px;noborder| ]] [[photo449038873_456239156|400x83px;noborder| ]]
- If you save the page and click "Preview", then below you can see a prototype of the menu. While it looks bleak: between keys whitespace.
- Let us edit the code so that all fell into place. To do this, add a tag nopadding in each row. As a result, we get the following code:
[[photo449038873_456239150|400x82px;noborder;nopadding| ]] [[photo449038873_456239151|400x70px;noborder;nopadding| ]] [[photo449038873_456239152|400x57px;noborder;nopadding| ]] [[photo449038873_456239153|400x72px;noborder;nopadding| ]] [[photo449038873_456239154|400x68px;noborder;nopadding| ]] [[photo449038873_456239155|400x70px;noborder;nopadding| ]] [[photo449038873_456239156|400x83px;noborder;nopadding| ]]
Please note that the transfer line in the editor Enter button is not necessary, it will cause an error. Following the preview mode, we see that all the menu buttons fell into place.
Stage 3 - place a group VKontakte menu with links
- How to make a graphical menu VKontakte not only beautiful, but also interactive? True, it is necessary to add links to the buttons. Since in our group do not have anything other than the home page, all of the buttons will lead to it. You can insert any links, depending on your needs (photo albums, discussions, documents, and so on). Paste the link into each line of code instead of a space before the closing brackets -
[[photo449038873_456239150|400x82px;noborder;nopadding|https://vk.com/club173497067]] [[photo449038873_456239151|400x70px;noborder;nopadding|https://vk.com/club173497067]] [[photo449038873_456239152|400x57px;noborder;nopadding|https://vk.com/club173497067]] [[photo449038873_456239153|400x72px;noborder;nopadding|https://vk.com/club173497067]] [[photo449038873_456239154|400x68px;noborder;nopadding|https://vk.com/club173497067]] [[photo449038873_456239155|400x70px;noborder;nopadding|https://vk.com/club173497067]] [[photo449038873_456239156|400x83px;noborder;nopadding|https://vk.com/club173497067]]
- Now we align our menu in the center with the help of tag
[[photo449038873_MY HID part of the code ... club173497067]]
- Our menu is already running, it is necessary to place it on the wall in the group. To do this, click on the words " MENU " in the upper part of the window and copy the link from your browser's address bar.
- Now create a new post on the wall on behalf of the community, and insert the link. As you can see, the record appeared graphical link on the menu. Remove the text link and click "Submit". The post will appear on the wall, hook it at the top. And ... and we can use! Menu works! By the way, go in it, you can also link directly beneath the cap group.
- Note, in this post, you can add any image. Then it will also serve as a reference to the menu.
Now that you know how to make a menu in a group of VC. As you can see, nothing daunting about it. And let the "terrible" Code Wiki markup does not scare you! Good luck!
Was this article helpful?
Write in the comments and we promise to fix it!
What will we do next?
Please help site. Make repost the article at least somewhere: