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

4 participantes

Ir para baixo

Tópico resolvido Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por ' Akιo 08.02.14 21:07

Qual é minha questão:
Olá!
Gostaria de aplicar uma segunda borda nessa área do fórum:
Duplicar borda "tópicos/mensagens/última mensagem" KAfNEdb
https://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
' Akιo
' Akιo
***

Membro desde : 13/12/2013
Mensagens : 119
Pontos : 169

http://www.madokamagica.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por Hancki 08.02.14 21:20

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
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por ' Akιo 08.02.14 21:26

Quase...!

Como pode ver, a primeira linha não acompanha a outra até o fim, e a última está maior...
Duplicar borda "tópicos/mensagens/última mensagem" PqaB7Jz
' Akιo
' Akιo
***

Membro desde : 13/12/2013
Mensagens : 119
Pontos : 169

http://www.madokamagica.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por JScript 08.02.14 22:50

@' Akιo

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

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

Resultado:
Duplicar borda "tópicos/mensagens/última mensagem" UrZttlw

Abraços,

JS
JScript
JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por ' Akιo 09.02.14 16:12

Não funcional.

E não gostaria que as linhas fossem até o 'fim', apenas a do Lastpost.
Queria como mostrei nessa imagem: Duplicar borda "tópicos/mensagens/última mensagem" PqaB7Jz
' Akιo
' Akιo
***

Membro desde : 13/12/2013
Mensagens : 119
Pontos : 169

http://www.madokamagica.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por ' Akιo 10.02.14 16:57

Up!
' Akιo
' Akιo
***

Membro desde : 13/12/2013
Mensagens : 119
Pontos : 169

http://www.madokamagica.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por ' Akιo 11.02.14 18:58

Up!
' Akιo
' Akιo
***

Membro desde : 13/12/2013
Mensagens : 119
Pontos : 169

http://www.madokamagica.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por ' Akιo 12.02.14 23:17

Up!
' Akιo
' Akιo
***

Membro desde : 13/12/2013
Mensagens : 119
Pontos : 169

http://www.madokamagica.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por ' Akιo 14.02.14 0:10

Up!
' Akιo
' Akιo
***

Membro desde : 13/12/2013
Mensagens : 119
Pontos : 169

http://www.madokamagica.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duplicar borda "tópicos/mensagens/última mensagem"

Mensagem por Farding 14.02.14 0:31

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.
Farding
Farding
****

Membro desde : 27/09/2013
Mensagens : 338
Pontos : 637

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos