Menu com abas não quer funcionar mais

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Menu com abas não quer funcionar mais

Mensagem por Flash Thunder em 29/07/11, 09:02 pm

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
avatar

Flash Thunder
Nível 8

Masculino
Inscrito dia : 15/04/2011
Mensagens : 138
Pontos Ativos : 220

Ver perfil do usuário http://portalwarcraft.forumeiros.com

Resolvido Re: Menu com abas não quer funcionar mais

Mensagem por Dury em 30/07/11, 11:47 am

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!
Piscada

Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Menu com abas não quer funcionar mais

Mensagem por Flash Thunder em 30/07/11, 06:09 pm

Estou usando esse código para o menu:

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 {
    }
avatar

Flash Thunder
Nível 8

Masculino
Inscrito dia : 15/04/2011
Mensagens : 138
Pontos Ativos : 220

Ver perfil do usuário http://portalwarcraft.forumeiros.com

Resolvido Re: Menu com abas não quer funcionar mais

Mensagem por Dury em 02/08/11, 10:10 am

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>".

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?
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Menu com abas não quer funcionar mais

Mensagem por Flash Thunder em 03/08/11, 07:36 am

Ta funcionando agora. Pode fechar Piscada
avatar

Flash Thunder
Nível 8

Masculino
Inscrito dia : 15/04/2011
Mensagens : 138
Pontos Ativos : 220

Ver perfil do usuário http://portalwarcraft.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum