Existem muitos layouts de sites que podem ser encontrados online. Eles são convenientes de usar quando não há tempo para escrever todo o código do zero. É muito mais fácil editar um modelo existente alterando seu design. Portanto, para desenhar seu próprio menu de site, você precisa realizar várias etapas.
Instruções
Passo 1
Como exemplo, o trabalho no sistema ucoz é considerado. O design de vários elementos de um site geralmente é especificado usando uma folha de estilo (CSS). Para acessá-lo, faça login no painel de controle usando uma conta de administrador. Na página principal do painel, selecione a seção "Gerenciamento de Design".
Passo 2
Na lista suspensa de páginas editáveis, selecione Folha de estilo (CSS) na categoria Modelos gerais. Observe as informações escritas nas linhas relacionadas ao design geral (bloco de estilo geral) e especificamente ao menu (blocos com a palavra Menus em seus nomes). Você precisa descobrir quais parâmetros são definidos para a barra de menus: largura, altura, plano de fundo do painel e botões, imagens e assim por diante.
etapa 3
Se os parâmetros não forem adequados para você, substitua-os pelos necessários e salve o modelo. Depois disso, você já pode iniciar o editor gráfico e, a partir das informações obtidas, desenhar seus próprios botões. Salve-os e volte ao site. No menu "Ferramentas", selecione o item "Gerenciador de Arquivos" ou clique no link de mesmo nome localizado abaixo do bloco com o código.
Passo 4
Faça upload de novos botões para o site (setas direcionais ou outros elementos gráficos que você usará no menu). Anote o valor dos botões no código (por exemplo, background: url ('https:// link para a imagem do gerenciador de arquivos') no-repeat XXpx XXpx), defina os parâmetros de alinhamento, posição na página. Anote o estilo e o tamanho da fonte para as seções do menu (família da fonte e tamanho da fonte) e faça todas as outras alterações necessárias.
Etapa 5
Clique no botão “Salvar”, aguarde a notificação de que o template foi salvo com sucesso e abra a página do site para avaliar o resultado do trabalho realizado. Se você não estiver satisfeito com algo, você pode desfazer suas ações na janela de edição de CSS usando o botão de seta para a esquerda na barra de ferramentas.
