[TUTORIAL] Exibir menu na vertical
Página 1 de 1 • Compartilhe

[TUTORIAL] Exibir menu na vertical
![]() | 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
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
(carregue na imagem para aumentar)
![[TUTORIAL] Exibir menu na vertical Menu_e10](https://i.servimg.com/u/f68/16/28/29/80/menu_e10.png)
![[TUTORIAL] Exibir menu na vertical Menu_e10](https://i.servimg.com/u/f68/16/28/29/80/menu_e10.png)
![]() | ![]() modificares a forma/modo como o menu é apresentado. |
![]() | ![]() Modificar: Carregue/clique neste ícon para irmos à edição. |
![]() | Localizando e substituindo |
Na página localize o código:
- Código:
{GENERATED_NAV_BAR}
Substitua o encontrado acima por:
Em "ENDEREÇO_DA_IMAGEM" troque pelos links de suas imagens.
script
type="text/javascript">$(document).ready(function(){if(nome=="Convidado")
{menu = '<li><a class="mainmenu"
href="/login.forum?connexion"><img src="ENDEREÇO_DA_IMAGEM"
/>Entrar</a></li><br><li><a
class="mainmenu" href="/profile.forum?mode=register"><img
src="ENDEREÇO_DA_IMAGEM"
/>Registar-se</a></li>';}else{menu = '<li><a
class="mainmenu" href="/profile.forum?mode=editprofile"><img
src="ENDEREÇO_DA_IMAGEM"
/>Perfil</a></li><br><li><a
class="mainmenu" href="/msg.forum?folder=inbox"><img
src="ENDEREÇO_DA_IMAGEM" />Mensagens
privadas</a></li><br><li><a class="mainmenu"
href="/login.forum?logout=true"><img src="ENDEREÇO_DA_IMAGEM"
/>Sair [ ' + nome + '
]</a></li>';}document.getElementById('menu_resto').innerHTML
= menu;});</script><table align="left" border="0"
cellpadding="0"
cellspacing="0"><tbody><tr><td><ul
id="suckerfishnav"><li><a class="mainmenu"
href="/forum.htm"><img src="ENDEREÇO_DA_IMAGEM"
/>Fórum</a></li><br><li><a
class="mainmenu" href="/portal.htm"><img src="ENDEREÇO_DA_IMAGEM"
/>Portal</a></li><br><li><a
class="mainmenu" href="/memberlist.forum"><img
src="ENDEREÇO_DA_IMAGEM"
/>Membros</a></li><br><li><a
class="mainmenu" href="/groupcp.forum"><img
src="ENDEREÇO_DA_IMAGEM"
/>Grupos</a></li><br><li><a
class="mainmenu" href="/search.forum"><img
src="ENDEREÇO_DA_IMAGEM"
/>Buscar</a></li><br><span
id="menu_resto"></span></ul></td><td> </td>
</tr></tbody></table></li><li><table
align="left" border="0" cellpadding="0"
cellspacing="0"><tbody><tr><td><ul
id="suckerfishnav"><a href="{U_INDEX}" id="pun-logo"><img
src="{LOGO}" alt="{L_INDEX}"
/></a></ul></td><td> </td>
</tr></tbody></table>
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:
<a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
- Código:
<div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
- 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.
(carregue na imagem para aumentar)
![[TUTORIAL] Exibir menu na vertical Menu_e10](https://i.servimg.com/u/f68/16/28/29/80/menu_e10.jpg)
![[TUTORIAL] Exibir menu na vertical Menu_e10](https://i.servimg.com/u/f68/16/28/29/80/menu_e10.jpg)
![]() | ![]() finalizarmos o tutorial, coloque o código abaixo neste local e salve.
|
![]() | Resultado |
(carregue na imagem para aumentar)
![[TUTORIAL] Exibir menu na vertical Result12](https://i.servimg.com/u/f68/16/28/29/80/result12.png)
![[TUTORIAL] Exibir menu na vertical Result12](https://i.servimg.com/u/f68/16/28/29/80/result12.png)
--> FAQ <--
Exibir menu na vertical
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>
- Código:
<li><a class="mainmenu"
href="LINK_DE_REDIRECIONAMENTO"><img src="ENDEREÇO_DA_IMAGEM"
/>TEXTO</a></li>
*"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.
© Fórum dos Fóruns e Sindithiago
![]() | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Exibir menu na vertical |
Cream- Membro Proficiente
-
Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11643

» [TUTORIAL] Sub-fóruns em lista vertical
» [TUTORIAL] Colocando a aba do painel do usuário na vertical
» [TUTORIAL] Exibir o avatar do membro na barra de ferramentas
» [TUTORIAL] Exibir regras do fórum
» Como retirar ponto do sub menu vertical
» [TUTORIAL] Colocando a aba do painel do usuário na vertical
» [TUTORIAL] Exibir o avatar do membro na barra de ferramentas
» [TUTORIAL] Exibir regras do fórum
» Como retirar ponto do sub menu vertical
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos