Já vos explicámos a diferença entre páginas e etiquetas e como criar uma página e o respectivo menu. Num destes posts, alguém perguntou: “Já criei o menu, agora como é que o alinho ao centro?”. E é isso mesmo que vos vamos explicar hoje, como alinhar o vosso menu ao centro.
Para alinharem o vosso menu, só precisam de inserir uma linha de código CSS no vosso blog. Sabemos que isto soa a uma coisa muito complicada mas são só 3 passos muito simples!

1. Acedam ao backoffice do vosso blog e acedam a Modelo>>Personalizar.


2. Já dentro do Designer de Modelos seleccionem Avançadas>>Adicionar CSS
3. Agora é muito simples só têm de copiar o código, colá-lo na caixa de CSS e aplicar ao blog.

O código para alinhar ao centro é:

.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}
O código para alinhar à direita é:
.PageList {text-align:right !important;}
.PageList li {display:right !important; float:none !important;}
Simples não é? Esperamos que vos seja útil 🙂

10 respostas

  1. oh 🙁 por alguma razão que eu não compreendo não funcionou! 🙁 queria centrar o menu e não deu 🙁

    mas obrigada por partilharem sempre tantos dos vossos conhecimentos connosco. beijinhos! 🙂 ah e tenham um óptimo dia!

  2. Gostaria de saber se me conseguem ajudar com o menu do meu blog. Eu uso o Modelo Simples e tenho o menu com as páginas por baixo do título do blog. E as páginas ficam dentro de um rectângulo, formando vários rectângulos por cada página. Eu gostaria de saber se é possível eliminar esses rectângulo, se sabem de algum código e me possam indicar.
    Obrigada.

Responder a Rita Cancelar resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Este site utiliza o Akismet para reduzir spam. Fica a saber como são processados os dados dos comentários.