Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosMenu com abas não quer funcionar mais
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Menu com abas não quer funcionar mais
por Flash Thunder 30.07.11 1:02
Qual é minha questão:
Meu menu com abas que funcionava antes agora não quer funcionar mais. Não sei porque isso ocorreu. Só foi eu limpar o cache do navegador que parou de funcionar. O problema é que em vez de aparecer as abas pra gente clicar e talz, aparece tipo no formato de lista com os marcadores. Quando clica em cima está mudando normalmente, só nao ta aparecendo no formato de abas
Medidas que eu tomei para corrigir o problema:
Tentei fazer o código do começo, criei widget novo, tentei de tudo, mas não funciona de jeito nenhum.
Imagens do meu problema:
Endereço do meu fórum:
www.portalwarcraft.forumeiros.com
Versão do meu fórum:
INVISION
Meu menu com abas que funcionava antes agora não quer funcionar mais. Não sei porque isso ocorreu. Só foi eu limpar o cache do navegador que parou de funcionar. O problema é que em vez de aparecer as abas pra gente clicar e talz, aparece tipo no formato de lista com os marcadores. Quando clica em cima está mudando normalmente, só nao ta aparecendo no formato de abas
Medidas que eu tomei para corrigir o problema:
Tentei fazer o código do começo, criei widget novo, tentei de tudo, mas não funciona de jeito nenhum.
Imagens do meu problema:
Endereço do meu fórum:
www.portalwarcraft.forumeiros.com
Versão do meu fórum:
INVISION
Flash Thunder- ***
- Membro desde : 15/04/2011
Mensagens : 138
Pontos : 220 -
Re: Menu com abas não quer funcionar mais
por Dury 30.07.11 15:47
Olá,
Poderia por favor nos dizer qual código que reproduz o efeito? Lembre-se que se for um código que esteja no widget ou em qualquer parte do fórum com um CSS de personalização acima, terá que colocar entre as tags "<Style> </Style>".
Até mais!
Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'
Poderia por favor nos dizer qual código que reproduz o efeito? Lembre-se que se for um código que esteja no widget ou em qualquer parte do fórum com um CSS de personalização acima, terá que colocar entre as tags "<Style> </Style>".
Até mais!
Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'
Dury- Membro Entusiasta
- Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829 -
Re: Menu com abas não quer funcionar mais
por Flash Thunder 30.07.11 22:09
Estou usando esse código para o menu:
E o código CSS do menu é esse:
- Código:
<script src="http://lervisc.noads.biz/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://sites.google.com/site/loadingfull/meuestilo.css">
</head>
<body><div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0"><b><FONT FACE="Plum" COLOR="#ffffff" Size="2">DotA</FONT></b></li>
<li class="TabbedPanelsTab" tabindex="0"><b><FONT FACE="Plum" COLOR="#ffffff" Size="2">Mapas</FONT></b></li>
<li class="TabbedPanelsTab" tabindex="0"><b><FONT FACE="Plum" COLOR="#ffffff" Size="2">Downloads</FONT></b></li>
<li class="TabbedPanelsTab" tabindex="0"><b><FONT FACE="Plum" COLOR="#ffffff" Size="2">Dicas e tutoriais</FONT></b></li>
<li class="TabbedPanelsTab" tabindex="0"><b><FONT FACE="Plum" COLOR="#ffffff" Size="2">Vídeos</FONT></b></li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">Conteúdo 1</div>
<div class="TabbedPanelsContent">Conteúdo 2</div>
<div class="TabbedPanelsContent">Conteúdo 3</div>
<div class="TabbedPanelsContent">Conteúdo 4</div>
<div class="TabbedPanelsContent">Conteúdo 5</div>
</div>
</div>
<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
//-->
</script>
E o código CSS do menu é esse:
- Código:
.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
}
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 10px 0px 0px;
font: bold 0.7em sans-serif;
background-color: none;
list-style: none;
border-left: solid 0px #CCC;
border-bottom: solid 0px #999;
border-top: solid 0px #999;
border-right: solid 0px #999;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
}
.TabbedPanelsTabHover {
background-color: none;
}
.TabbedPanelsTabSelected {
background-color: #595959;
border-bottom: 0px solid ;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}
.TabbedPanelsTab a {
color: black;
text-decoration: none;
}
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 0px #CCC;
border-bottom: solid 0px #CCC;
border-top: solid 0px #999;
border-right: solid 0px #999;
background-color: #000000;
}
.TabbedPanelsContent {
padding: 4px;
}
.TabbedPanelsContentVisible {
}
Flash Thunder- ***
- Membro desde : 15/04/2011
Mensagens : 138
Pontos : 220 -
Re: Menu com abas não quer funcionar mais
por Dury 02.08.11 14:10
Olá,
Aqui funcionou normal. Está usando em uma página HTML? Se sim, apenas coloque os dois juntos, mas o CSS dentro da tag "<Style>".
Logo o código do botão. Você tem alguma imagem de quando ele funcionava?
Aqui funcionou normal. Está usando em uma página HTML? Se sim, apenas coloque os dois juntos, mas o CSS dentro da tag "<Style>".
- Código:
<style>
.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
}
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 10px 0px 0px;
font: bold 0.7em sans-serif;
background-color: none;
list-style: none;
border-left: solid 0px #CCC;
border-bottom: solid 0px #999;
border-top: solid 0px #999;
border-right: solid 0px #999;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
}
.TabbedPanelsTabHover {
background-color: none;
}
.TabbedPanelsTabSelected {
background-color: #595959;
border-bottom: 0px solid ;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}
.TabbedPanelsTab a {
color: black;
text-decoration: none;
}
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 0px #CCC;
border-bottom: solid 0px #CCC;
border-top: solid 0px #999;
border-right: solid 0px #999;
background-color: #000000;
}
.TabbedPanelsContent {
padding: 4px;
}
.TabbedPanelsContentVisible {
}
</style>
Logo o código do botão. Você tem alguma imagem de quando ele funcionava?
Dury- Membro Entusiasta
- Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829 -
Re: Menu com abas não quer funcionar mais
por Flash Thunder 03.08.11 11:36
Ta funcionando agora. Pode fechar
Flash Thunder- ***
- Membro desde : 15/04/2011
Mensagens : 138
Pontos : 220 -
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos