Adicionar ícones nos campos de perfil

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

Em curso Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 18.02.19 19:39

Detalhes da questão


Endereço do fórum: http://interativo-ifba.forumeiros.com
Versão do fórum: AwesomeBB

Descrição


Gostaria de add incones aqui http://prntscr.com/mmuikh nessa area

Ex http://prntscr.com/mmukf4
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Roger123 em 18.02.19 19:43

Olá,

Bem-vindo ao Fórum dos Fóruns!


Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Que tipo é que quer aí?

Fico no aguardo.


Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 850
Pontos Ativos : 1015

Ver perfil do usuário

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 18.02.19 19:47

Olha a imagem de exemplo.
Gostaria nas mensagens um icone de mensagens tipo o da print e o da data de inscrição um calendáiro mesmo.
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Roger123 em 18.02.19 20:08

Queira ler este tópico:
Flecha ajudeiros Questão resolvida

Cordialmente,
Roger123


Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 850
Pontos Ativos : 1015

Ver perfil do usuário

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 18.02.19 20:45

Mas eu gostaria de icones usando o fontawesome
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Pedxz em 19.02.19 15:37

Olá @Interativo IF,
O Senhor já têm os ícones instalados no seu fórum, para dar o seguimento a resolução?


Aguardo uma resposta sua,
pedxz.
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2568
Pontos Ativos : 3241

Ver perfil do usuário https://pedxz.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 19.02.19 15:41

Tenho sim.
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Roger123 em 20.02.19 14:40

Olá novamente,
Adicione este código na sua folha de estilo CSS:
Código:
.label::before{content:"chat ";font-family:"Material Icons";}
Cordialmente,
Roger123


Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 850
Pontos Ativos : 1015

Ver perfil do usuário

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 20.02.19 15:14

Resultou, mas eu queria um ícone diferente para cada classe: http://prntscr.com/mnq2oh

Exemplo: Data de inscrição = calendário
Mensagens= balões de conversas
Cash = Dinheiro
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Roger123 em 20.02.19 15:23

Precisarei de uma conta teste para visualizar o resto dos campos! Lembre-se: não dê poderes administrativos/moderativos.
Passe-me a conta teste pelas tags hide:
Código:
[hide]
Usuário:
Senha:
[/hide]
Peço, para além disso, que coloque o código novamente!

Fico no aguardo.


Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 850
Pontos Ativos : 1015

Ver perfil do usuário

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 21.02.19 14:33

@Roger123 escreveu:Precisarei de uma conta teste para visualizar o resto dos campos! Lembre-se: não dê poderes administrativos/moderativos.
Passe-me a conta teste pelas tags hide:
Código:
[hide]
Usuário:
Senha:
[/hide]
Peço, para além disso, que coloque o código novamente!

Fico no aguardo.

Basta registrar-se, você automaticamente já entra sem necessidades de eu aceitar.
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 23.02.19 16:46

Alguém?
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 28.02.19 15:30

Alguém?
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 02.03.19 22:49

Alguém?
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 06.03.19 19:41

Alguém?
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 08.03.19 16:41

Alguém ?
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por RafaelS. em 09.03.19 14:28

Olá autor!

Crie um novo Javascript com investimento nos tópicos:
Código:
$(function() {
$('.label:contains("Mensagens")').addClass("msgs");
$('.label:contains("Data")').addClass("dt");
});

Adicione ainda à sua folha de estilos (CSS):
Código:
span.label::before {
    font-family: "Material Icons";
}
span.label.dt::before {content: "calendar_today";}
span.label.msg::before {content: "chat";}

Atenciosamente,
Rafael.




Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"Suba na vida, mas não faça de seus amigos os degraus de sua escada, vença pela sua capacidade sempre com Honestidade,Caráter e Amor!"


RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4661
Pontos Ativos : 5722

Ver perfil do usuário http://techmais.forumeiros.com/

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 10.03.19 1:32

Olá @RafaelS.
Resultado: http://prntscr.com/mvpw6i
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Roger123 em 10.03.19 9:16

Olá,
Troque os códigos dados pelo meu chefe @RafaelS. por estes:
JavaScript
Código:
     
  $(function() {
        $('.label:contains("Mensagens")').addClass("msgs");
        $('.label:contains("Data")').addClass("dt");
        $('.label:contains("Cash")').addClass("cs");
        $('.label:contains("Reputação")').addClass("rep");
        });
CSS
Código:
       
span.label::before {
            font-family: "Material Icons";
        }
        span.label.dt::before {content: "calendar_today";}
        span.label.msgs::before {content: "chat";}
span.label.cs::before {content: "attach_money";}
span.label.rep::before {content: "thumb_up_alt";}

Cordialmente,
Roger123


Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 850
Pontos Ativos : 1015

Ver perfil do usuário

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 10.03.19 16:35

Resultou, mas veja: http://prntscr.com/mvxl9l
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Roger123 em 10.03.19 16:37

Eu precisarei do código ativo para o ajudar Aff.


Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 850
Pontos Ativos : 1015

Ver perfil do usuário

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 10.03.19 16:56

Feito!
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 13.03.19 1:38

Alguém ?
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 15.03.19 0:39

Alguém ? ..
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Luiz em 17.03.19 1:13

Adicione ao final da sua Folha de Estilos CSS:

Código:
.post-body .post-aside {
  width: 235px;
  flex-basis: 235px;
  padding: 16px 15px;
}

.post-body .post-aside .post-author-details {
  display: flex;
  flex-wrap: wrap;
}

.post-body .post-aside .post-author-details dt {
  width: 65%;
  font-size: 0px;
  color: #444;
}

.post-body .post-aside .post-author-details dt .label::before {
  margin-right: 3px;
  position: relative;
  top: 2px;
  font-size: 13px;
}

.post-body .post-aside .post-author-details dt .label span {
  font-weight: 300 !important;
  font-size: 13px;
}

.post-body .post-aside .post-author-details dt .label span::after {
  content: ':';
  font-size: 13px;
}

- Link externo removido pela moderação.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6621
Pontos Ativos : 7515

Ver perfil do usuário https://luizfelipe.dev

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 17.03.19 14:32

Olá Luiz, ficou muito distante, veja: http://prntscr.com/mz26yg
Não há como deixa-lo igual o original?
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Luiz em 17.03.19 16:22

Se ficar mais perto a data vai quebrar e ficar em baixo.

- Link removido pela moderação.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6621
Pontos Ativos : 7515

Ver perfil do usuário https://luizfelipe.dev

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 17.03.19 21:59

Então não há solução?
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Luiz em 18.03.19 0:57

Você pode adicionar esse código ao final da sua Folha de Estilos e ir ajustando o valor até que fique ao seu gosto.
Código:
.post-author-details dt {
    margin-right: -10px !important;
}

No entanto, a semelhança entre o modo em que está atualmente e a imagem modelo passada na primeira mensagem é grande.

o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6621
Pontos Ativos : 7515

Ver perfil do usuário https://luizfelipe.dev

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 18.03.19 14:53

Esses campos aqui, não são possíveis chegar mais perto? http://prntscr.com/mzj4vt
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Roger123 em 19.03.19 17:38

Nós não temos acesso aos campos "Cash" e "Reputação". O fórum donde a print foi tirada corresponde ao referido acima? Se não, queira postar aqui o link!


Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 850
Pontos Ativos : 1015

Ver perfil do usuário

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 19.03.19 19:55

Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF em 21.03.19 20:46

Alguém?
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

Em curso Re: Adicionar ícones nos campos de perfil

Mensagem por Interativo IF Ontem à(s) 2:48

Alguém ?
Interativo IF

Interativo IF
Nível 5

Masculino
Inscrito dia : 18/02/2019
Mensagens : 50
Pontos Ativos : 60

Ver perfil do usuário http://interativo-ifba.forumeiros.com

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