Duplicar borda "tópicos/mensagens/última mensagem"

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

Resolvido Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por ' Akιo em 08/02/14, 07:07 pm

Qual é minha questão:
Olá!
Gostaria de aplicar uma segunda borda nessa área do fórum:

http://i.imgur.com/kAfNEdb.png

Creio que as propriedades sejam 'border-left:1px double #CF4747'...
A cor seria #CF4747 .

Obrigado!

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

Versão do fórum:
PHPBB3
avatar

' Akιo
Nível 8

Masculino
Inscrito dia : 13/12/2013
Mensagens : 119
Pontos Ativos : 169

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

Resolvido Re: Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por Hancki em 08/02/14, 07:20 pm

Olá!

Use este CSS:
Código:
dd.topics, dd.posts, dd.dterm {
border-right: 1px double rgb(207, 71, 71);
margin: 0 1px 0 0;
}
Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por ' Akιo em 08/02/14, 07:26 pm

Quase...!

Como pode ver, a primeira linha não acompanha a outra até o fim, e a última está maior...
avatar

' Akιo
Nível 8

Masculino
Inscrito dia : 13/12/2013
Mensagens : 119
Pontos Ativos : 169

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

Resolvido Re: Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por JScript em 08/02/14, 08:50 pm

@' Akιo

Olá amigo, basta adicionar o CSS abaixo:
Código:

ul.topiclist li.row dl dd {
  min-height: 46px;
}

Resultado:


Abraços,

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

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

Resolvido Re: Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por ' Akιo em 09/02/14, 02:12 pm

Não funcional.

E não gostaria que as linhas fossem até o 'fim', apenas a do Lastpost.
Queria como mostrei nessa imagem:
avatar

' Akιo
Nível 8

Masculino
Inscrito dia : 13/12/2013
Mensagens : 119
Pontos Ativos : 169

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

Resolvido Re: Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por ' Akιo em 10/02/14, 02:57 pm

Up!
avatar

' Akιo
Nível 8

Masculino
Inscrito dia : 13/12/2013
Mensagens : 119
Pontos Ativos : 169

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

Resolvido Re: Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por ' Akιo em 11/02/14, 04:58 pm

Up!
avatar

' Akιo
Nível 8

Masculino
Inscrito dia : 13/12/2013
Mensagens : 119
Pontos Ativos : 169

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

Resolvido Re: Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por ' Akιo em 12/02/14, 09:17 pm

Up!
avatar

' Akιo
Nível 8

Masculino
Inscrito dia : 13/12/2013
Mensagens : 119
Pontos Ativos : 169

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

Resolvido Re: Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por ' Akιo em 13/02/14, 10:10 pm

Up!
avatar

' Akιo
Nível 8

Masculino
Inscrito dia : 13/12/2013
Mensagens : 119
Pontos Ativos : 169

Ver perfil do usuário http://www.madokamagica.forumeiros.com/
  • 0

Resolvido Re: Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por Farding em 13/02/14, 10:31 pm

Retire os códigos fornecidos e coloque este:

Código:
    dd.topics, dd.posts, dd.dterm {
    border-right:1px double rgb(207, 71, 71);
    margin: 0 1px 0 0;
    }

ul.topiclist li.row dl dd {
  min-height: 36px;
}

Até mais.
avatar

Farding
Usuário avançado

Feminino
Inscrito dia : 26/09/2013
Mensagens : 315
Pontos Ativos : 608

Ver perfil do usuário

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