Hoje em dia não é difícil criar o seu próprio site, mesmo que não possua conhecimentos específicos na área de web design e programação. A qualquer momento, você pode usar a massa de diferentes modelos postados na Internet e, com base em modelos prontos, criar e publicar seu site na rede. No entanto, nem todos estão totalmente satisfeitos com a versão do site que o modelo oferece. Vamos lhe dizer como alterar o modelo de site e torná-lo único neste artigo.
Instruções
Passo 1
Baixe o modelo e encontre o arquivo style.css nele. Normalmente, esse arquivo está localizado na pasta public_html.
Passo 2
Abra o arquivo style.css no bloco de notas e encontre o trecho de código que é responsável pela aparência do topo do site. Este snippet é parecido com este:
#logotype {
background: url (images / logotype.png) no-repeat left center #fff;
largura: 230px;
altura: 60px;
margem: 10px 25px;
posição: relativa;
etapa 3
Neste código, na linha background: url, você precisa especificar o caminho para a imagem de fundo do futuro site. As próximas linhas indicam o comprimento e a altura da imagem, e o item de margem define o recuo vertical e horizontal da imagem.
Passo 4
Encontre o arquivo logotype.png
Etapa 5
Faça o upload da imagem de fundo para public_html / tmpl / template_name / Images / pasta, após o que, como mencionado acima, escreva o caminho para a imagem no fundo: linha url.
Etapa 6
Se necessário, reescreva os parâmetros de altura, comprimento e deslocamento da imagem. A posição: a linha relativa pode ser deixada sozinha. Salve as alterações no arquivo e carregue-o no servidor em vez do arquivo de modelo antigo.
Etapa 7
Se você deseja alterar o logotipo do rodapé do site, procure em style.css o trecho de código que começa com as palavras logotype-footer. Salve a imagem com o novo logotipo e carregue-a na pasta Imagens do modelo.
Etapa 8
Altere os parâmetros de comprimento e altura. Salve o arquivo style.css novamente e carregue o site atualizado para o servidor.
