Bug forum hover

[Thalia Grace]

• Descrição:

Os fóruns do tópico estão dando o seguinte bug: 

Não tem como ajeitar, sem tirar eles da posição?

---

• Informações:

Fórum:	http://testesgraficoshtmlcs.forumeiros.com/	Versão:	PHPBB2
Tipo:	Pedido de código	Tags:	forum,hover

---

[Konai]

Saudações!

Eu testei aqui em meu navegador e não obtive os mesmos resultados que os seus, pois aqui está perfeito!

Todavia, aceda à:
Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS

Adicione este código no inicio da mesma:

Código:

a.forumtitle:hover {
width: auto !important;
}

Salve! Resulta?

Nak

[Thalia Grace]

Mas para encaixar bem certinho no html da descrição, deve ter o width: 609px;
Senão fica menor. E quando eu deixo em 609, dá esse efeito.

[Konai]

Talvez seja o próprio navegador que esteja bugando o código e seu efeito, pois aqui está funcionando perfeitamente! Você já optou por tentar testar em outro navegador?

Nak

[Thalia Grace]

Testei no Chrome e no Internet Explorer e apresenta o mesmo problema. Não será o fundo dos "tópicos" e "Mensagens" que você me passou o code pra apagar?

[Konai]

Talvez! Que tal você deletar aqueles códigos que deleta os "tópicos" e "mensagens", para ver se o problema persiste? O motivo de eu estar abismado é porque aqui funciona perfeitamente e não apresenta a falha que você indica.

[Thalia Grace]

Quando comentei aquela parte, resultou que o número de tópicos encobria parte da descrição, então acho que é esse o problema.

[Alex Habilidade]

Olá belezinha?

Vá em sua folha CSS e procure o código abaixo:

Código:


.forabg li.row dd.posts {
    background: none repeat scroll 0 0 #070303;
    bottom: -30px;
    font-size: 9px;
    height: 11px;
    left: 59px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    text-transform: uppercase;
    width: 87px;
}


Troque por este:

Código:


.forabg li.row dd.posts {
    background: none repeat scroll 0 0 #070303;
    bottom: -30px;
    font-size: 9px;
    height: 11px;
    left: 59px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
    width: 87px;
}


Procure este outro código:

Código:


.forabg li.row dd.topics {
    background: none repeat scroll 0 0 #070303;
    bottom: -30px;
    font-size: 9px;
    height: 11px;
    left: 53px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    text-transform: uppercase;
    width: 87px;
}


E troque por este:

Código:


.forabg li.row dd.topics {
    background: none repeat scroll 0 0 #070303;
    bottom: -30px;
    font-size: 9px;
    height: 11px;
    left: 53px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
    width: 87px;
}


Procure por este código:

Código:


a.forumtitle {
    background-color: #070303;
    border-radius: 500px 0 0;
    color: #BFBCBB;
    display: block;
    font-family: caviardreams;
    font-size: 18px;
    height: 15px;
    letter-spacing: 2px;
    margin-bottom: -20px;
    margin-left: 150px;
    margin-top: 10px;
    padding: 3px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
    text-transform: lowercase;
    transition: all 0.5s ease-in-out 0s;
    width: auto;
}


E troque por este:

Código:


a.forumtitle {
    background-color: #070303;
    border-radius: 500px 0 0;
    color: #BFBCBB;
    display: block;
    font-family: caviardreams;
    font-size: 18px;
    height: 15px;
    letter-spacing: 2px;
    margin-bottom: -20px;
    margin-left: 150px;
    margin-top: 10px;
    padding: 3px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
    text-transform: lowercase;
    transition: all 0.5s ease-in-out 0s;
    width: auto;
    position: relative;
}


Salve.

[Thalia Grace]

Fui até no word procurar por esses códigos e diz que não constam no CSS.

[Thalia Grace]

Esquece, consegui ajeitar.