A tecnologia da informação está se desenvolvendo a cada dia. E o que antes parecia inatingível, hoje já está ao alcance de quase todos os homens da rua. E não é necessário ter habilidades e conhecimentos sobrenaturais para fazer seu próprio site. E se estamos apenas falando sobre adicionar um menu ao seu recurso, então até uma criança em idade escolar pode lidar com isso.
É necessário
Computador com conexão à internet
Instruções
Passo 1
Acesse o site PureCSSMenu. Aqui você verá um editor visual com o qual pode criar um menu para qualquer site de forma rápida e fácil.
Passo 2
Para ir à página onde se encontram os modelos de menu, clique no botão "Modelos", que fica à esquerda. Então você precisa selecionar o modelo que você gosta e clicar nele. Na janela "Visualizar", você verá um menu realmente funcional, criado com folhas de estilo em cascata.
etapa 3
Navegue por cada um dos modelos sugeridos para escolher o que melhor se adapta ao seu site. Se a cor e a fonte que você gostou no estilo do menu não se encaixam no esquema de cores do site, você pode alterar esses parâmetros clicando na guia "Parâmetros".
Passo 4
Altere a cor e a fonte usando o código HTML ou selecione-a na paleta oferecida pelo recurso clicando na tonalidade de sua preferência.
Etapa 5
Agora crie uma estrutura de menu para o seu site. Para fazer isso, clique no botão "Itens". Na guia que se abre, você verá um botão com um grande sinal de mais e a inscrição "Adicionar item". Clique neste botão e um novo item será adicionado ao final do menu. Para inserir um novo item no meio do menu, selecione a guia após a qual deve ser adicionado e clique no botão denominado "Adicionar Próximo Item".
Etapa 6
Para adicionar um subitem ao menu suspenso, pressione o botão "Adicionar Subitem", após selecionar o item de menu que conterá a nova aba. Se você deseja remover qualquer um dos itens, selecione-o e clique no botão "Remover Item".
Etapa 7
Na área "Parâmetros do item" é necessário preencher todos os campos para que o novo menu funcione corretamente. No campo “Texto”, digite o nome do item de menu, no campo “Link” digite o endereço da página para a qual a transição ocorrerá após clicar neste botão. Para escolher como a página deve ser aberta, no campo “Destino”, defina o valor “_self” ou “_blank”. Com a primeira opção, a página será aberta na mesma janela, com a função "_blank" selecionada - em uma nova.
Etapa 8
Agora você precisa colar o código do menu criado em seu site. Para fazer isso, clique no botão "Download", que está localizado no canto inferior direito, e selecione uma pasta em seu computador onde o arquivo purecssmenu-com.zip será salvo. Depois de salvar o arquivo, descompacte o arquivo e abra o arquivo purecssmenu.html, que contém o código do menu. Copie este código e cole-o no arquivo de modelo do seu site.
