Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» PAGINA HTML
Hoje à(s) 12:08 am por T1ag0

» Concurso do Dia das Bruxas: Vossas participações
Ontem à(s) 11:05 pm por iScroll

» Logo fixo
Ontem à(s) 10:50 pm por iScroll

» Logo para um fórum
Ontem à(s) 10:36 pm por Hyouran

» Efeito nos grupos
Ontem à(s) 10:33 pm por Harleen

» Rank para o meu fórum
Ontem à(s) 10:33 pm por Matt Shultz

» Menu & Fundo
Ontem à(s) 10:25 pm por Matt Shultz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
T1ag0
 
PlayWillian
 
zHugh
 
soldado
 
Lecxa
 

Quem está conectado
241 usuários online :: 8 usuários cadastrados, 1 Invisível e 232 Visitantes :: 2 Motores de busca

BlueJOkeR, CaioCrisostomo, Heikki, iScroll, Matt Shultz, ranzatti, soldado, T1ag0

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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)


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

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



Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

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 : 922
Pontos Ativos : 1512

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

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 : 156
Pontos Ativos : 298

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

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