Adicionar borda em um determinado campo de perfil

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

Resolvido Adicionar borda em um determinado campo de perfil

Mensagem por Deimon_Phoenix em 28/12/17, 01:02 pm

Detalhes da questão


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

Descrição


Olá,

Boa tarde.

Bom, um tempo atrás adicionei o sistema de loja + itens em meu fórum, está praticamente 100% concluído.

gostaria de saber, seria possível adicionar uma borda em volta desses itens no perfil do usuário?
https://prnt.sc/hte2iz

tentei algumas formas via css mas sem resultado



Última edição por Deimon_Phoenix em 29/12/17, 01:45 pm, editado 1 vez(es)
avatar

Deimon_Phoenix
Nível 6

Masculino
Inscrito dia : 05/10/2014
Mensagens : 63
Pontos Ativos : 94

Ver perfil do usuário http://www.gtasamp.com

Resolvido Re: Adicionar borda em um determinado campo de perfil

Mensagem por Pedxz em 28/12/17, 01:32 pm

Olá,
Existe um metódo para isso, poderia passar um tópico em que algum usuario use os emblemas?

ficaria agradecido,
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 367
Pontos Ativos : 521

Ver perfil do usuário http://power-pixel.net https://www.facebook.com/pedxz

Resolvido Re: Adicionar borda em um determinado campo de perfil

Mensagem por Deimon_Phoenix em 28/12/17, 01:40 pm

avatar

Deimon_Phoenix
Nível 6

Masculino
Inscrito dia : 05/10/2014
Mensagens : 63
Pontos Ativos : 94

Ver perfil do usuário http://www.gtasamp.com

Resolvido Re: Adicionar borda em um determinado campo de perfil

Mensagem por Pedxz em 28/12/17, 01:47 pm

Ponha isto do seu CSS

Código:
.profile-field-inner.fa-emblems-wrapper img {
    text-align: left;
    float: left;
    margin-right: 0px!important;
    background: rgba(0,0,0,.1);
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 3px;
    height: 31px!important;
    margin-bottom: 5px;
    margin-left: 4px;
    vertical-align: middle;
    width: 31px!important;
}
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 367
Pontos Ativos : 521

Ver perfil do usuário http://power-pixel.net https://www.facebook.com/pedxz

Resolvido Re: Adicionar borda em um determinado campo de perfil

Mensagem por Deimon_Phoenix em 28/12/17, 02:02 pm

Bom pedro, não é exatamente isso que eu queria

o que eu queria era uma borda em volta deles no geral, e não uma borda em cada

veja só, dessa forma

http://prntscr.com/htexs2
avatar

Deimon_Phoenix
Nível 6

Masculino
Inscrito dia : 05/10/2014
Mensagens : 63
Pontos Ativos : 94

Ver perfil do usuário http://www.gtasamp.com

Resolvido Re: Adicionar borda em um determinado campo de perfil

Mensagem por Pedxz em 28/12/17, 02:15 pm

Teste isto, eu não testei, fiz de cabeça, por isso pode dar ou não xD

Código:
.profile_field_list .profile-field-inner::last-of-type {
padding: 2px;
border: 1px solid black
}
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 367
Pontos Ativos : 521

Ver perfil do usuário http://power-pixel.net https://www.facebook.com/pedxz

Resolvido Re: Adicionar borda em um determinado campo de perfil

Mensagem por Deimon_Phoenix em 28/12/17, 02:17 pm

Sem resultado
avatar

Deimon_Phoenix
Nível 6

Masculino
Inscrito dia : 05/10/2014
Mensagens : 63
Pontos Ativos : 94

Ver perfil do usuário http://www.gtasamp.com

Resolvido Re: Adicionar borda em um determinado campo de perfil

Mensagem por Pedxz em 28/12/17, 02:21 pm

Tenta

Código:
.pfi-content:last-of-type {
 padding: 2px;
 border: 1px solid black
  }
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 367
Pontos Ativos : 521

Ver perfil do usuário http://power-pixel.net https://www.facebook.com/pedxz

Resolvido Re: Adicionar borda em um determinado campo de perfil

Mensagem por Deimon_Phoenix em 28/12/17, 02:27 pm

sem resultado

veja

http://prntscr.com/htfaa6
avatar

Deimon_Phoenix
Nível 6

Masculino
Inscrito dia : 05/10/2014
Mensagens : 63
Pontos Ativos : 94

Ver perfil do usuário http://www.gtasamp.com

Resolvido Re: Adicionar borda em um determinado campo de perfil

Mensagem por Deimon_Phoenix em 28/12/17, 10:00 pm

up
avatar

Deimon_Phoenix
Nível 6

Masculino
Inscrito dia : 05/10/2014
Mensagens : 63
Pontos Ativos : 94

Ver perfil do usuário http://www.gtasamp.com

Resolvido Re: Adicionar borda em um determinado campo de perfil

Mensagem por while em 29/12/17, 12:59 am

Não dê UP em menos de 24 horas da sua ultima mensagem pois é considerado flood.

Quanto sua questão, adicione esse código css em sua folha de estilo:

Código:
div.user-info > div > div.profile-field-inner.fa-emblems-wrapper > span.pfi-content {border:1px solid #ddd; padding-bottom:25px;padding-top:25px;}
div.user-info > div > div.profile-field-inner.fa-emblems-wrapper > span.pfi-content > div {margin-bottom:10px!important;}

Resulta?


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3217
Pontos Ativos : 4689

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Adicionar borda em um determinado campo de perfil

Mensagem por Deimon_Phoenix em 29/12/17, 01:05 am

Entendido.

ficou dessa forma no perfil

http://prntscr.com/htmyor

como gostaria

https://prnt.sc/htexs2



avatar

Deimon_Phoenix
Nível 6

Masculino
Inscrito dia : 05/10/2014
Mensagens : 63
Pontos Ativos : 94

Ver perfil do usuário http://www.gtasamp.com

Resolvido Re: Adicionar borda em um determinado campo de perfil

Mensagem por Pedxz em 29/12/17, 11:30 am

Ponha isto do seu CSS

Código:
.user-info .fa-emblems-wrapper {
    border: 1px solid black;
    padding: 2px;
    margin-bottom: 1em;
}
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 367
Pontos Ativos : 521

Ver perfil do usuário http://power-pixel.net https://www.facebook.com/pedxz

Resolvido Re: Adicionar borda em um determinado campo de perfil

Mensagem por Deimon_Phoenix em 29/12/17, 11:45 am

Bom pedro, o código resultou no meu fórum de teste, porém no fórum principal não funcionou, o que pode ser?
avatar

Deimon_Phoenix
Nível 6

Masculino
Inscrito dia : 05/10/2014
Mensagens : 63
Pontos Ativos : 94

Ver perfil do usuário http://www.gtasamp.com

Resolvido Re: Adicionar borda em um determinado campo de perfil

Mensagem por Pedxz em 29/12/17, 11:45 am

Mudança de class, poderia fornece-me um link do forum principal?
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 367
Pontos Ativos : 521

Ver perfil do usuário http://power-pixel.net https://www.facebook.com/pedxz

Resolvido Re: Adicionar borda em um determinado campo de perfil

Mensagem por Deimon_Phoenix em 29/12/17, 11:46 am

avatar

Deimon_Phoenix
Nível 6

Masculino
Inscrito dia : 05/10/2014
Mensagens : 63
Pontos Ativos : 94

Ver perfil do usuário http://www.gtasamp.com

Resolvido Re: Adicionar borda em um determinado campo de perfil

Mensagem por Pedxz em 29/12/17, 01:35 pm

Infelizmente não estou a conseguir fazer o pedido, visto que os emblemas não têm um "revestimento", uma class, mas se você for tiver acesso a u1, vá em Visualização >Visualização > Geral > viewtopic_body
localize
{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

e mude para

<div class="labelco">{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>

e ponha isto do seu CSS

Código:
.user-info .labelco:last-of-type {
    border: 1px solid black;
    padding: 2px;
    margin-bottom: 1em;
}
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 367
Pontos Ativos : 521

Ver perfil do usuário http://power-pixel.net https://www.facebook.com/pedxz

Resolvido Re: Adicionar borda em um determinado campo de perfil

Mensagem por Deimon_Phoenix em 29/12/17, 01:45 pm

infelizmente não tenho acesso a conta fundador, e quem tem está ausente.

mas tudo bem, se não foi possível depois vejo o que faço.

agradeço pela ajuda, abraço
avatar

Deimon_Phoenix
Nível 6

Masculino
Inscrito dia : 05/10/2014
Mensagens : 63
Pontos Ativos : 94

Ver perfil do usuário http://www.gtasamp.com

Resolvido Re: Adicionar borda em um determinado campo de perfil

Mensagem por Luiz em 29/12/17, 05:30 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Moderadeiro
avatar

Luiz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5979
Pontos Ativos : 6799

Ver perfil do usuário https://github.com/lffg/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum