Colocar icone no perfil

Detalhes da questão

Endereço do fórum: http://advancedliferpg.com/forum
Versão do fórum: ModernBB

Descrição

Bom dia, como faço pra colocar uns icones ( imagens 32x32 / 64x64) nessa parte
Igual que ta nessa image aqui
tem ali uma medalha, um trofeu e tal...


https://i.imgur.com/tDce725.png

Bom dia PES!

Este problema que apresentou, está ocorrendo no seu fórum ou em outro que administra? Eu acessei seu fórum e não vi o ícone personalizado de perfil em algum tópico.

Por favor, poderia nos mencionar um tópico onde o usuário tem o ícone grande conforme na imagem?

Até mais.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'.

Shek Crowley escreveu:Bom dia PES!

Este problema que apresentou, está ocorrendo no seu fórum ou em outro que administra? Eu acessei seu fórum e não vi o ícone personalizado de perfil em algum tópico.

Por favor, poderia nos mencionar um tópico onde o usuário tem o ícone grande conforme na imagem?

Até mais.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'.

Bom dia Shek, tudo bem irmão?
Então, acho que não consegui explicar bem oque queria
Eu quero o código de adicionar ícones no perfil nessa mesma área que esta na print
Essa print é do antigo fórum, ai nesse novo usei o mesmo código e não consegui

Olá novamente.

Poste aqui o código antigo que usa, e vamos tentar adaptá-lo para a nova versão #ModernBB

Como não sei pegar o código e colocar dentro daquela área pra copiar, vou jogar o tópico em que fui ajudado
https://ajuda.forumeiros.com/t108405-colocar-icone-no-perfil?highlight=colocar+icone+no+perfil

Olá!

Certo, entendi. Mas, você não acha melhor dimensionar as imagens e substituir no código que o Kyo Panda lhe indicou no tópico acima?

Shek Crowley escreveu:Olá!

Certo, entendi. Mas, você não acha melhor dimensionar as imagens e substituir no código que o Kyo Panda lhe indicou no tópico acima?

É que nesse novo modelo de fórum não havia funcionado entendeu? Não é o tamanho da imagem, e sim que não funcionou
Vou tentar novamente

Aéh! Nossa, eu "boiei" aqui. Desculpa.

Enfim, eu testei o mesmo código que o Kyo passou no outro tópico e usando na versão ModernBB o ícone aparece normalmente. Nem precisei alterá-lo, pois, o postprofile existe no ModernBB.

Você mudou o template viewtopic_body ?

Atenciosamente,
Shek

https://i.imgur.com/LyPomwR.png

O Icone ali, do coração ficou lado com os ícones das redes sociais
Como faz pra quando adicionar em outros perfis e nesse meu ele ficar abaixo e lado a lado

Troca teu código por:

Código:

(function($) {
  'use strict';
 
  var config = {
    members: [{
      id: 1,
      icons: [
        'http://icons.iconarchive.com/icons/mcdo-design/letter/16/Letter-icon.png',
        'http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-7/16/Calendar-icon.png',
      ]
    }, {
      id: 2,
      icons: [
        'http://icons.iconarchive.com/icons/mcdo-design/letter/16/Letter-icon.png',
        'http://icons.iconarchive.com/icons/robinweatherall/library/16/book-open-icon.png',
      ]
    }]
  };
 
  $(function() {
    $('.postprofile').each(function(index, elem) {
      var $this = $(this);
 
      if ($this.attr('id') === 'profile0') {
        return;
      }
 
      var id = ~~$this
        .find('a[href^="/u"]:first')
        .attr('href')
        .split('/u')
        .pop()
      ;
   
      var member = null;
 
      $.each(config.members, function(index, item) {
        if (item.id === id) {
          member = item;
          return false;
        }
      });
     
      if (!member) {
        return;
      }
 
      var $container = $('<dd class="modify_ShekCrowley postprofile-contact">').appendTo($this.children('dl'));
    $($container).before('<hr />');
      $.each(member.icons, function(index, icon) {
        $container.append('<img src="' + icon + '" />');
      });
    });
  });
}(jQuery));

Adiciona em seu CSS este código:

Código:

.modify_ShekCrowley.postprofile-contact img {
    display: block;
    float: left;
    margin-right: 9px;
    margin-top: 9px;
}

OBS: Lembra-te de mudar o ID do usuário.

Ele continuo de lado e ficou bem pequeno
Quero quebrar linha
http://adliferpg.forumeiros.com/t224-mega-evento-policia-e-ladrao
vai no perfil do lele_zinho

Localiza no JS esta parte:

Código:

$($container).before('<hr />');

Troca-o por:

Código:

$($container).before('<br /><br />');

O tamanho do ícone deve ser modificado por você... Eles são pequenos por natureza.

Shek Crowley escreveu:Localiza no JS esta parte:

Código:

$($container).before('<hr />');

Troca-o por:

Código:

$($container).before('<br /><br />');

O tamanho do ícone deve ser modificado por você... Eles são pequenos por natureza.

Agora sim,
Sobre o tamanho,

https://i.imgur.com/QiQ276y.png
A imagem é desse tamanho, antes eu colocava e ia do tamanho que era a imagem...
Ela fica 21x21 la sozinho, queria 64x64

Funcionou?

Adicione mais uma propriedade no .modify_ShekCrowley.postprofile-contact img do CSS que eu te passei. Dentro das chaves {}, pule uma linha e adiciona:

Código:

max-width: 64px;

O 64 é o valor do tamanho máximo que a imagem terá. Se ela for maior do que isso, ela será redimensionada para 64px.

Seria no estilo CSS?
Assim?

https://i.imgur.com/Br1LYHt.png

A imagem la continuo pequena

Ora bolas...

Adicione abaixo desta propriedade mais outra propriedade:

Código:

height: auto !important;

Agora, deve funcionar!

Agora sim, sabia que não iria me desapontar
Obrigado!