Quero esse feito desse forum

[ManiacoMBG]

Qual é minha questão:
quero efeito desse forum http://www.rb-forum.net/forum
qando passa mouse aparece os post e... a categoria afunda

Medidas que eu tomei para corrigir o problema:
N

Links e imagens do meu problema:
N

Endereço do meu fórum:
nao é necessario

Versão do meu fórum:
PUNBB

[Konai]

Olá,

Para a primeira dúvida, use o seguinte código na sua FOLHA DE CSS:

Código:

.hierarchy {
border: none;
border-image: initial;
display: inline;
font-size: 1em;
text-transform: none;
}
102-ltr.css:1
.h3, h3 {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1.05em;
margin-bottom: 3px;
margin-top: 20px;
padding-bottom: 2px;
text-transform: uppercase;
}

Painel Visualização Imagens e Cores Cores / Folha de Estilo CSS

Para a segunda;

Código:

li.row:hover {
background-color: white;
border: 1px solid black;
border-image: initial;
}

Painel Visualização Imagens e Cores Cores / Folha de Estilo CSS

Funciona?

[ManiacoMBG]

não funciono nenhuma das 2

[Konai]

Olá,

Passe-me o endereço do seu fórum por favor.

Agora voltando ao assunto, para a primeira dúvida tente;

Código:

element.style {
background-color: #F3F3F3;
border: 1px solid #EEE;
border-image: initial;
display: inline-block;
overflow: hidden;
height: 11.900671229971978px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 2.9751678074929946px;
padding-bottom: 2.9751678074929946px;
width: 143.7997773621614px;
margin-left: 19.8344520499533px;
margin-right: 0px;
padding-left: 2.9751678074929946px;
padding-right: 2.9751678074929946px;
opacity: 0.9917226024976649;
}

Para a segunda:

Código:

li.row:hover {
background-color: white;
border: 1px solid black;
border-image: initial;
}

li.row:hover {
}

ul.topiclist li {
display: block;
margin: 0px;
}

li.row {
background-color: white;
background-image: url(http://lervisc.apllic.net/row.png);
background-position: 50% 100%;
background-repeat: repeat-x;
}

li.row {
border-bottom: 1px solid white;
border-top: 1px solid white;
}

* {
margin: 0px;
padding: 0px;
}

li {
display: list-item;
text-align: -webkit-match-parent;
}
ul#c1.topiclist.forums
102-ltr.css:1
ul.topiclist {
color: black;
list-style-type: none;
}

Veja se funciona.

Painel Visualização Imagens e Cores Cores / Folha de Estilo CSS

[ManiacoMBG]

não funciona

maniacosbr.com

[Convidad]

Olá,

Lamento, mais o código não funcionará para sua versão.

Se quiser, ele funciona para PHPBB3.

Código:

$(function(){$('li.row dd.topics, li.row dd.posts, li.header dd.topics, li.header dd.posts').css('display','none');$('li.row').hover(function(){posts=$(this).find('dd.posts').html();topics=$(this).find('dd.topics').html();$(this).find('dd.dterm div h3').append('<span class="row_info" style="display: none; background-color: #F3F3F3; border: 1px solid #eee; padding: 3px; margin-left: 20px; width: auto;"><strong>'+topics+'</strong> tópicos & <strong>'+posts+'</strong> mensagens</span>');$('.row_info').show(2000).css('display','inline')},function(){$('.row_info').hide(2000).remove()})});

Adicione em uma folha JavaScript e salve.
Até mais.