Exibir menu na vertical

Este tutorial usa a modificação de templates, por favor, antes leia a FAQ sobre isso, no caso de dúvidas de como fazer.

Às vezes queremos personalizar nossos menus em algumas versões como
por exemplo deixá-lo na vertical. Veja como fazê-lo em alguns simples
passos:

--> Tutorial <--
Exibir menu na vertical

1º - Aceder ao template:
Para começarmos o processo, primeiro devemos aceder aos templates, por
isso este modificação só é possível nas versões PhpBB 2 e PunBB. Aceda
em:
Painel de controle > Visualização > Templates > Geral > overall_header

Overall_header: Aqui é onde modificares a forma/modo como o menu é apresentado.

Modificar: Carregue/clique neste ícon para irmos à edição.

Localizando e substituindo

Encontrando o código:
Na página localize o código:

Código:


    {GENERATED_NAV_BAR}
   

Substituindo o código:
Substitua o encontrado acima por:

script
type="text/javascript">$(document).ready(function(){if(nome=="Convidado")
{menu = '

href="/login.forum?connexion"> />Entrar

class="mainmenu" href="/profile.forum?mode=register"> src="ENDEREÇO_DA_IMAGEM"
/>Registar-se

';}else{menu = '

class="mainmenu" href="/profile.forum?mode=editprofile"> src="ENDEREÇO_DA_IMAGEM"
/>Perfil

class="mainmenu" href="/msg.forum?folder=inbox"> src="ENDEREÇO_DA_IMAGEM" />Mensagens
privadas

href="/login.forum?logout=true"> />Sair [ ' + nome + '
]

';}document.getElementById('menu_resto').innerHTML
= menu;}); cellpadding="0"
cellspacing="0">

id="suckerfishnav"> href="/forum.htm"> />Fórum class="mainmenu" href="/portal.htm"> />Portal class="mainmenu" href="/memberlist.forum"> src="ENDEREÇO_DA_IMAGEM" />Membros class="mainmenu" href="/groupcp.forum"> src="ENDEREÇO_DA_IMAGEM" />Grupos class="mainmenu" href="/search.forum"> src="ENDEREÇO_DA_IMAGEM" />Buscar id="menu_resto">

align="left" border="0" cellpadding="0"
cellspacing="0"> id="suckerfishnav"> src="{LOGO}" alt="{L_INDEX}"
/>

Em "ENDEREÇO_DA_IMAGEM" troque pelos links de suas imagens.
Em "left" decida a posição do menu/logo.

Removendo e finalizando:
Agora vamos remover algumas coisas e finalizar. Na página:
*Proucure pelo código abaixo e remova:

Código:


    <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
   

E substitua por este:

Código:


    <div id="pun-title">Menu</div>
   

2º - Configurações do fórum:
Agora para finalizarmos o processo, devemos aceder às configurações do fórum.
Painel de controle > Geral > Fórum > Configuração.

Descrição do site: Para finalizarmos o tutorial, coloque o código abaixo neste local e salve.

Código:


    <script>nome='{USERNAME}';</script>
   

Resultado

--> FAQ <--
Exibir menu na vertical

• Não há como fazer isso em outras versões?
  Lamento, como já disse, só é possível nas versões PhpBB 2 PunBB.
  
• Como adicionar novos menus?
  Basta, depois de:
  

• Código:

  
    <li><a class="mainmenu" href="/search.forum"><img
    src="ENDEREÇO_DA_IMAGEM" />Buscar</a></li><br>
   

Adicionar o seguinte código:

Código:


    <li><a class="mainmenu"
    href="LINK_DE_REDIRECIONAMENTO"><img src="ENDEREÇO_DA_IMAGEM"
    />TEXTO</a></li>
   

Modificando os campos:
*"LINK_DE_REDIRECIONAMENTO" para qual URL o link irá apontar (ir);
*"ENDEREÇO_DA_IMAGEM" pelo link de sua imagem;
*"TEXTO" para o que irá aparecer.