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


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Modificar logo dos títulos dos tópicos
Hoje à(s) 21:38 por Vinicius Reis

» Botão Thanks na área errada
Hoje à(s) 19:23 por EsromG5

» Rádio no rodapé
Hoje à(s) 18:38 por Jefferson105

» Conteúdo dos perfis não aparecem
Hoje à(s) 18:04 por Lemon~

» [Logo] Pássaros
Hoje à(s) 18:01 por EDU2010

» Mudar pre-visualização do formulário
Hoje à(s) 16:54 por YouTube3

» Criar tags BBcode
Hoje à(s) 16:40 por sandra51

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
113 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 105 Visitantes :: 1 Motor de busca

davidgomes10, EsromG5, Jefferson105, Kyo Panda, marcosdete, P.H, Vinicius Reis, ZombieW

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

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

Resolvido Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por ShadowPrince em Seg 5 Out 2015 - 21:07

Detalhes da questão


Endereço do fórum: clanowners.forumeiros.com
Versão do fórum: PhpBB3

Descrição


Olá, tenho em meu fórum o widget de "ÚLTIMOS MEMBROS CONECTADOS" que adicionei seguindo este tutorial: http://ajuda.forumeiros.com/t77192-tutorial-widget-ultimos-membros-conectados

O código que tenho no meu fórum é esse:
Código:

<script>jQuery(function(){jQuery(document).ready(function(){jQuery.get('/memberlist?mode=lastvisit&order=DESC&submit=Ok&username',function(conectados){jQuery('.ultimos').html(jQuery("td.avatar-mini a:lt(24), .avatar.mini:lt(24), .mini-avatar:lt(24)",conectados));})});});</script><style>.mini-avatar{display:inline-block;}.avatar.mini{display:inline-block !important;border:0px !important;margin-bottom:5px !important;margin-right:10px !important;}.ultimos a span strong{display:none;}.ultimos a{color:transparent !important;font-size:0px;}.ultimos img{    height: 36px;width: 36px;background-color:#FCFCFF;padding: 2px;border: 1px solid#CCC;margin-right:5px !important;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;}</style>
<div class="ultimos">
</div>

Minha questão é que eu gostaria de melhorar esse widget adicionando a função de aparecer o nome do usuário quando passar o mouse por cima do avatar do membro. Alguém sabe como isto seria possível?

Desde já agradeço.

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 212
Pontos Ativos : 2415

http://clanowners.forumeiros.com/

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por Shek Crowley em Ter 6 Out 2015 - 4:50

Boa noite.

Tente com este código:
Código:
<style>div.ultimos td.avatar-mini { display: inline-block } div.ultimos td.avatar-mini a { display: none !important; } div.ultimos td.avatar-mini a:hover { display: block !important; }</style>    <script>jQuery(function(){jQuery(document).ready(function(){jQuery.get('/memberlist?mode=lastvisit&order=DESC&submit=Ok&username',function(conectados){jQuery('.ultimos').html(jQuery("td.avatar-mini",conectados));})});});</script>
<div class="ultimos"></div>
Até mais!


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15093
Pontos Ativos : 22290

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por ShadowPrince em Ter 6 Out 2015 - 12:45

Bom dia Shek.
Com o código que você passou não apareceu sequer os avatares dos usuários, somente o título do widget.
Obrigado por tentar ajudar.

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 212
Pontos Ativos : 2415

http://clanowners.forumeiros.com/

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por ShadowPrince em Seg 12 Out 2015 - 15:13

Oi, estou postando novamente para notifica-los que não abandonei o tópico e estou aguardando uma solução.

Obrigado.

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 212
Pontos Ativos : 2415

http://clanowners.forumeiros.com/

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por Shek Crowley em Sex 16 Out 2015 - 13:07

Bom dia.

Desculpe pela demora na resposta, mas, como eu não tinha conhecimento para fazer isso, eu fui em busca de ajuda internacional. Feliz Por gentileza, troque seus códigos por:
Código:
<script>jQuery(function(){jQuery(document).ready(function(){jQuery.get('/memberlist?mode=lastvisit&order=DESC&submit=Ok&username',function(conectados){jQuery('.ultimos').html(jQuery("td.avatar-mini",conectados));jQuery('.ultimos .avatar-mini').each(function() { jQuery(this).append(jQuery(this).find('img')); });})});});</script>
Use este CSS:
Código:
.ultimos .avatar-mini {
  position:relative;
  display:inline-block;
  margin:3px;
}

.ultimos .avatar-mini a {
  color:#FFF;
  padding:3px;
  display:block;
  white-space:nowrap;
  z-index:1;
  position:absolute;
  background-color:#333;
  background-color:rgba(0, 0, 0, 0.8);
  border-radius:3px;
  opacity:0;
  visibility:hidden;
  transition:300ms;
}

.ultimos .avatar-mini:hover a {
  opacity:1;
  visibility:visible;
}
Atenciosamente,
Shek King


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15093
Pontos Ativos : 22290

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por ShadowPrince em Sex 16 Out 2015 - 17:27

Olá Shek.
Muito obrigado por responder.

Infelizmente seu código não resultou, não apareceu sequer os avatares dos usuários, somente o título do widget.

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 212
Pontos Ativos : 2415

http://clanowners.forumeiros.com/

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por Shek Crowley em Sex 16 Out 2015 - 17:40

Você deve substituir o código pelo que tens atualmente no widget. Se colocar o mesmo código em outro widget de testes, ele não funcionará.


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15093
Pontos Ativos : 22290

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por ShadowPrince em Sex 16 Out 2015 - 17:43

Sim Shek, eu fiz a substituição no widget atual, testei e não resultou. Depois eu retornei ao meu código antigo.

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 212
Pontos Ativos : 2415

http://clanowners.forumeiros.com/

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por Shek Crowley em Sex 16 Out 2015 - 17:50

Mas... Ora bolas. Assim como eu, você provavelmente não percebeu a falta do <div class="ultimos"></div> no final do código, não é mesmo? Suspeito... Suspeito...


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15093
Pontos Ativos : 22290

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por ShadowPrince em Sex 16 Out 2015 - 17:59

Realmente eu não tinha visto. Louco

Agora o código até resultou, mas ficou bem diferente do desejado. mostrou apenas os últimos dois membros conectados de forma mal posicionada e com o nome de usuário fixo ao lado, podendo clicar no nome para acessar o perfil. A ideia era só aparecer o nome do usuário ao passar o mouse e que aparecesse muito mais do que apenas os últimos dois conectados.


ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 212
Pontos Ativos : 2415

http://clanowners.forumeiros.com/

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por Shek Crowley em Sex 16 Out 2015 - 18:16

Mas, o problema é que o script executa uma função de load, então, ele carrega os elementos da página /memberlist?mode=lastvisit&order=DESC&submit=Ok&username Isso quer dizer que, consequentemente, os links vem junto. Triste

A respeito dos nomes, eu não entendi bem. Eles não estão sob os nomes? Usou o mesmo CSS que passei?


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15093
Pontos Ativos : 22290

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por ShadowPrince em Sex 16 Out 2015 - 18:29

Com o meu código atual eu tenho esse efeito:



Meu objetivo é somente adicionar a função de aparecer o nome do usuário ao passar o mouse por cima do avatar.


Com o código que você me passou para o widget o resultado foi o seguinte:




Sim eu estou usando em meu CSS os códigos que você passou.

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 212
Pontos Ativos : 2415

http://clanowners.forumeiros.com/

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por Shek Crowley em Dom 18 Out 2015 - 6:01

Mas, eu testei o código antes e funcionou. Tire o CSS desse efeito de sua folha de estilos CSS e no widget, troque o código por este:
Código:
<style>
.ultimos .avatar-mini {
  position:relative;
  display:inline-block;
  margin:3px;
}

.ultimos .avatar-mini a {
  color:#FFF;
  padding:3px;
  display:block;
  white-space:nowrap;
  z-index:1;
  position:absolute;
  background-color:#333;
  background-color:rgba(0, 0, 0, 0.8);
  border-radius:3px;
  opacity:0;
  visibility:hidden;
  transition:300ms;
}

.ultimos .avatar-mini:hover a {
  opacity:1;
  visibility:visible;
}
</style>
<script>jQuery(function(){jQuery(document).ready(function(){jQuery.get('/memberlist?mode=lastvisit&order=DESC&submit=Ok&username',function(conectados){jQuery('.ultimos').html(jQuery("td.avatar-mini",conectados));jQuery('.ultimos .avatar-mini').each(function() { jQuery(this).append(jQuery(this).find('img')); });})});});</script><div class="ultimos"></div>


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15093
Pontos Ativos : 22290

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por ShadowPrince em Seg 19 Out 2015 - 12:24

Agora funcionou perfeitamente Shek! Muito obrigado! Tive uma idéia!

Apenas uma observação, agora está aparecendo os últimos 50 membros conectados, seria possível diminuir para 30?

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 212
Pontos Ativos : 2415

http://clanowners.forumeiros.com/

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por MateusAnjosV em Seg 19 Out 2015 - 13:10

Bom dia @ShadowPrince!

Apenas alterando o código do nosso amigo @Shek e acrescentando um limite para os avatares:
Código:
<style>
.ultimos .avatar-mini {
  position:relative;
  display:inline-block;
  margin:3px;
}

.ultimos .avatar-mini a {
  color:#FFF;
  padding:3px;
  display:block;
  white-space:nowrap;
  z-index:1;
  position:absolute;
  background-color:#333;
  background-color:rgba(0, 0, 0, 0.8);
  border-radius:3px;
  opacity:0;
  visibility:hidden;
  transition:300ms;
}

.ultimos .avatar-mini:hover a {
  opacity:1;
  visibility:visible;
}
</style>
<script>jQuery(function(){jQuery(document).ready(function(){jQuery.get('/memberlist?mode=lastvisit&order=DESC&submit=Ok&username',function(conectados){jQuery('.ultimos').html(jQuery("td.avatar-mini:lt(30)",conectados));jQuery('.ultimos .avatar-mini').each(function() { jQuery(this).append(jQuery(this).find('img')); });})});});</script><div class="ultimos"></div>
Seta Procure por :lt(30) e altere o número 30 para o número de avatares que deseja estar visível!

Abraços, MateusAnjos.

Feliz

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2394

http://ajuda.forumeiros.com/

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por ShadowPrince em Seg 19 Out 2015 - 13:32

Olá Mateus, continua aparecendo 50. Triste

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 212
Pontos Ativos : 2415

http://clanowners.forumeiros.com/

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por MateusAnjosV em Seg 19 Out 2015 - 13:36

Hm... que estranho amigo, eu testei novamente aqui e deu êxito, a proposito, pode me confirmar se adicionou o meu código ou o antigo do Shek? Não consigo visualizar o :lt no código fonte do widget.
Veja, nomeei com apenas um: http://prntscr.com/8sxnay

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2394

http://ajuda.forumeiros.com/

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por ShadowPrince em Seg 19 Out 2015 - 13:41

Troquei o código CSS que o Shek passou por o que tu forneceu.

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 212
Pontos Ativos : 2415

http://clanowners.forumeiros.com/

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por MateusAnjosV em Seg 19 Out 2015 - 13:45

Hã... poderia tentar só com o meu? Afinal, aquele "meu" código é o do Shek, apenas adicionei o lt! Se não modificar nada, tenho certeza que terá êxito.

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2394

http://ajuda.forumeiros.com/

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por ShadowPrince em Seg 19 Out 2015 - 14:15

Agora estou confuso. Louco

O Shek me passou dois códigos, um para colocar no Widget e outro para colocar na minha Folha de estilo CSS.

O código que você me passou era o código que o Shek solicitou que eu colocasse na minha Folha de estilo CSS mas modificado. O que eu fiz foi substituir no meu CSS o código do Shek por o seu... Não entendo o que quer dizer com "tentar só com o meu".

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 212
Pontos Ativos : 2415

http://clanowners.forumeiros.com/

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por MateusAnjosV em Seg 19 Out 2015 - 14:32

Bom dia novamente amigo!

Bom, vamos lá? Veja o que o shek disse em sua última postagem:
Tire o CSS desse efeito de sua folha de estilos CSS e no widget,
Ou seja, era para remover o código dele anteriormente!

Em resumo, delete todos os códigos de todo lugar(que fornecemos nesse tópico) e utilize apenas o que eu forneci no widget!!!! Não é para por no CSS, ok? ^^

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2394

http://ajuda.forumeiros.com/

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por ShadowPrince em Seg 19 Out 2015 - 15:34

Certo, realmente eu não estava fazendo corretamente o que o Shek pediu pois não li o "e no widget"  o que causou o meu erro de interpretação.

Seu código está perfeito! Venerar

Pode fechar o tópico.

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 212
Pontos Ativos : 2415

http://clanowners.forumeiros.com/

Resolvido Re: Personalização do widget "ÚLTIMOS MEMBROS CONECTADOS"

Mensagem por Fraise em Seg 19 Out 2015 - 15:37

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

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7157

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5