Css últimos posts

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

Resolvido Css últimos posts

Mensagem por ThaliaGrace em 04/09/13, 02:46 pm

Qual é minha questão:
Como eu não sei se dava para perguntar duas dúvidas em um único tópico, decidi criar dois. Gostaria de saber como editar a parte dos últimos posts do meu fórum: 


Para que fique parecido com isso: 





Endereço do meu fórum:
http://testedeskin2.forumeiros.com

Versão do fórum:
PHPBB3
avatar

ThaliaGrace
Nível 4

Feminino
Inscrito dia : 29/08/2013
Mensagens : 27
Pontos Ativos : 43

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

Resolvido Re: Css últimos posts

Mensagem por Sennior em 04/09/13, 02:50 pm

Olá!

Não á maneira de se fazer como deseja minha querida, pois teu fórum é PhPBB3 e o da imagem deve ser Punbb ou Phpbb2 que tem edições de Template, e o teu não. Triste

Até amis.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Css últimos posts

Mensagem por ThaliaGrace em 04/09/13, 02:52 pm

Na verdade, o tutorial que eu vi (e não entendi) está para Phpbb3. x_x
avatar

ThaliaGrace
Nível 4

Feminino
Inscrito dia : 29/08/2013
Mensagens : 27
Pontos Ativos : 43

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

Resolvido Re: Css últimos posts

Mensagem por Sennior em 04/09/13, 02:53 pm

Olá!

A senhorita deve ter se enganado... Qual o link deste tutorial?

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Css últimos posts

Mensagem por ThaliaGrace em 04/09/13, 03:12 pm

avatar

ThaliaGrace
Nível 4

Feminino
Inscrito dia : 29/08/2013
Mensagens : 27
Pontos Ativos : 43

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

Resolvido Re: Css últimos posts

Mensagem por MateusA em 04/09/13, 06:07 pm

Olá,

Adicione na tua 'Folha de Estilos CSS':
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Aba 'Folha de Estilos CSS'
Código:
.posts {
  position: relative;
  top: -10px;
  left: 74px;
  border-left: none !important
}
.lastpost span {
 color: black;
 background-color: #9daeb0;
 border-top: 3px solid #547074;
 padding: 3px;
 margin-top: 15px;
  border-left: none !important;
}
.posts:before {
 content: 'HAY ';
}
.topics {
  position: relative;
  top: -10px;
  left: 234px;
  border-left: none !important
}
.topics:before {
 content: 'TEMAS & ';
}

div.forabg:nth-child(7) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(1) > dl:nth-child(1) > dd:nth-child(3), div.forabg:nth-child(7) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(1) > dl:nth-child(1) > dd:nth-child(2), div.forabg:nth-child(8) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(1) > dl:nth-child(1) > dd:nth-child(2), div.forabg:nth-child(8) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(1) > dl:nth-child(1) > dd:nth-child(3), div.forabg:nth-child(7) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(1) > dl:nth-child(1) > dd:nth-child(4) > span:nth-child(1), div.forabg:nth-child(8) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(1) > dl:nth-child(1) > dd:nth-child(4) > span:nth-child(1)  {
 display: none;
}
Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Css últimos posts

Mensagem por ThaliaGrace em 04/09/13, 06:20 pm

Chegou perto, mas teve um pequeno bug no autor da última mensagem e os "Temas" ficaram de fora. >_<
avatar

ThaliaGrace
Nível 4

Feminino
Inscrito dia : 29/08/2013
Mensagens : 27
Pontos Ativos : 43

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

Resolvido Re: Css últimos posts

Mensagem por MateusA em 04/09/13, 06:30 pm

Olá,

Adicione mais este código:
Código:
.header > dl:nth-child(1) > dd:nth-child(2), .header > dl:nth-child(1) > dd:nth-child(3), .header > dl:nth-child(1) > dd:nth-child(4){
display: none;
}
.color-groups {
border: none !important;
background: transparent !important;
margin-top: -9px;
}
Seta No código procure por '-9px' e vá alternando o número.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

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