Alinhar o menu ao centro


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 :)

9 comentários:

  1. Nem sabem há quanto tempo estava à espera disto! E funcionou! :)

    ResponderEliminar
  2. 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!

    ResponderEliminar
  3. Obrigadinha pela dica :) Tenho apenas uma pergunta: para quem tem o menu nos destaques do lado direito, mas quer centrá-lo na mesma e tirar aqueles pontos no início, pode inserir o mesmo código?
    Um beijinho

    http://fabianacoelhopais.blogspot.pt

    ResponderEliminar
  4. Perfeito! há imenso tempo que tentava colocá lo no centro e nao conseguia. Será que podia dar-me mais uma ajudinha? como so tenho 3 paginas, como é que consigo um afastamento entre eles?

    ResponderEliminar
  5. 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.

    ResponderEliminar
  6. Nossa, que ajuda!! haha valeu =)
    http://laemjupiter.blogspot.com.br/

    ResponderEliminar
  7. Vocês são os maiores! Estas pequenas coisas matam a cabeça a uma pessoa.. OBRIGADA!

    ResponderEliminar