Menu com abas não quer funcionar mais

2 participantes

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

Tópico resolvido Menu com abas não quer funcionar mais

Mensagem 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:
Menu com abas não quer funcionar mais Semttulobxq

Endereço do meu fórum:
www.portalwarcraft.forumeiros.com

Versão do meu fórum:
INVISION
Flash Thunder

Flash Thunder
***

Membro desde : 15/04/2011
Mensagens : 138
Pontos : 220

http://portalwarcraft.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Menu com abas não quer funcionar mais

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

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

Dury
Membro Entusiasta
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu com abas não quer funcionar mais

Mensagem por Flash Thunder 30.07.11 22:09

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 {
    }
Flash Thunder

Flash Thunder
***

Membro desde : 15/04/2011
Mensagens : 138
Pontos : 220

http://portalwarcraft.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Menu com abas não quer funcionar mais

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

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

Dury
Membro Entusiasta
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu com abas não quer funcionar mais

Mensagem por Flash Thunder 03.08.11 11:36

Ta funcionando agora. Pode fechar Piscada
Flash Thunder

Flash Thunder
***

Membro desde : 15/04/2011
Mensagens : 138
Pontos : 220

http://portalwarcraft.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos