Personalizar campo de prêmios Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Personalizar campo de prêmios

+2
Maori
YouTube3
6 participantes

Ir para baixo

Tópico resolvido Personalizar campo de prêmios

Mensagem por YouTube3 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
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por Maori 14.09.16 20:12

Olá!

Poderia nos fornecer a imagem de como eles ficaram ?
Maori
Maori
Membro

Membro desde : 08/06/2014
Mensagens : 521
Pontos : 702

http://baixacidade.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 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
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por Maori 14.09.16 20:55

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

Membro desde : 08/06/2014
Mensagens : 521
Pontos : 702

http://baixacidade.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 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
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por Maori 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
Membro

Membro desde : 08/06/2014
Mensagens : 521
Pontos : 702

http://baixacidade.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 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
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por while 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
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 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
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por while 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
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 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
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por Harleen 16.09.16 1:35

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

Apresentação:

Para os times:


Resultado no perfil e nas mensagens:

Até mais
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 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
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por PrisoN†BreaK 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
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por Harleen 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
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 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
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por Harleen 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
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 16.09.16 17:32

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

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por Cepheus 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
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 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
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por PrisoN†BreaK 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
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 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
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por while 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
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 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
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por while 16.09.16 19:50

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

Até mais.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por YouTube3 16.09.16 20:19

Obg pode fechar.
YouTube3
YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar campo de prêmios

Mensagem por while 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
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos