Personalização da caixa de lista de tópicos

[Raazor_Vilhena]

Detalhes da questão

Endereço do fórum: http://bpgrpg.forumeiros.com
Versão do fórum: ModernBB

Descrição

Código:

.topiclist > .header {
    background: #000000 !important;
    border-bottom: 4px solid #528000;
}
.topiclist > .header > .icon i {
    font-size: 0 !important;
}
 
.row .dterm + .topics, .row .dterm + .topics + .posts {
    margin-top: 37px;
    padding: 6px;
}
 
.row .dterm + .topics {
    text-align: right;
}
 
.row .dterm + .topics + .posts {
    text-align: left;
    padding-left: 0;
}
 
.row .dterm + .topics + .posts::after {
    content: 'POSTS';
    font-weight: bold;
}
 
.row .dterm + .topics::after {
    content: 'TÓPICOSﾠ|';
    font-weight: bold;
}

uso esse código, ele só surte efeito fora das categorias, no caso no inicio do fórum.

minha dúvida é, transformar esse código para surtir efeito dentro das categorias do meu fórum e alterar o formato do mesmo.

dentro: http://prntscr.com/vupf6d
fora: http://prntscr.com/vupfcg

transformar nisso esse código http://prntscr.com/vuq2py, remover maiores informações e mesclar todas as mensagens da área em apenas posts.

a formatação do código é necessário via css, o acesso a templates é nulo

[Roevs]

Olá,

Adicione mais esse código CSS na Folha de estilo CSS e veja se é o que deseja

Código:

.row .dterm + .posts, .row .dterm + .posts + .views {
    margin-top: 37px;
    padding: 6px;
}
 
.row .dterm + .posts {
    text-align: right;
}
 
.row .dterm + .posts + .views {
    text-align: left;
    padding-left: 0;
}
 
.row .dterm + .posts + .views::after {
    content: 'POSTS';
    font-weight: bold;
}
 
.row .dterm + .posts::after {
    content: 'TÓPICOSﾠ|';
    font-weight: bold;
}

Título alterado para "Personalização da caixa de lista de tópicos".

Até mais!

[Raazor_Vilhena]

Olá,

Adicione mais esse código CSS na Folha de estilo CSS e veja se é o que deseja

Código:

.row .dterm + .posts, .row .dterm + .posts + .views {
    margin-top: 37px;
    padding: 6px;
}
 
.row .dterm + .posts {
    text-align: right;
}
 
.row .dterm + .posts + .views {
    text-align: left;
    padding-left: 0;
}
 
.row .dterm + .posts + .views::after {
    content: 'POSTS';
    font-weight: bold;
}
 
.row .dterm + .posts::after {
    content: 'TÓPICOSﾠ|';
    font-weight: bold;
}

Título alterado para "Personalização da caixa de lista de tópicos".

Até mais!

isso mesmo, a questão é a visualização das estátisticas,
transformar nisso esse código http://prntscr.com/vuq2py, remover maiores informações e mesclar todas as mensagens da área em apenas posts.
igual está na imagem.

[Roevs]

Olá,

Acho que ainda não compreendi muito bem o que você deseja, confira na imagem abaixo se é dessa forma que você quer deixar
http://prntscr.com/vvtf6z

Até mais!

[Raazor_Vilhena]

é neste formato mesmo, mas quero desta forma aqui veja
https://bpgsamprpg.forumeiros.com/forum

eu tenho ele via template, quero fazer a formatação via css

[tikky]

Olá @Raazor_Vilhena,

Altere o código para:

Código:

        .row .dterm + .posts, .row .dterm + .posts + .views {
            margin-top: 37px;
            padding: 6px;
        }
       
        .row .dterm + .posts {
            text-align: right;
        }
       
        .row .dterm + .posts + .views {
            text-align: right;
            padding-left: 0;
        }
       
        .row .dterm + .posts + .views::after {
            content: 'POSTS';
            font-weight: bold;
            display: block;
        }
       
        .row .dterm + .posts::after {
            content: 'TÓPICOSﾠ';
            font-weight: bold;
            display: block;
        }

Atenciosamente,
pedxz.

[Raazor_Vilhena]

Olá @"Raazor_Vilhena",

Altere o código para:

Código:

        .row .dterm + .posts, .row .dterm + .posts + .views {
            margin-top: 37px;
            padding: 6px;
        }
        
        .row .dterm + .posts {
            text-align: right;
        }
        
        .row .dterm + .posts + .views {
            text-align: right;
            padding-left: 0;
        }
        
        .row .dterm + .posts + .views::after {
            content: 'POSTS';
            font-weight: bold;
            display: block;
        }
        
        .row .dterm + .posts::after {
            content: 'TÓPICOSﾠ';
            font-weight: bold;
            display: block;
        }

Atenciosamente,
pedxz.

desculpe a pergunta, o que mudou?

ficou desta forma:
http://prntscr.com/vvzjan

quero desta:
https://bpgsamprpg.forumeiros.com/forum

gostaria que o efeito fosse em ambas áreas, inicio e categorias.
gostaria também no formato do link que eu enviei do fórum, exatamente desta forma, na forma em que tá a escrita "POSTS"

[Raazor_Vilhena]

up o/

[Raazor_Vilhena]

up o/

[Roevs]

Olá,

Adiciona esse código abaixo na sua Folha de estilo CSS

Código:

.row .dterm + .topics {
    text-align: center;
    display: inline-grid;
    float: right;
}
dd.topics {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
}
.row .dterm + .topics::after {
    content: "POSTS"!important;
    color: #a1a1a1;
    font-family: Roboto, sans-serif;
    font-style: normal;
}
dd.posts {
    display: none!important;
}

Até mais!

[Raazor_Vilhena]

ficou ótimo.

só uma alteração, veja: http://prntscr.com/w3m6rf

ficou invertido e o antigo ficou sobrando, quero os posts no meio do fórum, como padrão e que somasse tópicos com mensagens

dentro da categoria não ficou como no indice: http://prntscr.com/w3m5av

[Roevs]

Olá,

Você retirou as modificações ou está fazendo as alterações em outro fórum? Porque entrei no fórum informado no tópico e está diferente do mostrado no print.

Até mais!

[Raazor_Vilhena]

veja: https://bpgrpg.forumeiros.com/f34-discussoes-gerais (dentro da categoria não surte efeito).

https://bpgrpg.forumeiros.com/forum

como disse lá em cima, ao invés de manter as estátisticas do lado esquerdo gostaria dela padrão no meio do indice

[Roevs]

Olá,

Adiciona mais esse código na sua Folha de estilo CSS

Código:

ul.topiclist dd {
    float: right;
}
dd.views::after {
    color: #a1a1a1;
    content: "POSTS"!important;
    font-family: Roboto, sans-serif;
    font-style: normal;
}

Até mais!

[Raazor_Vilhena]

veja rovs,
http://prntscr.com/w6pr0m

está parte ainda ficou bugado, outra questão é, gostaria de alterar a posição das mensagens pro lado esquerdo, como é padrão da forumeiros.

parte para alteração dos lados: http://prntscr.com/w6pvj0

[Roevs]

Olá,

Para mim está sem qualquer alteração, totalmente diferente do que consta em seu print, você retirou as alterações que foram feitas?
https://prnt.sc/w7ut7e

Até mais!

[tikky]

Tópico resolvido Tópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão.