Deixar foto de widget redonda

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

Resolvido Deixar foto de widget redonda

Mensagem por Luqui em 19/03/18, 08:08 pm

Detalhes da questão


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

Descrição


Olá

Alguém poderia deixar a foto do staff nessa print http://prntscr.com/itj267 redondo e o texto um pouco afastado entre dois ou mais staff's?

Código utilizado

Código:
<script type="text/javascript">
  myStaff = ['/u1', '/u2', '/u3', '/u6'];
  staff_cache_time = 4*60*1000; // mm*ss*ms;
  </script>
<div id="theStaff">
</div>
 
<div id="theContent" style="display:none">
</div><script type="text/javascript">
  if (localStorage.staffOn && localStorage.staffEx > +new Date - staff_cache_time) jQuery('#theStaff').html(localStorage.staffOn);
  else loadStaff();
  function loadStaff() {
    jQuery('#theContent').load('/viewonline #main-content a, a.gen', function() {
      for (i=0; i<myStaff.length; i++) jQuery('#theContent a').filter(function() { return jQuery(this).attr('href') === myStaff[i] }).appendTo('#theStaff').wrap('<div class="myStaff">');
      if (!jQuery('#theStaff .myStaff').length) jQuery('#theStaff').html('Nenhum staff online');
      jQuery('.myStaff a').each(function() {
        var href = jQuery(this).attr('href');
        jQuery(this).before('<span class="monAva"></span>').prev().load(href + ' #profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img', function() {
          if (window.localStorage) {
            localStorage.staffOn = jQuery('#theStaff').html();
            localStorage.staffEx = +new Date;
          }
        });
      });
    });
  }
  </script>
avatar

Luqui
Nível 6

Masculino
Inscrito dia : 13/03/2018
Mensagens : 68
Pontos Ativos : 100

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

Resolvido Re: Deixar foto de widget redonda

Mensagem por virus em 19/03/18, 08:12 pm

Olá, tente este aqui!
Painel de Controle Seta Módulos Seta Portal & Widgets Seta Gestão dos widgets do fórum
Código:
<style type="text/css">
.myStaff img {
    border-radius: 60px;
}
.myStaff {
    margin-bottom: 5px;
}
</style>
<script type="text/javascript">
  myStaff = ['/u1', '/u2', '/u3', '/u6'];
  staff_cache_time = 4*60*1000; // mm*ss*ms;
  </script>
<div id="theStaff">
</div>
 
<div id="theContent" style="display:none">
</div><script type="text/javascript">
  if (localStorage.staffOn && localStorage.staffEx > +new Date - staff_cache_time) jQuery('#theStaff').html(localStorage.staffOn);
  else loadStaff();
  function loadStaff() {
    jQuery('#theContent').load('/viewonline #main-content a, a.gen', function() {
      for (i=0; i<myStaff.length; i++) jQuery('#theContent a').filter(function() { return jQuery(this).attr('href') === myStaff[i] }).appendTo('#theStaff').wrap('<div class="myStaff">');
      if (!jQuery('#theStaff .myStaff').length) jQuery('#theStaff').html('Nenhum staff online');
      jQuery('.myStaff a').each(function() {
        var href = jQuery(this).attr('href');
        jQuery(this).before('<span class="monAva"></span>').prev().load(href + ' #profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img', function() {
          if (window.localStorage) {
            localStorage.staffOn = jQuery('#theStaff').html();
            localStorage.staffEx = +new Date;
          }
        });
      });
    });
  }
  </script>
até.


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.
virus — Ajudeiro

avatar

virus
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 03/03/2013
Mensagens : 680
Pontos Ativos : 891

Ver perfil do usuário http://beta.masterforum.biz/

Resolvido Re: Deixar foto de widget redonda

Mensagem por Luqui em 19/03/18, 10:01 pm

A foto continuou quadrada.
avatar

Luqui
Nível 6

Masculino
Inscrito dia : 13/03/2018
Mensagens : 68
Pontos Ativos : 100

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

Resolvido Re: Deixar foto de widget redonda

Mensagem por virus em 19/03/18, 11:21 pm

Boa noite, adicione o código a sua folha de estilo CSS. E ao invés do código anterior use o seu normal.
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores
Código:
.myStaff img {
    border-radius: 60px;
}
.myStaff {
    margin-bottom: 5px;
}
Até.


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.
virus — Ajudeiro

avatar

virus
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 03/03/2013
Mensagens : 680
Pontos Ativos : 891

Ver perfil do usuário http://beta.masterforum.biz/

Resolvido Re: Deixar foto de widget redonda

Mensagem por Luqui em 20/03/18, 01:50 pm

Valeu!
avatar

Luqui
Nível 6

Masculino
Inscrito dia : 13/03/2018
Mensagens : 68
Pontos Ativos : 100

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

Resolvido Re: Deixar foto de widget redonda

Mensagem por virus em 20/03/18, 06:16 pm

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.
virus — Ajudeiro

avatar

virus
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 03/03/2013
Mensagens : 680
Pontos Ativos : 891

Ver perfil do usuário http://beta.masterforum.biz/

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


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