Quero esse feito desse forum

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

Resolvido Quero esse feito desse forum

Mensagem por ManiacoMBG em 29/01/12, 12:50 pm

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
avatar

ManiacoMBG
Nível 3

Masculino
Inscrito dia : 27/01/2012
Mensagens : 19
Pontos Ativos : 37

Ver perfil do usuário http://maniacosbr.com

Resolvido Re: Quero esse feito desse forum

Mensagem por Gaaratsu em 29/01/12, 12:56 pm

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 :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores / Folha de Estilo CSS

Para a segunda;

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

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

Funciona?

Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7405

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

Resolvido Re: Quero esse feito desse forum

Mensagem por ManiacoMBG em 29/01/12, 12:59 pm

não funciono Ajuda/Confuso nenhuma das 2
avatar

ManiacoMBG
Nível 3

Masculino
Inscrito dia : 27/01/2012
Mensagens : 19
Pontos Ativos : 37

Ver perfil do usuário http://maniacosbr.com

Resolvido Re: Quero esse feito desse forum

Mensagem por Gaaratsu em 29/01/12, 01:07 pm

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 :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores / Folha de Estilo CSS

Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7405

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

Resolvido Re: Quero esse feito desse forum

Mensagem por ManiacoMBG em 29/01/12, 01:13 pm

não funciona

maniacosbr.com
avatar

ManiacoMBG
Nível 3

Masculino
Inscrito dia : 27/01/2012
Mensagens : 19
Pontos Ativos : 37

Ver perfil do usuário http://maniacosbr.com

Resolvido Re: Quero esse feito desse forum

Mensagem por Convidad em 29/01/12, 01:15 pm

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

Convidad
Convidado


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