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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Formulário de postagem 2.0 não está postando
Hoje à(s) 02:53 am por Bruninho._

» (PEDIDO) Ranks
Hoje à(s) 12:05 am por Fou-Lu

» Direccionar para outra página
Ontem à(s) 10:25 pm por Harleen

» Mudar caixas de usuários online, grupos e aniversariantes
Ontem à(s) 10:19 pm por William_iHarDz

» Personalizar Perfil de conquistas
Ontem à(s) 09:47 pm por Harleen

» Adicionar widget últimos assuntos no portal
Ontem à(s) 09:42 pm por Harleen

» Construção de Header
Ontem à(s) 09:01 pm por IsmaelS.

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
175 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 172 Visitantes :: 2 Motores de busca

Fou-Lu, mrvisible, William_iHarDz

[ Ver toda a lista ]


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

Imagem Staff

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

Resolvido Imagem Staff

Mensagem por Faeel em 07/03/15, 12:51 pm

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://teste98.forumeiros.com

Descrição do problema

Olá!

gostaria de colocar a imagem perfil no Widget Staff Online, o ícone da imagem seria este das categorias do meu fórum,
http://i.imgur.com/mYFuuPK.png

Até mais!


Última edição por Faeel em 07/03/15, 02:55 pm, editado 1 vez(es)

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Imagem Staff

Mensagem por First em 07/03/15, 01:21 pm

Olá,

Poderia me fornecer o código que está utilizando neste momento?


Atenciosamente. Piscada
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1288
Pontos Ativos : 1846

http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Imagem Staff

Mensagem por Faeel em 07/03/15, 01:24 pm

Código do Widget Staff Online:

Código:
<script type="text/javascript">
myStaff = ['Admin'];
staff_cache_time = 4*60*1000; // mm*ss*ms;
</script>
<div id="theStaff">
</div>
<div id="theContent" style="display:none">
</div><noscript><div style="color:red;font-size:9px">Functionality of this widget is not possible, as JavaScript is disabled or unsupported.</div></noscript> <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).text() === myStaff[i] }).appendTo('#theStaff').wrap('<div class="myStaff">');
    if (!jQuery('#theStaff .myStaff').length) jQuery('#theStaff').html('Nenhum staff online');
    if (window.localStorage) {
      localStorage.staffOn = jQuery('#theStaff').html();
      localStorage.staffEx = +new Date;
    }
  })
}
</script>

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Imagem Staff

Mensagem por EuficoLoko em 07/03/15, 01:55 pm

Boa tarde!

Substitua por:
Código:
  <script type="text/javascript">
    myStaff = ['/u1', '/u7', '/u2'];
    staff_cache_time = 4*60*1000; // mm*ss*ms;
    </script>
<div id="theStaff">
</div>
 
<div id="theContent" style="display:none">
</div>
    <noscript><div style="color:red;font-size:9px">Functionality of this widget is not possible, as JavaScript is disabled or unsupported.</div></noscript>    <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('No 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>
Este será executado por id, procure por 'u1', 'u7' e 'u2'.
Basta alterar pelos respectivos id de seus staffs, poderá incrementar multiplicando o número com , e mantendo o " u ".
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Imagem Staff

Mensagem por Faeel em 07/03/15, 01:59 pm

Olá,

o código não resultou Triste

@Edit

resultou sim, na imagem, porem não no jeito que quero Triste

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Imagem Staff

Mensagem por First em 07/03/15, 02:01 pm

Olá,

Peço ao senhor que substitua do nosso amigo por este.
Código:
<script type="text/javascript">
myStaff = ['Admin'];
staff_cache_time = 4*60*1000; // mm*ss*ms;
</script>
<div id="theStaff">
</div>
<div id="theContent" style="display:none">
</div><noscript><div style="color:red;font-size:9px">Functionality of this widget is not possible, as JavaScript is disabled or unsupported.</div></noscript> <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).text() === myStaff[i] }).appendTo('#theStaff').wrap('<div class="myStaff">');
    if (!jQuery('#theStaff .myStaff').length) jQuery('#theStaff').html('Nenhum staff online');
    if (window.localStorage) {
      localStorage.staffOn = jQuery('#theStaff').html();
      localStorage.staffEx = +new Date;
    }
  })
}
</script>
<script type="text/javascript">
jQuery(document).ready(function(){
   jQuery(document).ready(function(){
      jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data){
         avatar = jQuery('.frm dl dd img', data).attr('src');
         jQuery("#theStaff .myStaff a").prepend('<img class="PerfilInfoImg" src="'+avatar+'"/>');
         jQuery(".PerfilInfoImg").css({"max-height": "50px", "max-width": "50px", "float": "left"});
      });
   });
});
</script>


Atenciosamente. Piscada
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1288
Pontos Ativos : 1846

http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Imagem Staff

Mensagem por Faeel em 07/03/15, 02:04 pm

Agora ficou duas imagens

@Edit

Ooh, não ficou com duas imagens, falta o efeito bolinha em roda.


Última edição por Faeel em 07/03/15, 02:08 pm, editado 1 vez(es)

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Imagem Staff

Mensagem por First em 07/03/15, 02:07 pm

Olá,

Poderia deixar o código ativo em vosso fórum por gentileza? E me fornece o endereço corretamente por favor.


Atenciosamente. Piscada
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1288
Pontos Ativos : 1846

http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Imagem Staff

Mensagem por Faeel em 07/03/15, 02:09 pm

Olá!

Este é o fórum, porem ele esta na fase de teste, depois vai pro fórum original.

E o efeito que quero é este http://i.imgur.com/mYFuuPK.png

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Imagem Staff

Mensagem por EuficoLoko em 07/03/15, 02:10 pm

Olá Faeel!

Mantenha o meu primeiro código, e acrescente este CSS:
Código:
.PerfilInfoImg, .myStaff img {border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}

Abraços.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Imagem Staff

Mensagem por Faeel em 07/03/15, 02:15 pm

@EuficoLoko veja como ficou http://prntscr.com/6dvpjl

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Imagem Staff

Mensagem por EuficoLoko em 07/03/15, 02:16 pm

E, eu me baseei no código que o senhor adicionou por último.
Troque por:
Código:
    .PerfilInfoImg, .myStaff img {border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;width: 15px;height: 15px;max-width: 16px; }
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Imagem Staff

Mensagem por Faeel em 07/03/15, 02:17 pm

Agora ficou muito pequena a imagem.

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Imagem Staff

Mensagem por First em 07/03/15, 02:18 pm

Olá,

Adicione este código em seu css.

Código:
.PerfilInfoImg, .myStaff img {
max-height: 50px;
max-width: 50px;
float: left;
}
Os valores 50px peço que o senhor regula ao seu gosto.


Atenciosamente. Piscada
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1288
Pontos Ativos : 1846

http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Imagem Staff

Mensagem por EuficoLoko em 07/03/15, 02:19 pm

Seria interessante mencionar as suas dimensões na próxima, mas para alterar:
Código:
    .PerfilInfoImg, .myStaff img {border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;width: 15px;height: 15px;max-width: 16px; }
width: 15 / largura
height: 15 / altura
max-width: 15 / largura max
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Imagem Staff

Mensagem por Faeel em 07/03/15, 02:22 pm

@EuficoLoko não tenho dimensões, só gostaria que ficasse igual a imagem http://i.imgur.com/8DM9SZH.png

Esta imagem foi retirada do meu fórum, das categorias.

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Imagem Staff

Mensagem por EuficoLoko em 07/03/15, 02:24 pm

" width: 15 / largura
height: 15 / altura
max-width: 15 / largura max

"

Aumente e diminua os números, por favor. Assim ficará ao teu gosto. Feliz
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Imagem Staff

Mensagem por Faeel em 07/03/15, 02:27 pm

Já coloquei ao tamanho certo, agora queria o efeito igual a imagem http://i.imgur.com/8DM9SZH.png

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Imagem Staff

Mensagem por EuficoLoko em 07/03/15, 02:30 pm

Hey!

Troque por:
Código:
       .PerfilInfoImg, .myStaff img {max-width: 16px;
background: none repeat scroll 0px 0px #FFF;
border: 1px solid #D5D5D5;
border-radius: 100%;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
height: 38px; /* ALTURA EDITAR 38 */
margin: 5px;
padding: 1px;
width: 38px; /* LARGURA EDITAR 38 */
 }

Abraços!
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Imagem Staff

Mensagem por Faeel em 07/03/15, 02:34 pm

Agora ficou muito fino, tentei editar a largura e altura não consegui Triste

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com
  • 0

Resolvido Re: Imagem Staff

Mensagem por EuficoLoko em 07/03/15, 02:37 pm

Há sim, esqueci de nomear o max-width:
Código:
          .PerfilInfoImg, .myStaff img {max-width: 16px; /* EDITAR LARGURA AQUI */
    background: none repeat scroll 0px 0px #FFF;
    border: 1px solid #D5D5D5;
    border-radius: 100%;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    height: 38px !important; /* ALTURA EDITAR 38 */
    max-height: 39px !important; /* ALTURA AQUI */
    margin: 5px;
    padding: 1px;
    width: 38px; /* LARGURA EDITAR 38 */
    }

avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Imagem Staff

Mensagem por Faeel em 07/03/15, 02:40 pm

Olá, poderia deixar do lado o nickname do usuario?

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Imagem Staff

Mensagem por EuficoLoko em 07/03/15, 02:43 pm

Adicione mais isto na sua CSS:
Código:
.myStaff a span strong {line-height: 20px }
Vá aumentando e diminuindo o número 20.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Imagem Staff

Mensagem por Faeel em 07/03/15, 02:47 pm

Tentei vários números e não resultou Triste

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com
  • 0

Resolvido Re: Imagem Staff

Mensagem por EuficoLoko em 07/03/15, 02:50 pm

Estranho. Troque por:
Código:
.myStaff a span strong {position: relative;top: -10px; /* VÁ SUBINDO O NÚMERO 10  */}

Não consigo ver o efeito do avatar em seu fórum, ele está ativo?
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Imagem Staff

Mensagem por Faeel em 07/03/15, 02:54 pm

Resultou, Obrigado!

Até!

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

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