/ / How to beautifully design a group in a contact. Tips and rules

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

Social network Vkontakte pleases itsusers 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

How to beautifully design a group of vkontakte
When viewing a group, the user is in the firstturn pays attention to the avatar and menu. Below, you will learn how to create two images in Photoshop, right one of them to cut and write a special code with external links.

Step 1

Open Photoshop, create a new document withthe size of 630x725 pixels. Fill it with white color. Cut out the two windows 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

Making a contact
Next, the right-hand rectangular area200x710 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 to 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 stageguide "How to beautifully design a group in a contact." Open the tab with the name "Source code". The code that is in the bottom window must be copied, and then inserted 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 fulfilled:

- 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 should also familiarize yourself with the concept of Wiki-markup.

What it is?

Group design
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.

Designing a 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 is only superficialaffects the theme of Wiki-markup. You can learn 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 a contact.