Linhas sobre os tópicos nos fóruns

Qual é minha questão:
Olá, eu gostaria de colocar essas linhas no tópico, para ter uma organizão melhor!

exemplo: ~~> https://2img.net/h/i1290.photobucket.com/albums/b538/gabrielmacedo83/forum2_zps4613c5b1.jpg <~~

e também, colocar para aparecer escrito > Tópicos > Menssagems > Ultima Menssagem

Endereço do meu fórum:
http://br-legends13.forumeiros.com

Versão do fórum:
PUNBB

Olá!

Use este CSS:

Código:

div.main-content > table > tbody > tr {
border-bottom: 1px solid grey !important;
}
div.main-content > table > tbody > tr > td.tcl, div.main-content > table > tbody > tr > td.tc2, div.main-content > table > tbody > tr > td.tc3 {
border-right: 1px solid grey !important;
}

Resultado: http://prntscr.com/2r11zg

Hancki

Hancki escreveu:Olá!

Use este CSS:

Código:

div.main-content > table > tbody > tr {
border-bottom: 1px solid grey !important;
}
div.main-content > table > tbody > tr > td.tcl, div.main-content > table > tbody > tr > td.tc2, div.main-content > table > tbody > tr > td.tc3 {
border-right: 1px solid grey !important;
}

Resultado: http://prntscr.com/2r11zg

Hancki

obrigado mas uma vez Hancki, mas kd os negocio escrito ~~> Tópicos | Menssagens | Última Menssagem <~~

Isso me parece que foi removido nos templates. No entanto, tenho um CSS que torna isso mais belo (na minha opinião).
Use este:

Código:

div.main-content > table > tbody > tr > td.tc2:after {
content: " Tópicos" !important;
}
div.main-content > table > tbody > tr > td.tc3:after {
content: " Mensagens" !important;
}
div.main-content > table > tbody > tr > td.tcr a:empty:before {
content: "Sem última mensagem." !important;
cursor: default !important;
pointer-events: none !important;
text-align: center !important;
}

Resultado: http://prntscr.com/2r1fhl
Gostou? Mas para a próxima, crie um novo tópico com esse problema, ok?

Hancki

Hancki escreveu:Isso me parece que foi removido nos templates. No entanto, tenho um CSS que torna isso mais belo (na minha opinião).
Use este:

Código:

div.main-content > table > tbody > tr > td.tc2:after {
content: " Tópicos" !important;
}
div.main-content > table > tbody > tr > td.tc3:after {
content: " Mensagens" !important;
}
div.main-content > table > tbody > tr > td.tcr a:empty:before {
content: "Sem última mensagem." !important;
cursor: default !important;
pointer-events: none !important;
text-align: center !important;
}

Resultado: http://prntscr.com/2r1fhl
Gostou? Mas para a próxima, crie um novo tópico com esse problema, ok?

Hancki

obrigado mas uma vez