Detalhes da questão

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

Descrição

Ola queria deixar os Avatares de forma Quadrada igual a este Forum.
Os meus sao da versao ModernBB tem como deixar eles quadrados em formato 150x250?
Agradeço desde ja!

Forum: http://tcdesign.forumeiros.com/forum

Olá,

Em seu Painel de Controle, aceda à:
(Visualização -> Cores -> Folha de Estilo CSS).
Feito isso, adicione o código a seguir ao final da caixa de texto:

Código:

.postprofile-avatar img {
  min-width: 150px;
  min-height: 250px;
  border-radius: 0px;
  border: 1px solid #3793ff;
  width: 150px;
  height: 250px;
}

Continua redondo e o mesmo tamanho Sr.Luiz

http://prntscr.com/ern0hs

Tente trocar o código por este:

Código:

.postprofile-avatar img {
  min-width: 150px!important;
  min-height: 250px!important;
  border-radius: 0px!important;
  border: 1px solid #3793ff!important;
  width: 150px!important;
  height: 250px!important;
}

Também desative a opção 'Melhorar seu CSS'.

Luiz ainda nao foi,apliquei corretamente da forma que voce falou.
http://prntscr.com/ern5ba

Olá, tente:

Código:

.postprofile-avatar a img{min-width:150px!important;min-height:250px!important;border-radius:0!important;border:1px solid #3793ff!important;width:150px!important;height:250px!important}

O código passado pelo Luiz~ deveria funcionar, não encontrei ele no seu fórum. Verifique se a folha css está ativa.

Ola,apliquei da mesma forma que os outros codigos e nao funcionou,sera um bug?
acho que esta tudo certo e ativado as coisas,oque pode ser?

Ué...
O que pode ser isso?

Vamos tentar com JavaScript, para averiguar se o problema é em sua CSS.
Aceda à: Módulos -> Gestão de HTML e JavaScript -> Gestão das Páginas JavaScript.
Feito isso, crie um novo JavaScript, com o código:

Código:

/*globals jQuery*/
(function ($) {
  'use strict';
  $(function () {
    $('body')
      .append([
        '<style>',
        '  .postprofile-avatar img {',
        '    min-width: 150px!important;',
        '    min-height: 250px!important;',
        '    border-radius: 0px!important;',
        '    border: 1px solid #3793ff!important;',
        '    width: 150px!important;',
        '    height: 250px!important;',
        '  }',
        '</style>',
      ].join('\n'))
    ;
    console.log('avatar-css-load! Avatar personalizado carregado!');
  });
}(jQuery));

Investido em todas as páginas.

Olá, tente:

Código:

.postprofile-avatar img {
    border: 5px solid #eee;
    border-radius: 2px;
    height: auto;
    max-height: 150px;
    max-width: 250px;
    width: auto;
}


Nao foi tambem,olhe as prints.

http://prntscr.com/ernhng

http://prntscr.com/ernhxy

http://prntscr.com/erni8m

Na verdade, não é para colocar o JavaScript:

Código:

/*globals jQuery*/
(function ($) {
  'use strict';
  $(function () {
    $('body')
      .append([
        '<style>',
        '  .postprofile-avatar img {',
        '    min-width: 150px!important;',
        '    min-height: 250px!important;',
        '    border-radius: 0px!important;',
        '    border: 1px solid #3793ff!important;',
        '    width: 150px!important;',
        '    height: 250px!important;',
        '  }',
        '</style>',
      ].join('\n'))
    ;
    console.log('avatar-css-load! Avatar personalizado carregado!');
  });
}(jQuery));

Na folha de estilo, como o senhor fez.
Retire o JavaScript da CSS.

E retire o CSS do JavaScript:
-> http://tcdesign.forumeiros.com/99003.js

O senhor inverteu.

Tambem nao foi Luiz,corrigi o erro invertido la.
E da mesma forma nao foi..

Olhe como ficou ao aplicar o novo codigo pelo que voce compartilhou.
http://prntscr.com/ernne4

Atenção! Você não pode fazer UPs antes de se completar 24 horas desde a última mensagem deste tópico! Por este motivo, nós pedimos que você leia as regras do subfórum e principalmente os termos de uso do FdF: https://ajuda.forumeiros.com/t82-topic para não cometer novos erros!

Não é permitido mensagens consecutivas antes das 24 horas. Se for o caso, edite a mensagem anterior.

---

Quanto à sua questão, aceda:
Visualização -> Cores -> Folha de Estilo CSS.
Remova todo o conteúdo da caixa.

Feito isso, aceda:
Módulos -> Gestão das Páginas JavaScript.
Crie uma nova página JavaScript, e NESSA PÁGINA JavaScript, cole o código:

Código:

/*globals jQuery*/
(function ($) {
  'use strict';
  $(function () {
    $('body')
      .append([
        '<style>',
        '  .postprofile-avatar img {',
        '    min-width: 150px!important;',
        '    min-height: 250px!important;',
        '    border-radius: 0px!important;',
        '    border: 1px solid #3793ff!important;',
        '    width: 150px!important;',
        '    height: 250px!important;',
        '  }',
        '</style>',
      ].join('\n'))
    ;
    console.log('avatar-css-load! Avatar personalizado carregado!');
  });
}(jQuery));

Nao foi tambem,acho melhor deixar isso pra la,pode ser um bug e talvez voces arrumem no futuro.
Muito obrigado pelo tempo de voces e ajuda,ate mais!

Valeu Luiz e os demais usuarios.

Disponha.

---

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