Personalização da caixa de lista de tópicos Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

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

3 participantes

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

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

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

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

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

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

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

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 tikky 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.
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

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

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

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

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

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

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

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

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

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

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

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

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

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

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

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 tikky 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.
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

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