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

3 participantes

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

Tópico resolvido Personalização da caixa de lista de tópicos

Mensagem por Raazor_Vilhena 03.12.20 2:00

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
Raazor_Vilhena

Raazor_Vilhena
Nível 7

Masculino
Membro desde : 06/10/2014
Mensagens : 99
Pontos : 150

http://www.gtasamp.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Personalização da caixa de lista de tópicos

Mensagem por Roevs 04.12.20 12:41

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!
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos : 8311

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização da caixa de lista de tópicos

Mensagem por Raazor_Vilhena 04.12.20 13:33

Roevs escreveu: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.
Raazor_Vilhena

Raazor_Vilhena
Nível 7

Masculino
Membro desde : 06/10/2014
Mensagens : 99
Pontos : 150

http://www.gtasamp.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Personalização da caixa de lista de tópicos

Mensagem por Roevs 04.12.20 14:32

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!
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos : 8311

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização da caixa de lista de tópicos

Mensagem por Raazor_Vilhena 04.12.20 14:55

é 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
Raazor_Vilhena

Raazor_Vilhena
Nível 7

Masculino
Membro desde : 06/10/2014
Mensagens : 99
Pontos : 150

http://www.gtasamp.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Personalização da caixa de lista de tópicos

Mensagem por pedxz 04.12.20 15:09

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.
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7158
Pontos : 8396

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização da caixa de lista de tópicos

Mensagem por Raazor_Vilhena 04.12.20 19:35

pedxz escreveu: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

Raazor_Vilhena
Nível 7

Masculino
Membro desde : 06/10/2014
Mensagens : 99
Pontos : 150

http://www.gtasamp.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização da caixa de lista de tópicos

Mensagem por Raazor_Vilhena 08.12.20 15:53

up o/
Raazor_Vilhena

Raazor_Vilhena
Nível 7

Masculino
Membro desde : 06/10/2014
Mensagens : 99
Pontos : 150

http://www.gtasamp.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização da caixa de lista de tópicos

Mensagem por Raazor_Vilhena 10.12.20 3:50

up o/
Raazor_Vilhena

Raazor_Vilhena
Nível 7

Masculino
Membro desde : 06/10/2014
Mensagens : 99
Pontos : 150

http://www.gtasamp.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Personalização da caixa de lista de tópicos

Mensagem por Roevs 10.12.20 11:29

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!
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos : 8311

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização da caixa de lista de tópicos

Mensagem por Raazor_Vilhena 16.12.20 3:18

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
Raazor_Vilhena

Raazor_Vilhena
Nível 7

Masculino
Membro desde : 06/10/2014
Mensagens : 99
Pontos : 150

http://www.gtasamp.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Personalização da caixa de lista de tópicos

Mensagem por Roevs 16.12.20 10:57

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!
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos : 8311

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização da caixa de lista de tópicos

Mensagem por Raazor_Vilhena 16.12.20 18:25

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
Raazor_Vilhena

Raazor_Vilhena
Nível 7

Masculino
Membro desde : 06/10/2014
Mensagens : 99
Pontos : 150

http://www.gtasamp.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Personalização da caixa de lista de tópicos

Mensagem por Roevs 18.12.20 19:52

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!
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos : 8311

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização da caixa de lista de tópicos

Mensagem por Raazor_Vilhena 20.12.20 20:35

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
Raazor_Vilhena

Raazor_Vilhena
Nível 7

Masculino
Membro desde : 06/10/2014
Mensagens : 99
Pontos : 150

http://www.gtasamp.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Personalização da caixa de lista de tópicos

Mensagem por Roevs 22.12.20 14:00

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!
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos : 8311

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Personalização da caixa de lista de tópicos

Mensagem por pedxz 28.12.20 13:34

Tópico resolvido


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

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7158
Pontos : 8396

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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