Como Alterar A Largura Do Template Do Joomla

Índice:

Como Alterar A Largura Do Template Do Joomla
Como Alterar A Largura Do Template Do Joomla

Vídeo: Como Alterar A Largura Do Template Do Joomla

Vídeo: Como Alterar A Largura Do Template Do Joomla
Vídeo: Joomla - Alterar largura do site 2024, Abril
Anonim

Joomla é um dos CMS mais personalizáveis e fáceis de usar que existe. Usando os recursos deste sistema de gerenciamento de site, você pode não apenas preencher o site com várias funcionalidades, mas também alterar sua aparência com base nos modelos instalados.

Como alterar a largura do template do Joomla
Como alterar a largura do template do Joomla

Instruções

Passo 1

Abra a página inicial do seu site. No menu do navegador que você está usando, selecione a função de visualização do código-fonte da página. No Google Chrome, esta ferramenta está localizada em "Ferramentas" - "Exibir código-fonte", no Firefox - "Desenvolvimento Web" - "Código-fonte". Se você estiver usando o Opera, selecione Exibir - Ferramentas de desenvolvimento - Código-fonte para exibir o código HTML.

Passo 2

Encontre a alça e veja todos os divs e seus nomes. Abra o arquivo template.css do seu modelo com qualquer editor de texto e encontre um bloco que defina explicitamente a largura. Por exemplo, se for depois, no arquivo de modelo, procure o bloco de nomes. Para simplificar a pesquisa, você pode usar a função "Editar" - "Localizar" da janela do editor. Navegue por todos os divs listados no código-fonte da página.

etapa 3

No parâmetro largura, insira o valor desejado em porcentagem ou pixels. Reveja o resto dos blocos que têm as mesmas larguras e altere-os da mesma maneira. Por exemplo, se você adicionou 200 pixels à largura da camada principal, precisa adicionar os mesmos 200 pixels a outros blocos.

Passo 4

Depois de concluir as alterações, salve o arquivo e veja o resultado, edite template.css novamente se necessário. Se você usar imagens como plano de fundo de blocos no modelo, provavelmente terá que alterar seu tamanho. Além disso, para cada div, você pode definir sua própria cor de fundo, que pode substituir a imagem monocromática. Se houver um logotipo no design do site, você poderá ampliá-lo usando qualquer editor gráfico. Você também pode usar suas próprias imagens em modelos.

Recomendado: