Como Fazer Um Cabeçalho No Site Ucoz

Índice:

Como Fazer Um Cabeçalho No Site Ucoz
Como Fazer Um Cabeçalho No Site Ucoz

Vídeo: Como Fazer Um Cabeçalho No Site Ucoz

Vídeo: Como Fazer Um Cabeçalho No Site Ucoz
Vídeo: uCoz - Como criar um template para uCoz 2024, Novembro
Anonim

Depois de instalar e configurar uma conta no Ucoz, o usuário passa a criar seu próprio site. Primeiro, a maioria dos webmasters define o design do cabeçalho do site, que determina a estrutura do futuro recurso. Para criar um título de site de qualidade, você pode aproveitar os diversos recursos do construtor de sites.

Como fazer um cabeçalho no site ucoz
Como fazer um cabeçalho no site ucoz

Instruções

Passo 1

Acesse o site "Painel de Controle" na seção "Gerenciamento de Design". Na subcategoria General Templates, abra a CSS Style Sheet. Na página que aparece, você verá uma lista dos templates usados e o código que é responsável pelo design.

Passo 2

Vá para a linha que começa com.header. Ele cria uma pseudo-classe que define o design de todo o topo do seu site. Para alterar o cabeçalho, você precisa editar este código específico.

etapa 3

Para alterar o plano de fundo do cabeçalho, na linha encontrada, você precisará alterar o parâmetro do URL de plano de fundo (‘address_to_the_picture_file’). Copie o endereço entre parênteses sem aspas e adicione-o ao endereço do seu site na janela do navegador. Portanto, se o seu recurso tiver o endereço site.ucoz.ru e a imagem estiver localizada em.s / u / 111 / 1.png, você precisará inserir a seguinte consulta na barra de endereço do navegador:

Site.ucoz.ru/.s/u/111/1.png

Após inserir esta sequência, pressione Enter.

Passo 4

Salve o arquivo resultante e modifique-o em qualquer editor gráfico (Photoshop, GIMP). Você pode alterar o plano de fundo, definir um estilo de design diferente usando as ferramentas e funções do programa. Sem alterar o tamanho da imagem, salve-a em seu computador com qualquer nome (por exemplo, head.png) com a mesma extensão.

Etapa 5

Na janela do editor Ucoz, vá para a seção "Gerenciador de arquivos" e carregue a imagem resultante para qualquer pasta disponível clicando no botão "Procurar" e depois em "Carregar arquivo".

Etapa 6

Volte para a página do editor CSS e forneça o URL para o arquivo de cabeçalho recém-carregado. Por exemplo, se você salvou uma imagem chamada head.png

URL de fundo (‘head.png’)

Etapa 7

Clique no botão "Salvar". A criação de um arquivo de cabeçalho personalizado no site agora está concluída.

Recomendado: