Imagem Staff

3 participantes

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

Tópico resolvido Imagem Staff

Mensagem por Faeel 07.03.15 15:51

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,
https://i.imgur.com/mYFuuPK.png

Até mais!


Última edição por Faeel em 07.03.15 17:55, editado 1 vez(es)
avatar

Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por First 07.03.15 16:21

Olá,

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


Atenciosamente. Piscada
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por Faeel 07.03.15 16:24

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

Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por EuficoLoko 07.03.15 16:55

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

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por Faeel 07.03.15 16:59

Olá,

o código não resultou Triste

@Edit

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

Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por First 07.03.15 17:01

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
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por Faeel 07.03.15 17:04

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 17:08, editado 1 vez(es)
avatar

Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por First 07.03.15 17:07

Olá,

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


Atenciosamente. Piscada
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por Faeel 07.03.15 17:09

Olá!

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

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

Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por EuficoLoko 07.03.15 17:10

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

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por Faeel 07.03.15 17:15

avatar

Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por EuficoLoko 07.03.15 17:16

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

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por Faeel 07.03.15 17:17

Agora ficou muito pequena a imagem.
avatar

Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por First 07.03.15 17:18

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
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por EuficoLoko 07.03.15 17:19

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
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por Faeel 07.03.15 17:22

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

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

Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por EuficoLoko 07.03.15 17:24

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

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por Faeel 07.03.15 17:27

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

Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por EuficoLoko 07.03.15 17:30

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!
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por Faeel 07.03.15 17:34

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

Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Imagem Staff

Mensagem por EuficoLoko 07.03.15 17:37

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 */
    }

EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por Faeel 07.03.15 17:40

Olá, poderia deixar do lado o nickname do usuario? Imagem Staff HI5ZDzn
avatar

Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por EuficoLoko 07.03.15 17:43

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

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por Faeel 07.03.15 17:47

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

Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Imagem Staff

Mensagem por EuficoLoko 07.03.15 17:50

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

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem Staff

Mensagem por Faeel 07.03.15 17:54

Resultou, Obrigado!

Até!
avatar

Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos