How to create the graphic menu of VKontakte

How to create the graphic menu of VKontakte

Beautifully issued group will help you to win loyalty of participants and to increase functionality. This article will help you to make the simple, but issued with taste graphic menu for group or the public page of VKontakte. Preparation of the model for the menu To make the beautiful graphic menu for group or the public page, you need the picture on which the menu entirely with proportions about 500*1000 pixels and basic skills of work in Adobe Photoshop will be drawn. Let's assume, you already drew the menu – the rectangular picture with the main buttons. But how to place it on the page of VKontakte and to make functional, that is working on clicking a certain area? Open the model in Adobe Photoshop, by means of the instrument of cutting (Slice tool) cut the picture on several separate horizontal parts, each of which will be the button. Then save the cut image for the Internet (Save – Save for Web), it is desirable in the .jpg format. You receive several separate pictures buttons which then can be placed on the page of VKontakte. The first part of work is made! Adding of menu displays Now the most responsible part of work is necessary to you: imposition and design. To create the menu, it is necessary to have the administrator's rights in this community. Come into the group, on the right select the Management of Community item. Opposite to the Materials point expose value "limited". Return on the homepage, now under the description of community there was an additional deployed Latest news icon. Illuminate it, then select "edit". The block edit window will open. In its top part click the icon "Add the photo" and load in advance prepared images. After loading distribute them in the correct order. Now click on each image in turn and in the link field enter the address of the page on which readdressing when clicking is required. But there is more to come, at a preview and saving it will turn out that between images there are considerable intervals. It needs to be corrected. Imposition Click on the icon with quotes in the upper right corner of the menu of editing the page. You will see that your images have a custom code which looks approximately so: [[photo169452_381609123|422px|page-6574936_174936]]. To remove spaces, add the special tag: nopadding, having entered it through a semicolon after image size. The result should look approximately so: [[photo169452_381609123|422px;nopadding;|page-6574936_174936]]. Repeat this procedure for all pictures and save the ready menu.

Author: «MirrorInfo» Dream Team


Print