[Suporte] Menu deslizante ou retrátil (Slide Menu)
Re: [Suporte] Menu deslizante ou retrátil (Slide Menu)
SimplejQueryDropdowns... :)
Re: [Suporte] Menu deslizante ou retrátil (Slide Menu)
Como eu seu que você quer um menu específico de um outro Fórum, então, faça o seguinte:Krunsher escreveu:SimplejQueryDropdowns... :)
1- Desfaça as alterações do overall_header.html, deixando na versão anterior antes da instalação do Menu deslizante, e exclua os arquivos .css e .js do menu que você fez upload para a pasta /theme.
2- Abra o arquivo overall_header.html, ache as linhas...
Código: Selecionar todos
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/ca_scripts.js"></script>
</head>
<body class="{S_CONTENT_DIRECTION}">
<a name="top"></a>
<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center">
<tr>
<td id="logorow" align="center"><div id="logotop">
<a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
</div></td>
</tr>
<tr>
<td class="navrow">
<!-- IF not S_IS_BOT -->
<!-- IF S_USER_LOGGED_IN --><a href="{U_PROFILE}">{L_PROFILE}</a> • <!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN -->
<!-- IF S_DISPLAY_PM --><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a> • <!-- ENDIF -->
<!-- ELSEIF S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><a href="{U_REGISTER}">{L_REGISTER}</a> • <!-- ENDIF -->
<!-- ENDIF -->
<!-- IF U_RESTORE_PERMISSIONS --><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a> • <!-- ENDIF -->
<a href="{U_FAQ}">{L_FAQ}</a>
<!-- IF S_DISPLAY_SEARCH --> • <a href="{U_SEARCH}">{L_SEARCH}</a><!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<!-- IF S_DISPLAY_MEMBERLIST --> • <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
<!-- ENDIF -->
<!-- IF not S_IS_BOT --> • <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- ENDIF -->
</td>
</tr>
<tr>
Código: Selecionar todos
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/ca_scripts.js"></script>
<style type="text/css">
.menu
{
border:none;
border:0px;
margin:0px;
padding:0px;
}
.menu ul
{
background-color: #edf0f5;
list-style:none;
margin:0;
height: 20px;
padding:0;
border: 1px solid #325375;
}
.menu li
{
float:left;
padding:0px;
border: 0px solid #325375;
}
.menu li a
{
background: #edf0f5
display:block;
line-height:20px;
margin:0px;
padding:0px 3px;
text-align:center;
text-decoration:none;
font-weight: bold;
}
.menu li ul
{
background:#edf0f5;
display:none;
height:auto;
padding:0px;
margin:0px;
border: 1px solid #325375;
position:absolute;
width:270px;
}
.menu li:hover ul
{
display:block;
}
.menu li li
{
background:#edf0f5;
display:block;
float:none;
margin:0px;
padding:0px;
width:270px;
}
.menu li ul a
{
display:block;
height:20px;
font-size:10px
margin:0px;
text-align:left;
font-weight: bold;
}
</style>
</head>
<body class="{S_CONTENT_DIRECTION}">
<a name="top"></a>
<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center">
<tr>
<td id="logorow" align="center"><div id="logotop">
<a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
</div></td>
</tr>
<tr>
<td class="navrow">
<center>
<table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td>
<div class="menu">
<ul style="margin:0px;padding:0px">
<!-- IF not S_IS_BOT -->
<!-- IF S_USER_LOGGED_IN -->
<li><a href="#">Indices</a>
<ul id="nav">
<li><a href="#" target="_blank"> • Geral</a></li>
<li><a href="#" target="_blank"> • Animes</a></li>
<li><a href="#" target="_blank"> • Desenhos</a></li>
<li><a href="#" target="_blank"> • Longas & OVA's</a></li>
<li><a href="#" target="_blank"> • Series</a></li>
<li><a href="#" target="_blank"> • Tokusatsus & Dramas</a></li>
<li><a href="#" target="_blank"> • Filmes & Documentarios</a></li>
<li><a href="#" target="_blank"> • Programas & Tutoriais</a></li>
<li><a href="#" target="_blank"> • Games</a></li>
<li><a href="#" target="_blank"> • Albuns, Shows & Clipes</a></li>
<li><a href="#" target="_blank"> • Mangas, Quadrinhos, Revistas & Livros</a></li>
<li><a href="#" target="_blank"> • Gospel</a></li>
</ul>
</li>
<li><a href="#"> • </a></li>
<li><a href="#">Gerador</a>
<ul id="nav">
<li><a href="#" target="_blank"> • Geral</a></li>
<li><a href="#" target="_blank"> • Albuns</a></li>
<li><a href="#" target="_blank"> • Filmes</a></li>
<li><a href="#" target="_blank"> • Jogos</a></li>
<li><a href="#" target="_blank"> • Leitura</a></li>
<li><a href="#" target="_blank"> • Programas</a></li>
<li><a href="#" target="_blank"> • Seriados</a></li>
<li><a href="#" target="_blank"> • Links</a></li>
</ul>
</li>
<li><a href="#"> • </a></li>
<li><a href="{U_PROFILE}">{L_PROFILE}</a></li>
<li><a href="#"> • </a></li>
<!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN -->
<!-- IF S_DISPLAY_PM --><li><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></li><li><a href="#"> • </a></li><!-- ENDIF -->
<!-- ELSEIF S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li><a href="{U_REGISTER}">{L_REGISTER}</a></li><li><a href="#"> • </a></li><!-- ENDIF -->
<!-- ENDIF -->
<!-- IF U_RESTORE_PERMISSIONS --><li><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li><li><a href="#"> • </a></li><!-- ENDIF -->
<li><a href="{U_FAQ}">{L_FAQ}</a></li>
<!-- IF S_DISPLAY_SEARCH --><li><a href="#"> • </a></li><li><a href="{U_SEARCH}">{L_SEARCH}</a></li><!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<!-- IF S_DISPLAY_MEMBERLIST --><li><a href="#"> • </a></li><li><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
<!-- ENDIF -->
<!-- IF not S_IS_BOT --><li><a href="#"> • </a></li><li><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li><!-- ENDIF -->
</ul>
</div>
</td></tr></tbody>
</table>
</center>
</td>
</tr>
Código: Selecionar todos
.navrow {
background: url(images/buttons.gif) top left repeat-x;
height: 23px;
overflow: hidden;
color: #FFA44A;
text-align: center;
font-size: 11px;
padding-bottom: 2px;
padding-top: 0;
}
Código: Selecionar todos
.navrow {
background-color: #EDF0F5;
height: 23px;
overflow: hidden;
color: #FFA44A;
text-align: center;
font-size: 11px;
padding-bottom: 0px;
padding-top: 0;
border-top: solid 1px #325375;
border-bottom: solid 1px #325375;
}
Abraço.
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Re: [Suporte] Menu deslizante ou retrátil (Slide Menu)
Opa robra, meu heroi, ficou quase no ponto, só que os pontinhos pretos sumiram e a navbar ficou alinhado à esquerda, rs..da uma olhada la, rs.. http://www.digitalrip.com.br
PS.: Acabei de notar que tem uma diferença do codigo que você mandou e o que estava antes, talvez esse seja problema dos pontos:
Antes
O seu:
PS.: Acabei de notar que tem uma diferença do codigo que você mandou e o que estava antes, talvez esse seja problema dos pontos:
Antes
Código: Selecionar todos
<!-- IF S_DISPLAY_MEMBERLIST --> • <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
Código: Selecionar todos
<!-- IF S_DISPLAY_MEMBERLIST --><li><a href="#"> • </a></li><li><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
Re: [Suporte] Menu deslizante ou retrátil (Slide Menu)
Fiz uma edição em minha mensagem anterior porque quando você loga como admin no Fórum vai tudo bem, mas quando vai para o login do Painel de Administração o menu fica desconfigurado.
Você terá de refazer os procedimentos a partir do item 2 e pode excluir o arquivo /styles/etech_2.0.6/theme/menubar.css criado anteriormente.
Abraço.
Você terá de refazer os procedimentos a partir do item 2 e pode excluir o arquivo /styles/etech_2.0.6/theme/menubar.css criado anteriormente.
Abraço.
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Re: [Suporte] Menu deslizante ou retrátil (Slide Menu)
Para os separadores aparecerem corretamente e também a palavra "Índice" com o devido acento, aletre a codificação do arquivo overall_header.html de ANSI para UTF-8 na opção depois do "Visualizar", no Menu do Notepad++.
Abraço.
Abraço.
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Re: [Suporte] Menu deslizante ou retrátil (Slide Menu)
Eita mano, as bolinhas ainda não tão aparecendo.. xD
PS. Não sei se é pedir muito, rs, mas eu gostei mais da primeira versão, rs, onde os itens da navbar não ficavam dentro dessa "caixa", eles tavam dentro desse local:
Abraço!
PS. Não sei se é pedir muito, rs, mas eu gostei mais da primeira versão, rs, onde os itens da navbar não ficavam dentro dessa "caixa", eles tavam dentro desse local:
Abraço!
Re: [Suporte] Menu deslizante ou retrátil (Slide Menu)
Eita mano, as bolinhas ainda não tão aparecendo.. xD
Limpe o cache do Fórum.robra escreveu:Para os separadores aparecerem corretamente e também a palavra "Índice" com o devido acento, aletre a codificação do arquivo overall_header.html de ANSI para UTF-8 na opção depois do "Visualizar", no Menu do Notepad++.
Quanto ao outro fundo, outra hora eu vejo.
Abraço.
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Re: [Suporte] Menu deslizante ou retrátil (Slide Menu)
Ataaa.. Consegui aqui.. *---------*
Obrigadão robra!!!! :D
Nem preciso modificar o visual, ficou show, era por causa do sistema de letras ANSI que nao tinha ficado muito bom, agora tá show! Vlw cara!
Obrigadão robra!!!! :D
Nem preciso modificar o visual, ficou show, era por causa do sistema de letras ANSI que nao tinha ficado muito bom, agora tá show! Vlw cara!
Re: [Suporte] Menu deslizante ou retrátil (Slide Menu)
Ok.Krunsher escreveu:Ataaa.. Consegui aqui.. *---------*
Obrigadão robra!!!! :D
Nem preciso modificar o visual, ficou show, era por causa do sistema de letras ANSI que nao tinha ficado muito bom, agora tá show! Vlw cara!
De qualquer forma, se quiser o menu igual as imagens abaixo... ... faça o seguinte:
1- Abra o arquivo overall_header.html, ache as linhas...
Código: Selecionar todos
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/ca_scripts.js"></script>
<style type="text/css">
.menu
{
border:none;
border:0px;
margin:0px;
padding:0px;
}
.menu ul
{
background-color: #edf0f5;
list-style:none;
margin:0;
height: 20px;
padding:0;
border: 1px solid #325375;
}
.menu li
{
float:left;
padding:0px;
border: 0px solid #325375;
}
.menu li a
{
background: #edf0f5
display:block;
line-height:20px;
margin:0px;
padding:0px 3px;
text-align:center;
text-decoration:none;
font-weight: bold;
}
.menu li ul
{
background:#edf0f5;
display:none;
height:auto;
padding:0px;
margin:0px;
border: 1px solid #325375;
position:absolute;
width:270px;
}
.menu li:hover ul
{
display:block;
}
.menu li li
{
background:#edf0f5;
display:block;
float:none;
margin:0px;
padding:0px;
width:270px;
}
.menu li ul a
{
display:block;
height:20px;
font-size:10px
margin:0px;
text-align:left;
font-weight: bold;
}
</style>
</head>
<body class="{S_CONTENT_DIRECTION}">
<a name="top"></a>
<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center">
<tr>
<td id="logorow" align="center"><div id="logotop">
<a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
</div></td>
</tr>
<tr>
<td class="navrow">
<center>
<table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td>
<div class="menu">
<ul style="margin:0px;padding:0px">
<!-- IF not S_IS_BOT -->
<!-- IF S_USER_LOGGED_IN -->
<li><a href="#">Indices</a>
<ul id="nav">
<li><a href="#" target="_blank"> • Geral</a></li>
<li><a href="#" target="_blank"> • Animes</a></li>
<li><a href="#" target="_blank"> • Desenhos</a></li>
<li><a href="#" target="_blank"> • Longas & OVA's</a></li>
<li><a href="#" target="_blank"> • Series</a></li>
<li><a href="#" target="_blank"> • Tokusatsus & Dramas</a></li>
<li><a href="#" target="_blank"> • Filmes & Documentarios</a></li>
<li><a href="#" target="_blank"> • Programas & Tutoriais</a></li>
<li><a href="#" target="_blank"> • Games</a></li>
<li><a href="#" target="_blank"> • Albuns, Shows & Clipes</a></li>
<li><a href="#" target="_blank"> • Mangas, Quadrinhos, Revistas & Livros</a></li>
<li><a href="#" target="_blank"> • Gospel</a></li>
</ul>
</li>
<li><a href="#"> • </a></li>
<li><a href="#">Gerador</a>
<ul id="nav">
<li><a href="#" target="_blank"> • Geral</a></li>
<li><a href="#" target="_blank"> • Albuns</a></li>
<li><a href="#" target="_blank"> • Filmes</a></li>
<li><a href="#" target="_blank"> • Jogos</a></li>
<li><a href="#" target="_blank"> • Leitura</a></li>
<li><a href="#" target="_blank"> • Programas</a></li>
<li><a href="#" target="_blank"> • Seriados</a></li>
<li><a href="#" target="_blank"> • Links</a></li>
</ul>
</li>
<li><a href="#"> • </a></li>
<li><a href="{U_PROFILE}">{L_PROFILE}</a></li>
<li><a href="#"> • </a></li>
<!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN -->
<!-- IF S_DISPLAY_PM --><li><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></li><li><a href="#"> • </a></li><!-- ENDIF -->
<!-- ELSEIF S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li><a href="{U_REGISTER}">{L_REGISTER}</a></li><li><a href="#"> • </a></li><!-- ENDIF -->
<!-- ENDIF -->
<!-- IF U_RESTORE_PERMISSIONS --><li><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li><li><a href="#"> • </a></li><!-- ENDIF -->
<li><a href="{U_FAQ}">{L_FAQ}</a></li>
<!-- IF S_DISPLAY_SEARCH --><li><a href="#"> • </a></li><li><a href="{U_SEARCH}">{L_SEARCH}</a></li><!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<!-- IF S_DISPLAY_MEMBERLIST --><li><a href="#"> • </a></li><li><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
<!-- ENDIF -->
<!-- IF not S_IS_BOT --><li><a href="#"> • </a></li><li><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li><!-- ENDIF -->
</ul>
</div>
</td></tr></tbody>
</table>
</center>
</td>
</tr>
Código: Selecionar todos
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/ca_scripts.js"></script>
<style type="text/css">
.menu
{
border:none;
border:0px;
margin:0px;
padding:0px;
}
.menu ul
{
background-color: #ccc;
list-style:none;
margin:0;
height: 20px;
padding:0;
border: 1px solid #325375;
}
.menu li
{
float:left;
padding:0px;
border: 0px solid #325375;
}
.menu li:hover
{
background: #F3D673;
color: black;
}
.menu li a
{
background: #edf0f5
display:block;
line-height:20px;
margin:0px;
padding:3px 3px;
text-align:center;
text-decoration:none;
font-weight: bold;
border-left: 1px solid #325375;
}
.menu li ul
{
background:#edf0f5;
display:none;
height:auto;
padding:0px;
margin:0px;
border: 1px solid #325375;
position:absolute;
width:270px;
}
.menu li:hover ul
{
display:block;
}
.menu li li
{
background:#F6F6F6;
display:block;
float:none;
margin:0px;
padding:0px;
width:270px;
border-bottom: 1px solid #ccc;
}
.menu li ul a
{
display:block;
height:20px;
font-size:10px
margin:0px;
text-align:left;
font-weight: bold;
}
</style>
</head>
<body class="{S_CONTENT_DIRECTION}">
<a name="top"></a>
<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center">
<tr>
<td id="logorow" align="center"><div id="logotop">
<a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
</div></td>
</tr>
<tr>
<td class="navrow">
<center>
<table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td>
<div class="menu">
<ul style="margin:margin:0px;padding:0px;border-color: #F5F7F9;">
<!-- IF not S_IS_BOT -->
<!-- IF S_USER_LOGGED_IN -->
<li><a href="#">Indices</a>
<ul id="nav">
<li><a href="#" target="_blank"> • Geral</a></li>
<li><a href="#" target="_blank"> • Animes</a></li>
<li><a href="#" target="_blank"> • Desenhos</a></li>
<li><a href="#" target="_blank"> • Longas & OVA's</a></li>
<li><a href="#" target="_blank"> • Series</a></li>
<li><a href="#" target="_blank"> • Tokusatsus & Dramas</a></li>
<li><a href="#" target="_blank"> • Filmes & Documentarios</a></li>
<li><a href="#" target="_blank"> • Programas & Tutoriais</a></li>
<li><a href="#" target="_blank"> • Games</a></li>
<li><a href="#" target="_blank"> • Albuns, Shows & Clipes</a></li>
<li><a href="#" target="_blank"> • Mangas, Quadrinhos, Revistas & Livros</a></li>
<li><a href="#" target="_blank"> • Gospel</a></li>
</ul>
</li>
<li><a href="#">Gerador</a>
<ul id="nav">
<li><a href="#" target="_blank"> • Geral</a></li>
<li><a href="#" target="_blank"> • Albuns</a></li>
<li><a href="#" target="_blank"> • Filmes</a></li>
<li><a href="#" target="_blank"> • Jogos</a></li>
<li><a href="#" target="_blank"> • Leitura</a></li>
<li><a href="#" target="_blank"> • Programas</a></li>
<li><a href="#" target="_blank"> • Seriados</a></li>
<li><a href="#" target="_blank"> • Links</a></li>
</ul>
</li>
<li><a href="{U_PROFILE}">{L_PROFILE}</a></li>
<!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN -->
<!-- IF S_DISPLAY_PM --><li><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></li><li><!-- ENDIF -->
<!-- ELSEIF S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
<!-- ENDIF -->
<!-- IF U_RESTORE_PERMISSIONS --><li><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
<li><a href="{U_FAQ}">{L_FAQ}</a></li>
<!-- IF S_DISPLAY_SEARCH --><li><a href="{U_SEARCH}">{L_SEARCH}</a></li><!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<!-- IF S_DISPLAY_MEMBERLIST --><li><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
<!-- ENDIF -->
<!-- IF not S_IS_BOT --><li style="border-right: 1px solid #325375;"><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li><!-- ENDIF -->
</ul>
</div>
</td></tr></tbody>
</table>
</center>
</td>
</tr>
Código: Selecionar todos
.navrow {
background-color: #EDF0F5;
height: 23px;
overflow: hidden;
color: #FFA44A;
text-align: center;
font-size: 11px;
padding-bottom: 0px;
padding-top: 0;
border-top: solid 1px #325375;
border-bottom: solid 1px #325375;
}
* html .navrow { height: 21px; }
.navrow b, .navrow strong { font-weight: normal; }
.navrow a, .navrow a:visited {
color: #325375;
text-decoration: none;
}
.navrow a:hover {
color: #FF7F00;
text-decoration: underline;
}
Código: Selecionar todos
.navrow {
background-color: #EDF0F5;
height: 23px;
overflow: hidden;
color: none;
text-align: center;
font-size: 11px;
padding-bottom: 0px;
padding-top: 0;
}
* html .navrow { height: 21px; }
.navrow b, .navrow strong { font-weight: normal; }
.navrow a, .navrow a:visited {
color: #325375;
text-decoration: none;
}
.navrow a:hover {
color: #325375;
text-decoration: none;
}
Abraço.
Você não está autorizado a ver ou baixar esse anexo.
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Re: [Suporte] Menu deslizante ou retrátil (Slide Menu)
Acho que vou ficar com o anterior mesmo robra, mas mesmo assim muito obrigado.. :)