Como Personalizar O Menu Do Site

Índice:

Como Personalizar O Menu Do Site
Como Personalizar O Menu Do Site

Vídeo: Como Personalizar O Menu Do Site

Vídeo: Como Personalizar O Menu Do Site
Vídeo: Como criar um Menu Personalizado no Elementor 2024, Maio
Anonim

Ucoz é um sistema popular de gerenciamento de sites. Com sua ajuda, você pode personalizar cada elemento de seu próprio recurso e criar um design de página exclusivo. O menu é um dos principais elementos de qualquer site, pois é através dele que o usuário navega pelo seu recurso.

Como personalizar o menu do site
Como personalizar o menu do site

Instruções

Passo 1

Você pode usar os controles do construtor de sites para personalizar o menu em Ucoz. Assim, você pode alterar a cor de fundo do modelo selecionado, a cor dos links e o texto nos blocos de menu. A edição de todos os elementos é feita através do menu do designer "Design" - "Design Management (CSS)".

Passo 2

Isso abrirá uma folha de estilo CSS, ou seja, o modelo com base no qual os elementos da interface são exibidos. Encontre a linha navBar no código exibido e edite-a como achar necessário. Por exemplo:

#navBar {padding: 4px; plano de fundo: # 959595; estouro: automático; cor vermelha; }

etapa 3

Este código define o recuo do texto das bordas do bloco criado em 4 pixels, enquanto o fundo do menu adquire o valor # 959595, que corresponde a uma determinada cor no formato HTML. O parâmetro overflow: auto é usado para definir a exibição de conteúdo que não cabe na área especificada. Este parâmetro não deve ser editado sem necessidade especial. A opção de cor define os elementos de conteúdo do bloco para vermelho.

Passo 4

Para editar os parâmetros de um link, você também pode usar as opções que estão no mesmo bloco de código. Altere o #navBar a: link (link normal), a: active (cor do link após clicar), a: visitado (link visitado) e a: hover (cor do link após passar o mouse) conforme sua preferência. Altere a cor do atributo de cor e edite o parâmetro text-decoration, que define os atributos do texto. Os valores para esta opção podem ser sublinhado, intermitente, linha, sobre linha.

Etapa 5

Após a edição, clique no botão "Salvar". De maneira semelhante, altere as linhas.subColumn (fundo para exibir itens de menu vertical),.boxTable (títulos de blocos de menu),.boxContent (conteúdo de listas de links de menu),.uMenuV (itens de menu vertical) de acordo com sua preferência. Você pode remover parâmetros desnecessários e inserir seu próprio código CSS, bem como editar as cores de outros elementos no design.

Etapa 6

Salve as alterações e veja o resultado acessando a página do seu site. A edição dos itens do menu Ucoz está concluída.

Recomendado: