Um grupo lindamente projetado o ajudará a ganhar a lealdade de seus membros e aumentar sua funcionalidade. Este artigo o ajudará a criar um menu gráfico simples, mas de bom gosto, para um grupo ou uma página pública do VKontakte.
Preparando o layout do menu
Para fazer um belo menu gráfico para um grupo ou página pública, você precisará de uma imagem na qual todo o menu será desenhado com proporções de cerca de 500 * 1000 pixels e habilidades básicas em Adobe Photoshop. Suponha que você já tenha desenhado seu menu - uma imagem retangular com os botões principais. Mas como colocá-lo na página do VKontakte e torná-lo funcional, ou seja, trabalhando clicando em uma determinada área? Abra seu layout no Adobe Photoshop, usando a ferramenta Slice, corte a imagem em várias partes horizontais separadas, cada uma das quais será um botão. Em seguida, salve a imagem recortada para a Internet (Salvar - Salvar para a Web), de preferência no formato.jpg. Você receberá várias imagens de botões separadas, que podem ser colocadas na página do VKontakte. A primeira parte do trabalho está feita!
Adicionando imagens de menu
Agora você tem a parte mais importante do trabalho: layout e design. Para criar um menu, você deve ter direitos de administrador nesta comunidade. Vá até o seu grupo, à direita, selecione "Gerenciamento da comunidade". Ao lado do item "Materiais" defina o valor "limitado". Volte à página inicial, agora um ícone expansível adicional 'Novidades' aparece abaixo da descrição da comunidade. Realce-o e selecione editar. A janela de edição do bloco será aberta. Na parte superior, clique no ícone "Adicionar foto" e faça o upload das imagens preparadas. Após o download, organize-os na ordem correta. Agora clique em cada imagem por vez e no campo "link" insira o endereço da página para a qual deseja redirecionar quando clicado. Mas isso não é tudo, ao visualizar e salvar, verifica-se que existem lacunas significativas entre as imagens. Isso precisa ser consertado.
Layout
Clique no ícone com aspas no canto superior direito do menu de edição da página. Você verá que suas imagens têm seu próprio código semelhante a [photo169452_381609123 | 422px | page-6574936_174936]. Para remover espaços, adicione uma tag especial: nopadding, separada por ponto e vírgula após o tamanho da imagem. O resultado deve ser semelhante a este: [photo169452_381609123 | 422px; nopadding; | page-6574936_174936]. Repita este procedimento para todas as fotos e salve o menu concluído.
