Adicionar botões na barra de navegação (We_clearblue)

[Holmes]

Qual a URL do seu fórum: http://www.chakra-linux.com.br/forum/index.php
Tipo de Hospedagem: Free
Qual a versão do phpBB: phpBB 3.0.10
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: Usuário: Senha:
Estilos instalados: Style we_clearblue
Modificações instaladas: "quem esteve aqui?" e "board3 portal"
Qual seu nivel de experiência:: Iniciante
Quando começou o problema: uma orientação
Descreva seu problema: Estou tentando incluir mais dois botões na barra, mas acho que estou fazendo algo errado, pois os botões não aparecem. veja o código abaixo:

Código: Selecionar todos

<div id="main-navigation">
         <ul id="primary-navigation" class="leftside">
             <!-- IF U_PORTAL --><li><a href="{U_PORTAL}">{L_PORTAL}</a></li><!-- ENDIF -->
            <li><a href="{U_INDEX}" title="{L_INDEX}">{L_INDEX}</a></li>
            <li><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
            <!-- IF not S_IS_BOT-->
               <!-- IF S_DISPLAY_SEARCH --><li><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH}</a></li><!-- ENDIF -->
               <!-- IF S_DISPLAY_MEMBERLIST --><li><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
               <!-- IF U_TEAM --><li><a href="{U_TEAM}" title="{L_THE_TEAM}">{L_THE_TEAM}</a></li> <!-- ENDIF -->
               <!-- IF U_MCP --><li><a href="{U_MCP}" title="{L_MCP}">{L_MCP}</a></li><!-- ENDIF -->
               <!-- IF U_ACP --> <li><a href="{U_ACP}" title="{L_ACP}">{L_ACP}</a></li><!-- ENDIF -->
			   <!-- IF U_REGRAS --> <li><a href="{U_INDEX}" title="{L_INDEX}">{L_INDEX}</a></li>
               <li><a href="http://www.chakra-linux.com.br/forum/viewtopic.php?f=9&t=9" title="Regras">Regras</a></li>
               <li><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li><!-- ENDIF -->
			   <!-- IF U_CHAKRA --> <li><a href="{U_INDEX}" title="{L_INDEX}">{L_INDEX}</a></li>
               <li><a href="http://chakra-linux.org/" title="Chakra Project">Chakra Project</a></li>
               <li><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
            <!-- ENDIF -->
         </ul>

ai ideia é inserir um botão "regras" entre "fórum" e "fqa". o outro "chakra project" entre de "equipe" e "painel moderação". veja o código desses botões:

Código: Selecionar todos

<!-- IF U_REGRAS --> <li><a href="{U_INDEX}" title="{L_INDEX}">{L_INDEX}</a></li>
               <li><a href="http://www.chakra-linux.com.br/forum/viewtopic.php?f=9&t=9" title="Regras">Regras</a></li>
               <li><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li><!-- ENDIF -->
<!-- IF U_CHAKRA --> <li><a href="{U_INDEX}" title="{L_INDEX}">{L_INDEX}</a></li>
               <li><a href="http://chakra-linux.org/" title="Chakra Project">Chakra Project</a></li>
               <li><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->

vlw fwi, Holmes :)

[robra]

Os botões estão definidos nas seguintes linhas do overall_header.html, entre as tags <li></li>:

Código: Selecionar todos

<!-- IF U_PORTAL --><li><a href="{U_PORTAL}">{L_PORTAL}</a></li><!-- ENDIF -->
            <li><a href="{U_INDEX}" title="{L_INDEX}">{L_INDEX}</a></li>
            <li><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
            <!-- IF not S_IS_BOT-->
               <!-- IF S_DISPLAY_SEARCH --><li><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH}</a></li><!-- ENDIF -->
               <!-- IF S_DISPLAY_MEMBERLIST --><li><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
               <!-- IF U_TEAM --><li><a href="{U_TEAM}" title="{L_THE_TEAM}">{L_THE_TEAM}</a></li> <!-- ENDIF -->
               <!-- IF U_MCP --><li><a href="{U_MCP}" title="{L_MCP}">{L_MCP}</a></li><!-- ENDIF -->
               <!-- IF U_ACP --> <li><a href="{U_ACP}" title="{L_ACP}">{L_ACP}</a></li><!-- ENDIF -->

É só acrescentar uma nova linha entre as tags <li></li> onde quer incluir o botão.
Exemplo:
Digamos que você queira incluir um botão entre o Fórum e a FAQ.

Código: Selecionar todos

<li><a href="{U_INDEX}" title="{L_INDEX}">{L_INDEX}</a></li>
<li><a href="http://endereço" title="Texto com o nome do botão">Texto com o nome do botão</a></li>
<li><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>

A 1ª linha corresponde ao botão FÓRUM.
A 2ª linha corresponde ao NOVO botão.
A 3ª linha corresponde ao botão FAQ.
O problema é que a barra de navegação já está espremida e se você colocar mais algum botão terá que diminuir o espaço entre eles ou abreviar o texto dos botões, senão a sua barra ficará desconfigurada.
Em todo caso, seria assim:

Código: Selecionar todos

<!-- IF U_PORTAL --><li><a href="{U_PORTAL}">{L_PORTAL}</a></li><!-- ENDIF -->
            <li><a href="{U_INDEX}" title="{L_INDEX}">{L_INDEX}</a></li>
            <li><a href="http://www.chakra-linux.com.br/forum/viewtopic.php?f=9&t=9" title="REGRAS">REGRAS</a></li>
            <li><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
            <li><a href="http://chakra-linux.org/" title="Chakra Project">Chakra Project</a></li>
            <!-- IF not S_IS_BOT-->

Abraço.

[robra]

Você pode acrescentar o target="_blank" para o botão "Chakra Project" abrir o site http://chakra-linux.org/ em uma nova janela ou aba. Desta forma, as pessoas que fecharem a janela do http://chakra-linux.org/ ainda permanecerão com a janela do Fórum aberta. A linha ficaria desta forma:
<li><a href="http://chakra-linux.org/" target="_blank" title="Chakra Project">Chakra Project</a></li>.

P.S.: Repare que só em colocar o mouse sobre o texto do botão "Chakra Project" do botão, sem clicar nele, aparece um retângulo e dentro dele escrito "Chakra Project". Com os demais botões a mesma coisa exceto o do Portal. Para que apareça nele também, acrescente title="Portal" na linha do botão do Portal, ficando desta forma:
<!-- IF U_PORTAL --><li><a href="{U_PORTAL}" title="Portal">{L_PORTAL}</a></li><!-- ENDIF -->

Abraço.

[Holmes]

oi robra, obrigado pela ajuda! ficou legal, mas não estou conseguindo colocar o botão "chakra linux" depois do botão "equipe". já fiz umas mudanças, mas dei erro! veja como está o código:

Código: Selecionar todos

<div id="main-navigation">
         <ul id="primary-navigation" class="leftside">
            <!-- IF U_PORTAL --><li><a href="{U_PORTAL}" title="Portal">{L_PORTAL}</a></li><!-- ENDIF -->
			<li><a href="http://chakra-linux.org/" target="_blank" title="Chakra Project">Chakra Project</a></li>.
            <li><a href="{U_INDEX}" title="{L_INDEX}">{L_INDEX}</a></li>
            <li><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
			<li><a href="http://www.chakra-linux.com.br/forum/viewtopic.php?f=9&t=9" title="Regras">Regras</a></li>
			<!-- IF not S_IS_BOT-->
               <!-- IF S_DISPLAY_SEARCH --><li><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH}</a></li><!-- ENDIF -->
               <!-- IF S_DISPLAY_MEMBERLIST --><li><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
               <!-- IF U_TEAM --><li><a href="{U_TEAM}" title="{L_THE_TEAM}">{L_THE_TEAM}</a></li> <!-- ENDIF -->
			   <!-- IF U_MCP --><li><a href="{U_MCP}" title="{L_MCP}">{L_MCP}</a></li><!-- ENDIF -->
               <!-- IF U_ACP --> <li><a href="{U_ACP}" title="{L_ACP}">{L_ACP}</a></li><!-- ENDIF -->
			<!-- ENDIF -->
         </ul>

vlw fwi, Holmes :)

[Chico Gois]

Limpe o cache do seu navegador

[robra]

1º) Olha a linha em seu código:
<li><a href="http://chakra-linux.org/" target="_blank" title="Chakra Project">Chakra Project</a></li>.
Me diz o que aquele ponto final está fazendo no final da linha, após a tag </li> ?

Cara... era só para copiar o texto em verde na linha da mensagem viewtopic.php?f=147&t=46066#p276553.
Tira o ponto final de lá, terminando a linha na tag </li>.(ponto final desta frase)

2º) Tem de retirar a linha...
<li><a href="http://chakra-linux.org/" target="_blank" title="Chakra Project">Chakra Project</a></li> de onde está e colocá-la em uma nova linha, após de...
<!-- IF U_TEAM --><li><a href="{U_TEAM}" title="{L_THE_TEAM}">{L_THE_TEAM}</a></li> <!-- ENDIF -->
Veja se isso resolve.

Abraço.

[robra]

Veja lá se ficou da maneira desejada.
Se ficou, então salve o arquivo atual do overall_header.html como backup.

Abraço.

[Holmes]

oi robra, ficou legal. a ideia era colocar depois do botão 'equipe'. agora vou trabalhar no mod Resolvido.

vlw fwi, Holmes :)

[robra]

...a ideia era colocar depois do botão 'equipe'....

Ué... o botão "Chakra Project" não está depois do botão "Equipe" ?

Abraço.

[Holmes]

sim, ficou bom!

vlw fwi, Holmes :)