Personalizar Perfil de conquistas

Detalhes da questão

Endereço do fórum: http://www.brasilplayultimate.forumeiros.com
Versão do fórum: PunBB

Descrição

Visitando este fórum: http://pedxz.forumeiros.com/t29-loja-emblema-custom
Percebi as conquistas diferentes e gostei do jeito, seria possível adpata-las ao meu forum?

Veja: http://prntscr.com/gbb4yp

Olá, queira ler esses tópicos, terá um efeito parecido

https://ajuda.forumeiros.com/t109534-trofeus-e-medalhas
https://ajuda.forumeiros.com/t106742-personalizar-campo-de-premios
https://ajuda.forumeiros.com/t107332-espacamento-do-campo-premios

Até mais

Obrigado, usei esses códigos aqui: https://ajuda.forumeiros.com/t106742-personalizar-campo-de-premios
Mas ficou assim: http://prntscr.com/gbdbud

Mande um print de como o campo está configurado.

Estarei aguardando...

http://prntscr.com/gbdvv7
Cá está.

Na parte marcada http://prntscr.com/gbe5ud deixe apenas ícone salve e veja como fica.

Até mais

Harleen escreveu:Na parte marcada http://prntscr.com/gbe5ud deixe apenas ícone salve e veja como fica.

Até mais

Mesma coisa.

Libera o campo para visitantes e poste um tópico que haja alguém com os prêmios no perfil.

Harleen escreveu:Libera o campo para visitantes e poste um tópico que haja alguém com os prêmios no perfil.

Feito. Qualquer post terá uma conquista, de preferência pegue este: http://www.brasilplayultimate.com.br/t2390-comunicado-atualizacao#6333 e veja meu post.

Olá, visitei o fórum e está assim http://prntscr.com/gboqwj

Até mais

Harleen escreveu:Olá, visitei o fórum e está assim http://prntscr.com/gboqwj

Até mais

Bom, peço que registre-se e eu aceitarei a conta aqui pois está bugando a imagem de Warns e de reputação também como mostro na imagem: https://i.imgur.com/WAK7Dkw.png

Favor desabilite o código desse efeito por gentileza http://prntscr.com/gbt4xj

Harleen escreveu:Favor desabilite o código desse efeito por gentileza http://prntscr.com/gbt4xj

Feito.

UP

UP

Procure por isso no seu CSS:

Código:

.pun .user .user-info img

E troque por isso:

Código:

.pun .user .user-info .post_field:nth-last-child(2) img

Depois procure por isso:

Código:

.post_field + br + .post_field + br + .post_field + br + .post_field, .post_field + br + .post_field + br + .post_field + br + .post_field +  .post_field, .post_field + br + .post_field + br + .post_field + br + .post_field +  .post_field + .post_field, .post_field + br + .post_field + br + .post_field + br + .post_field +  .post_field + .post_field + .post_field

E troque por isso:

Código:

.pun .user .user-info .post_field:nth-last-child(2)

Kyo Panda escreveu:Procure por isso no seu CSS:
Depois procure por isso:

Código:

.post_field + br + .post_field + br + .post_field + br + .post_field, .post_field + br + .post_field + br + .post_field + br + .post_field +  .post_field, .post_field + br + .post_field + br + .post_field + br + .post_field +  .post_field + .post_field, .post_field + br + .post_field + br + .post_field + br + .post_field +  .post_field + .post_field + .post_field

E troque por isso:

Código:

.pun .user .user-info .post_field:nth-last-child(2)

Não encontrei nada disso :/
Adicionei pelo github o outro código passado a cima, esperando sua resposta e a atualização do código por lá

Esse código parece estar dentro do HTML. Chuto que ele esteja no viewtopic_body.

Não estava kkk, estava em outro.
Enfim: Veja http://prntscr.com/gd0vou

espaço ficou mt grande.

HUE.

Tem dois códigos dentro do CSS do GitHub:

Código:

div.user-info > div:nth-child(7)

E:

Código:

div.user-info > div:nth-child(7), div.user-info > div:nth-child(8)

Eles parecem ocultar alguns campos, deixando aqueles espaços em branco. O que eles deveriam estar escondendo?

Kyo Panda escreveu:HUE.

Tem dois códigos dentro do CSS do GitHub:

Código:

div.user-info > div:nth-child(7)

E:

Código:

div.user-info > div:nth-child(7), div.user-info > div:nth-child(8)

Eles parecem ocultar alguns campos, deixando aqueles espaços em branco. O que eles deveriam estar escondendo?

Removi e ainda está do mesmo jeito só que com um espaço menor kk, veja: http://prntscr.com/gd11k7

Oxi, para mim está bacana. :v

---

Quer reduzir ainda mais o espaço?

Código:

.user-info > br {
    display: none;
}

.user-info > .post_field:not(:first-child) {
    margin-top: 5px;
}

Certo, perfeito. só mais um detalhe.
Teria como adicionar os ranks para ficar aqui assim: http://prntscr.com/gd17ls

Na linha ficaria o nome "Conquistas e Troféus" e em baixo como se fosse <br> ficaria os ranks.

Mais uma peça:

Código:

.pun .user .user-info .post_field:nth-last-child(2)  {
    float: none;
}
.pun .user .user-info .post_field:nth-last-child(2) .label {
    display: block;
}

Perfeito, mas veja: http://prntscr.com/gd1jet

Coloque !important na primeira regra:

Código:

.pun .user .user-info .post_field:nth-last-child(2)  {
    float: none !important;
}

Perfeito, pode fechar.

Conforme requisitado, o tópico está reaberto. Qual o problema?

O problema é este:
http://prntscr.com/gd2369
http://prntscr.com/gd23ay

Gostaria de deixa-los alinhados.

Adicione ao CSS:

Código:

.pun .user .user-info .post_field:nth-last-child(2) br {
    display: none;
}

Se não funcionar, já sabe, né? Aquele !important maroto na frente.

Kyo Panda escreveu:Adicione ao CSS:

Código:

.pun .user .user-info .post_field:nth-last-child(2) br {
    display: none;
}

Se não funcionar, já sabe, né? Aquele !important maroto na frente.

O jeito maroto que me salva quase todas as vezes que vou mexer no CSS tbm kkk
Funcionou, valeu

Só mais uma coisa, dá para adicionar tipo uma caixinha aqui: http://prntscr.com/gd2cqn
No caso essa caixinha dos emblemas vou deixa-lo de outra cor e a caixa q vai ficar ai vc pode deixar dessa cor mesmo.
Seria possível?

Podem fechar.