How to beautifully design a group in Contact. Tips and Rules

Social network Vkontakte pleases its users with a lot of interestingly designed groups. Many of them outwardly are not inferior to a full-fledged site. This effect ensures the competent design of the group, in particular, menus and avatars. Experienced users can easily cope with this task, if you are a beginner, then the article will be useful to you.

How to beautifully design a group in a contact

Creating a banner

When viewing a group, the user first of all pays attention to the avatar and the menu. Below is how to create two pictures in Photoshop, right one of them to cut and write a special code with the reference to external links.

Step 1

Open Photoshop, create a new document with the size of 630x725 pixels. Fill it with white color. Cut out two layers in the layer. Through these windows will look the graphic design of the Contact. First, select a rectangular area of 200x710 pixels, press the "Del" button. Next, select a rectangular area of 382x442 pixels, combine the resulting rectangles on the bottom and press the "Del" key.

Step 2

Under the resulting layer, arrange the graphic design of the group. It is best to write the desired text in advance in the picture with the main background, and in addition create the necessary number of menu items.

Step 3

Next, the right rectangular area of 200x710 pixels. Save as a separate image. It turned out a completely ready-made picture for the design of the group. It needs to be loaded into the block, which is located in the upper corner of the page on the right. To do this, click the "Upload Photo" button.

What is the left picture for? We cut it into several parts (depending on the number of menu items). For example, we have a menu has 5 points, which means that the output will be 5 pictures 382x50 pixels.

Step 4

Five received pictures should be uploaded to the group's album. Next, go to the page of the group and select the "News" block, rename it to the "Group Menu", and then click "Edit".

Step 5

So we came to the final stage of the guide "How to beautifully design a group in a contact." Open the tab with the name "Source code". The code that is in the bottom box must be copied and then pasted into the Source Code. In the text of the code, replace the photo with the file names and note the height of the file (382 pixels). Now we insert the addresses of the menu links. The name of the file is taken from the album.

Step 6

For an ideal combination of pictures, several conditions must be met:

- the name of the group should fit in one line;

- the address of the site - also one line.

- The description should contain 10 lines.

Wiki-marking Vkontakte

To understand how to beautifully design a group in a contact, you also need to read the concept of Wiki-markup.

What it is?

So, Wiki markup is a system designed for editing pages like HTML. Before beginning the design of the Vkontakte group, decide on its appearance. Design can be graphic and text.

Making the text menu

The code for the menu will look like this:

[[Photo-4599955_138645590]] [http://vkontakte.ru/write18759169|Reporting to ADM]

The beginning and end of the code are indicated by tags. Each icon will look like [[photo-№_in the album]], then a description.

Graphic menu

The code for such a menu will be compiled according to this principle:

!! [Http: //yoursite.ru | Menu] !! [Http: //yoursite.ru | Menu]!! [Http: //yoursite.ru | Menu]

Of course, this information only superficially affects the topic of Wiki-markup. You can find out more about it by visiting the official Vkontakte group. There are a lot of useful information and video tutorials on how to beautifully design a group in Contact.