Personalizar campo de prêmios

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

Atendido / Resolvido Personalizar campo de prêmios

Mensagem por YouTube3 em 14.09.16 19:48

Detalhes da questão


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

Descrição


Boa tarde,

Olá, eu olhei "2" tutoriais de como colocar medalhas para os membros.
Realmente os dois tutoriais que olhei ficarão errados em meu fórum.

Os dois tutoriais que olhei:
https://ajuda.forumeiros.com/t35486-
https://ajuda.forumeiros.com/t17049-

Eu queria que ficassem assim porem não ficarão:
https://i.imgur.com/pY5quK1.jpg

Enfim eu tenho os próprios ícones que peguei de um outro fórum.

Por exemplo, quando o membro completasse um ano no fórum,
ele ganharia o ícone de um ano no fórum automaticamente entende?
Se ele se apresentasse ele ganharia o ícone de apresentação automaticamente enfim.

Meus ícones:

Apresentação: https://i.imgur.com/RxY4JO5.jpg
Medalha de um Ano: https://i.imgur.com/l6c63jc.gif
Palmeiras: https://i.imgur.com/Nc8J2np.png
Santos: https://i.imgur.com/rN8T5ui.png
São Paulo: https://i.imgur.com/90uCiLp.png
Flamengo: https://i.imgur.com/zw2fnS8.png
Vasco: https://i.imgur.com/Iu8Frst.png
Corinthians: https://i.imgur.com/OraKpHo.png

Até mais.
YouTube3

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

https://ajuda.forumeiros.com
  • 0

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por Maori em 14.09.16 20:12

Olá!

Poderia nos fornecer a imagem de como eles ficaram ?
Maori

Maori
Usuário destaque

Masculino
Inscrito dia : 08/06/2014
Mensagens : 521
Pontos Ativos : 702

http://baixacidade.forumeiros.com

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 em 14.09.16 20:39

Olá,

Aqui está: https://i.imgur.com/t3bdtt9.jpg

Quero deixa-lo assim:
Personalizar campo de prêmios KVwgA4E


Se for ver bem embaixo da reputação tem uns quadradinhos, é dentro desses quadrados está os prêmios. Muito feliz
YouTube3

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

https://ajuda.forumeiros.com
  • 0

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por Maori em 14.09.16 20:55

Amigo, mas imagens que você tentou colocar lá, são do mesmo tamanho ?
Maori

Maori
Usuário destaque

Masculino
Inscrito dia : 08/06/2014
Mensagens : 521
Pontos Ativos : 702

http://baixacidade.forumeiros.com

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 em 14.09.16 21:50

Não era porem redimensionei, e está tudo no mesmo tamanho agora.
Personalizar campo de prêmios K9m8X7y
YouTube3

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

https://ajuda.forumeiros.com
  • 0

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por Maori em 14.09.16 21:52

Se você quiser deixar como a do exemplo que você e mostrou aí, terá que tirar essas frases!
Maori

Maori
Usuário destaque

Masculino
Inscrito dia : 08/06/2014
Mensagens : 521
Pontos Ativos : 702

http://baixacidade.forumeiros.com

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 em 14.09.16 22:20

Sim porem se eu tiro as frases os ícones desaparece. Muito feliz
Eu quero deixar exatamente como está neste fórum: http://invitesexpress.omeuforum.net/
YouTube3

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

https://ajuda.forumeiros.com
  • 0

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por while em 15.09.16 0:51

Olá, tentei fazer o mais parecido possível.

Adicione esse código em sua folha de estilo css:

Código:
.pun .user .user-info img {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #D8D8D8;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    height: 30px;
    margin-bottom: 5px;
    padding: 1px;
    vertical-align: middle;
    width: 30px;
}
div.user-info > div:nth-child(7), div.user-info > div:nth-child(8) {font-size:0px;}
div.user-info > div:nth-child(8) {margin-top:-47px;background:none!important;margin-left:40px;border:none!important;margin-bottom:10px;}
div.user-info > div:nth-child(7) {margin-top:10px;background:none!important;border:none!important;}

Resulta?
Até mais.
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3231
Pontos Ativos : 4730

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 em 15.09.16 1:30

O campo da "Reputação" Sumiu é ficou um quadrado abaixo do avatar.
Se for possível botar os ícones dentro daquele quadrado porem lá embaixo entende?
Personalizar campo de prêmios UlTB3xv


1° Dúvida, Eu criei os campos dos ícones em "Zona de Texto" está certo?
Até mais.
YouTube3

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

https://ajuda.forumeiros.com
  • 0

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por while em 15.09.16 1:38

É um tanto complicado, o que fode demais seria esses textos, como bem dito pelo Paladinos, faz com que meu teste se complique.

Faça o seguinte, acesse:
Painel de Controle -> Usuarios & Grupos -> Usuarios -> Perfis
E nesse campo de prêmios clique em configurar, e altere essa opção aqui: Tipo de visualização
deixe em ícone.

Depois troque o css passado por este:
Código:
.pun .user .user-info img {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #D8D8D8;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    height: 30px;
    margin-bottom: 5px;
    padding: 1px;
    vertical-align: middle;
    width: 30px;
}

Depois de feito isto me avise no tópico para eu ver o resultado, e fazer novos testes.
Até mais.
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3231
Pontos Ativos : 4730

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 em 15.09.16 11:26

Ele já está em Tipo de Visualização: ícone.

Está configurado assim não sei se está certo botei em Zona de Texto:
Personalizar campo de prêmios CQ5Jr2o


Ali em visualização está marcado mensagens porem ele aparece no perfil também:
Personalizar campo de prêmios SrfkNc8
YouTube3

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por Harleen em 16.09.16 1:35

Olá, experimente configurar os campos dessa forma
Para a Medalha:

Personalizar campo de prêmios 3d02c5a07db4454ab925d40babc93614

Apresentação:
Personalizar campo de prêmios 84a23cc25d924784a405b2c5bb22d3e6

Para os times:
Personalizar campo de prêmios 3ef796208f0b432385fbd8f2dcdc52e6
Personalizar campo de prêmios Efbd78f0c3ad4ba39abfc764604c317f


Resultado no perfil e nas mensagens:
Personalizar campo de prêmios 93dab29729334bfab5e06cea8672b744
Personalizar campo de prêmios Eeaa2ab5877840d6a7b70bd732aafcac

Até mais
Harleen

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1746
Pontos Ativos : 2319

https://antenadogames.forumeiros.com/

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 em 16.09.16 11:49

Fiz como você pediu porem sem resultado.
Quero que eles ficam um do lado do outro é continua um embaixo do outro.
É também eu marco a opção Visualização: Marco mensagens ela vai para o perfil.
Personalizar campo de prêmios QjBY38p
YouTube3

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por PrisoN†BreaK em 16.09.16 13:42

Crie um novo campo e preencha como este:
https://imgur.com/NGrsxN5
Após isso, salve.

Vá em seu perfil e preencha como aqui:

https://imgur.com/XgUvCBu

As imagens devem fica dentro do [img][/img].

Resultado:

https://imgur.com/5tAZbbL

O meu não ficou ajustado o tamanho da imagem corretamente pois precisa de um código CSS para que isso aconteça, e não tenho em minha folha.



PrisoN†BreaK

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1239
Pontos Ativos : 1745

http://brasilplayfreedomofc.forumeiros.com/forum

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por Harleen em 16.09.16 15:41

Olá, nesse campo medalha de um ano, deixe a Descrição e URL do ícone vazios, não esqueça também de deixar o Separador em Nenhum como na imagem que postei acima, depois vá no perfil do usuário e preencha as informações,
veja no print: http://prntscr.com/cipwuq

No tópico: http://prntscr.com/ciq03b

Deixe-os também depois de todos os campos, assim : http://prntscr.com/ciq2gs

Até mais
Harleen

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1746
Pontos Ativos : 2319

https://antenadogames.forumeiros.com/

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 em 16.09.16 16:30

Bom Apresentação é Um ano no Fórum eu botei uma imagem certo?
É no time botei lista de imagem fiz como você disse.

Porem no meu ele não fica um do lado do outro ele fica um embaixo do outro.
Personalizar campo de prêmios Brv7XGx
YouTube3

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por Harleen em 16.09.16 16:59

Verifique se o Separador está em Quebra de linha ou outro, caso esteja, altere para Nenhum de todos os campos, pois nos meus testes funciona, veja http://prntscr.com/ciqwut

Caso ainda não funcione, libere para Convidados.

Até mais

Editado
Veja nos prints como eu fiz

http://prntscr.com/cir3f5
http://prntscr.com/cir3ow
http://prntscr.com/cir3ye
Harleen

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1746
Pontos Ativos : 2319

https://antenadogames.forumeiros.com/

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 em 16.09.16 17:32

Sim está em nenhum porem ele fica embaixo do outro.
Já liberei para os convidados até.
YouTube3

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

https://ajuda.forumeiros.com
  • 0

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por Cepheus em 16.09.16 18:18

Adicione no seu css:
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{
border: 0px solid #DDD;
border-left: 0px solid #DDD;
margin-bottom:0px;
padding: 4px;
text-align: center;
float: left;
}
Cepheus

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

http://www.bestskins.net/

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 em 16.09.16 19:04

Funciono porem tem como botar eles dentro de um quadradinho?
É se for possível centralizar os prêmios.

Ficou assim: https://i.imgur.com/9BPmJjY.jpg

Tem como deixar assim dentro dos quadrados: https://i.imgur.com/LlBGYLM.jpg

até mais.
YouTube3

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

https://ajuda.forumeiros.com
  • 0

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por PrisoN†BreaK em 16.09.16 19:23

Adicione esse código em sua folha de estilo:

Código:
.pun .user .user-info .label:empty + img {
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  background: #fff;
  border: 1px solid #d8d8d8;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  height: 30px;
  margin-bottom: 5px;
  padding: 1px;
  vertical-align: middle;
  width: 30px;
}
PrisoN†BreaK

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1239
Pontos Ativos : 1745

http://brasilplayfreedomofc.forumeiros.com/forum

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 em 16.09.16 19:29

Deu certo apenas mais 2 coisas, se for possível juntar mais os ícones.
É ali onde está marcado de vermelho juntar mais também está muito afastado. Muito feliz
Personalizar campo de prêmios Tb3npLA
YouTube3

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

https://ajuda.forumeiros.com
  • 0

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por while em 16.09.16 19:34

Olá, adicione mais esse código em sua folha de estilo css:
Código:
.pun .user .user-info .label:empty + img {margin-right:-4px;margin-bottom:-1px;}

OBS: Margin-bottom seria para diminuir/aumenta o espaço debaixo dos icones, e o margin-right pra distanciar/aproximar mais o icone que está do lado direito.

Até mais.
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3231
Pontos Ativos : 4730

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 em 16.09.16 19:48

Deu certo apenas mais uma dúvida.

É possível a pessoa se apresentar é receber o ícone de apresentação.
Automaticamente em seu perfil no caso nas postagens?
YouTube3

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

https://ajuda.forumeiros.com
  • 0

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por while em 16.09.16 19:50

Impossível autor, somente você alterando manualmente pelo painel.

Até mais.
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3231
Pontos Ativos : 4730

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 em 16.09.16 20:19

Obg pode fechar.
YouTube3

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

https://ajuda.forumeiros.com
  • 0

Atendido / Resolvido Re: Personalizar campo de prêmios

Mensagem por while em 16.09.16 20:20

Personalizar campo de prêmios Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3231
Pontos Ativos : 4730

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

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