domingo, 7 de junho de 2009

Codigo de Ocultar Menu

...::::Criando Menu Expansível::::....


- Vá em Layout > Editar HTML

- Clique CTRL + F (Localizar) e procure onde está o código:

]]>

- Insira ANTES do código acima o que está abaixo:

.commenthidden {display:none;}.commentshown {display:inline;}

- E DEPOIS do código ]]> insira o trecho html abaixo:


- Deverá ficar assim:

.commenthidden {display:none;}.commentshown {display:inline;}]]>
- Visualize e se tudo estiver ok, salve o template.
- Agora para colocar o link expansivel em uma postagem, faça o seguinte:

Ensira o código html abaixo:

expand

COLOQUE AQUI O TEXTO EXPANSIVEL


OBS:1) Onde tem escrito "expand" você pode trocar por outro título como por exemplo: "Clique aqui para Expandir" ou o que você achar melhor

2) Depois de id="SPOILER_NAME"> insira o codigo html do conteúdo que irá aparecer depoisde clicar no link para Expandir e no final feche com


3) Caso for usar o codigo mais de uma vez, você deve trocar o "SPOILER_NAME" por um nome diferente, como "Link EXPANSIVEL" ou qualquer outro nome. Lembrando que tem dois lugaresno codigo em que está escrito "SPOILER_NAME" tendo que mudar os dois, colocando o nomeexatamente igual nos dois locais.


Esse codigo foi testado e confirmado qeu funciona!!!!

Nenhum comentário:

Postar um comentário