Re: [Suporte] Menu deslizante ou retrátil (Slide Menu)
Enviado: 14 Fev 2012, 10:29
SimplejQueryDropdowns... :)
Suporte com ética e seriedade
https://www.suportephpbb.com.br/
Como eu seu que você quer um menu específico de um outro Fórum, então, faça o seguinte:Krunsher escreveu:SimplejQueryDropdowns... :)
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;
}
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 -->
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++.
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!
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;
}