Deixar o Avatar - Quadrado em Geral

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

Resolvido Deixar o Avatar - Quadrado em Geral

Mensagem por Mérito em 02/04/17, 04:48 pm

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
avatar

Mérito
Nível 2

Masculino
Inscrito dia : 02/04/2017
Mensagens : 10
Pontos Ativos : 14

Ver perfil do usuário http://tcdesign.forumeiros.com/forum

Resolvido Re: Deixar o Avatar - Quadrado em Geral

Mensagem por Luiz em 02/04/17, 05:01 pm

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;
}

Tchau


Última edição por Luiz~ em 02/04/17, 06:02 pm, editado 1 vez(es)
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Deixar o Avatar - Quadrado em Geral

Mensagem por Mérito em 02/04/17, 05:05 pm

Continua redondo e o mesmo tamanho Sr.Luiz

http://prntscr.com/ern0hs
avatar

Mérito
Nível 2

Masculino
Inscrito dia : 02/04/2017
Mensagens : 10
Pontos Ativos : 14

Ver perfil do usuário http://tcdesign.forumeiros.com/forum

Resolvido Re: Deixar o Avatar - Quadrado em Geral

Mensagem por Luiz em 02/04/17, 05:13 pm

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'.

Tchau

avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Deixar o Avatar - Quadrado em Geral

Mensagem por Mérito em 02/04/17, 05:17 pm

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

Mérito
Nível 2

Masculino
Inscrito dia : 02/04/2017
Mensagens : 10
Pontos Ativos : 14

Ver perfil do usuário http://tcdesign.forumeiros.com/forum

Resolvido Re: Deixar o Avatar - Quadrado em Geral

Mensagem por Connor R. em 02/04/17, 05:25 pm

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.
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Deixar o Avatar - Quadrado em Geral

Mensagem por Mérito em 02/04/17, 05:28 pm

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?
avatar

Mérito
Nível 2

Masculino
Inscrito dia : 02/04/2017
Mensagens : 10
Pontos Ativos : 14

Ver perfil do usuário http://tcdesign.forumeiros.com/forum

Resolvido Re: Deixar o Avatar - Quadrado em Geral

Mensagem por Luiz em 02/04/17, 05:36 pm

Ué...
O que pode ser isso? Pensativo

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.


Tchau
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Deixar o Avatar - Quadrado em Geral

Mensagem por Heikki em 02/04/17, 05:40 pm

Olá, tente:



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

Heikki
Nível 9

Masculino
Inscrito dia : 31/10/2016
Mensagens : 169
Pontos Ativos : 317

Ver perfil do usuário http://vnvrpg.forumeiros.com/

Resolvido Re: Deixar o Avatar - Quadrado em Geral

Mensagem por Mérito em 02/04/17, 05:45 pm

avatar

Mérito
Nível 2

Masculino
Inscrito dia : 02/04/2017
Mensagens : 10
Pontos Ativos : 14

Ver perfil do usuário http://tcdesign.forumeiros.com/forum

Resolvido Re: Deixar o Avatar - Quadrado em Geral

Mensagem por Luiz em 02/04/17, 05:51 pm

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. Rindo

Tchau
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Deixar o Avatar - Quadrado em Geral

Mensagem por Mérito em 02/04/17, 05:54 pm

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

Mérito
Nível 2

Masculino
Inscrito dia : 02/04/2017
Mensagens : 10
Pontos Ativos : 14

Ver perfil do usuário http://tcdesign.forumeiros.com/forum

Resolvido Re: Deixar o Avatar - Quadrado em Geral

Mensagem por Mérito em 02/04/17, 05:56 pm

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

Mérito
Nível 2

Masculino
Inscrito dia : 02/04/2017
Mensagens : 10
Pontos Ativos : 14

Ver perfil do usuário http://tcdesign.forumeiros.com/forum

Resolvido Re: Deixar o Avatar - Quadrado em Geral

Mensagem por Luiz em 02/04/17, 05:58 pm

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: http://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));

Tchau
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Deixar o Avatar - Quadrado em Geral

Mensagem por Mérito em 02/04/17, 06:06 pm

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. Colegas
avatar

Mérito
Nível 2

Masculino
Inscrito dia : 02/04/2017
Mensagens : 10
Pontos Ativos : 14

Ver perfil do usuário http://tcdesign.forumeiros.com/forum

Resolvido Re: Deixar o Avatar - Quadrado em Geral

Mensagem por Luiz em 02/04/17, 06:11 pm

Disponha. Colegas

---
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum