Quadro de dados

4 participantes

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

Tópico resolvido Quadro de dados

Mensagem por LeoziN_WallkeR 07.09.17 22:07

Detalhes da questão


Endereço do fórum: http://familywallker.forumeiros.com/
Versão do fórum: phpBB2

Descrição


Bom eu Quero o Meu Quadro de Dados desse Jeito »»» https://imgur.com/a/fiBDU No Nome "Pontos" Coloque Money e um Icon de Money, No Icone do Nome "Reputação" Coloque um Sinal de + dentro de uma Bolinha Verde,E no Quadro "Mensagens" Centraliza o Icone Dela.

Desde ja Obrigado <3


Última edição por LeoziN_WallkeR em 12.09.17 19:47, editado 1 vez(es)
LeoziN_WallkeR

LeoziN_WallkeR
***

Membro desde : 31/08/2017
Mensagens : 171
Pontos : 255

http://mundosemlei.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Quadro de dados

Mensagem por Fraise 07.09.17 22:15

Olá,

Queira consultar este tópico:
Quadro de dados 633772 https://ajuda.forumeiros.com/t17049-

Até mais.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro de dados

Mensagem por LeoziN_WallkeR 08.09.17 0:50

Amigo não entendi Muito Bem,O Senhor Entendeu oque eu quero? Não Quero os Campos quero O Quadro ai e os Campos dentro dele,Como na Imagem Acima
LeoziN_WallkeR

LeoziN_WallkeR
***

Membro desde : 31/08/2017
Mensagens : 171
Pontos : 255

http://mundosemlei.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro de dados

Mensagem por Alex 08.09.17 10:22

Olá.

Quanto ao design, adicione à sua folha de estilo CSS o seguinte código:
Código:
.user-info .matd {
  border: 1px solid;
    border-left: 5px solid;
    background-color: #fff;
    font-size: 12px;
    padding: 3px;
    margin: 10px;
}

.user-info .matd .label {
    color: #000;
}

Já os icones atrás dos campos, você deseja uma imagem ou um icone do FontAwesome mesmo? Podemos fazer das duas formas.

Até o/
Alex

Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro de dados

Mensagem por LeoziN_WallkeR 08.09.17 12:26

Sendo os Icon que eu Pedir,Pode ser em qualquer um ai,Oque o Senhor Achar mais Dahora pode por.Testei o Codigo la e deu Certo,Quando por o Icon o Nome vai ficar na Frente do Icone né? Como na Imagem Acima
LeoziN_WallkeR

LeoziN_WallkeR
***

Membro desde : 31/08/2017
Mensagens : 171
Pontos : 255

http://mundosemlei.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro de dados

Mensagem por LeoziN_WallkeR 09.09.17 13:51

É eu que Ponho os Icones ou o Senhor vai por?
LeoziN_WallkeR

LeoziN_WallkeR
***

Membro desde : 31/08/2017
Mensagens : 171
Pontos : 255

http://mundosemlei.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro de dados

Mensagem por Kyo Panda 12.09.17 12:40

Evite capitalizar as palavras em suas mensagens, fica difícil de compreender o que fala. Quanto ao código, o senhor implicitamente deverá fornecer os ícones, já que sem eles teremos retrabalho no futuro. Use a área de suporte de design, caso não possua as imagens.
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro de dados

Mensagem por LeoziN_WallkeR 12.09.17 14:06

As Imagens Aqui » https://imgur.com/a/6veR6 Elas são Pretas.
LeoziN_WallkeR

LeoziN_WallkeR
***

Membro desde : 31/08/2017
Mensagens : 171
Pontos : 255

http://mundosemlei.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro de dados

Mensagem por Kyo Panda 12.09.17 18:45

Adicione ao CSS:

Código:
.user-info > .matd {
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 20px;
}

.user-info > .matd:nth-child(1) {
    background-image: url(http://i.imgur.com/ewknb4X.png);
}

.user-info > .matd:nth-child(2) {
    background-image: url(http://i.imgur.com/Jk1OJqi.png);
}

.user-info > .matd:nth-child(3) {
    background-image: url(http://i.imgur.com/S9LVDXg.png);
}
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro de dados

Mensagem por LeoziN_WallkeR 12.09.17 19:45

Ficou bom Amigo,Gostei <3
Obrigado a Todos <3 Todos voces que comentaram me ajudaram.
LeoziN_WallkeR

LeoziN_WallkeR
***

Membro desde : 31/08/2017
Mensagens : 171
Pontos : 255

http://mundosemlei.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro de dados

Mensagem por Kyo Panda 12.09.17 20:41

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

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

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