Para dar individualidade ao site, o webmaster configura um template original, pois o design é a cara do site. Um grande número de layouts de layout podem ser baixados da Internet hoje, e eles terão uma aparência muito agradável. Normalmente, os modelos que foram copiados da web são editados para tornar o site único.
É necessário
- - visualizador de imagens;
- - FileZilla;
- - editor de texto Notepad ++.
Instruções
Passo 1
Use o FileZilla para visualizar e editar seus arquivos de modelo. Com sua ajuda, você pode trabalhar com arquivos de configuração online. Como regra, 3 arquivos são processados para alterar o design do site: index.php, template.css e templateDetails.xml.
Passo 2
O "cabeçalho" do site é o elemento da página que vai do topo ao início do conteúdo, daí o nome. Também é chamado de cabeçalho. Via de regra, apenas o logotipo ou qualquer outra imagem (logo.jpg) deve ser substituído no "cabeçalho" do site. A localização do logotipo do site está no arquivo template.css. Abra-o com o Notepad ++.
etapa 3
Para pesquisar um valor, use a opção "Pesquisar elemento": pressione a combinação de teclas Ctrl + F e insira o valor desejado no campo vazio. Se você deseja alterar a largura ou altura da imagem no "cabeçalho", insira a palavra cabeçalho na barra de pesquisa e pressione a tecla Enter.
Passo 4
Abaixo da palavra que você está procurando, você verá as linhas: Altura (altura) e Largura (largura). Altere esses valores e pressione Ctrl + S para salvar suas alterações. Na caixa de diálogo FileZilla resultante, clique no botão Sim.
Etapa 5
Vá para o site para ver as mudanças. Se você não estiver satisfeito com eles, volte ao arquivo e insira os novos valores.
Etapa 6
Para alterar o tamanho e o nome da fonte na página principal do site, use a busca. Digite o corpo da palavra e pressione a tecla Enter. Abaixo deste operador estão as linhas font-family (nome) e font-size (tamanho ou ponto). Altere seus valores, salve suas alterações e acesse o site para visualizá-las.
Etapa 7
Para alterar a forma como os links são exibidos, digite os valores a: link (link padrão), a: visitado (link visitado) e a: hover (link ativo) no formulário de pesquisa. Pressione Enter para localizar esses elementos no arquivo template.css.
Etapa 8
Edite os parâmetros de tamanho da fonte e cor. Depois de alterá-los, você provavelmente notará que nem todos os links adquiriram uma cor ou tamanho de fonte diferente. Nesse caso, você precisa procurar opções alternativas de posicionamento de link. Por exemplo, aqueles que permaneceram inalterados estão localizados no menu principal, portanto, você precisa pesquisar por um elemento consonantal.
Etapa 9
Procure a palavra "Principal" e pressione Enter. Provavelmente, você se encontrará próximo aos elementos do link da coluna da esquerda e da coluna da esquerda, cujo valor você precisa alterar. Após editá-los, salve o resultado e vá para a página do site, todos os links da página carregada devem ser alterados externamente.
