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
» Questão sobre aspeto de blog
Hoje à(s) 10:20 am por IsmaelS.

» Atualizar status
Hoje à(s) 10:19 am por IsmaelS.

» Notificação de novas mensagens
Hoje à(s) 10:18 am por IsmaelS.

» Kit avatar e assinatura.
Hoje à(s) 01:37 am por ranzatti

» Efeito nos grupos
Hoje à(s) 12:17 am por Matt Shultz

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

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

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
238 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 233 Visitantes :: 2 Motores de busca

DustyRhodes, IsmaelS., LinkinMand, North, soldado

[ Ver toda a lista ]


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

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 05/10/15, 05:07 pm

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

ShadowPrince
Nível 9

Masculino
Inscrito dia : 29/03/2011
Mensagens : 225
Pontos Ativos : 360

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

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

Mensagem por Shek em 06/10/15, 12:50 am

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!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16924
Pontos Ativos : 21257

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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

Mensagem por Japa.Original em 06/10/15, 01:18 am

Aqui não funcionou shek
avatar

Japa.Original
Nível 1

Masculino
Inscrito dia : 06/10/2015
Mensagens : 2
Pontos Ativos : 2

Ver perfil do usuário http://barao.livreforum.com

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

Mensagem por ShadowPrince em 06/10/15, 08:45 am

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

ShadowPrince
Nível 9

Masculino
Inscrito dia : 29/03/2011
Mensagens : 225
Pontos Ativos : 360

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

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

Mensagem por ShadowPrince em 12/10/15, 11:13 am

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

Obrigado.
avatar

ShadowPrince
Nível 9

Masculino
Inscrito dia : 29/03/2011
Mensagens : 225
Pontos Ativos : 360

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

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

Mensagem por Shek em 16/10/15, 09:07 am

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


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16924
Pontos Ativos : 21257

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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

Mensagem por ShadowPrince em 16/10/15, 01:27 pm

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

ShadowPrince
Nível 9

Masculino
Inscrito dia : 29/03/2011
Mensagens : 225
Pontos Ativos : 360

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

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

Mensagem por Shek em 16/10/15, 01:40 pm

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


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16924
Pontos Ativos : 21257

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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

Mensagem por ShadowPrince em 16/10/15, 01:43 pm

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

ShadowPrince
Nível 9

Masculino
Inscrito dia : 29/03/2011
Mensagens : 225
Pontos Ativos : 360

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

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

Mensagem por Shek em 16/10/15, 01:50 pm

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


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16924
Pontos Ativos : 21257

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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

Mensagem por ShadowPrince em 16/10/15, 01:59 pm

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.

avatar

ShadowPrince
Nível 9

Masculino
Inscrito dia : 29/03/2011
Mensagens : 225
Pontos Ativos : 360

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

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

Mensagem por Shek em 16/10/15, 02:16 pm

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?


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16924
Pontos Ativos : 21257

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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

Mensagem por ShadowPrince em 16/10/15, 02:29 pm

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

ShadowPrince
Nível 9

Masculino
Inscrito dia : 29/03/2011
Mensagens : 225
Pontos Ativos : 360

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

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

Mensagem por Shek em 18/10/15, 03:01 am

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>


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16924
Pontos Ativos : 21257

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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

Mensagem por ShadowPrince em 19/10/15, 09:24 am

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

ShadowPrince
Nível 9

Masculino
Inscrito dia : 29/03/2011
Mensagens : 225
Pontos Ativos : 360

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

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

Mensagem por MateusAnjosV em 19/10/15, 10:10 am

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
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1434
Pontos Ativos : 2003

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

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

Mensagem por ShadowPrince em 19/10/15, 10:32 am

Olá Mateus, continua aparecendo 50. Triste
avatar

ShadowPrince
Nível 9

Masculino
Inscrito dia : 29/03/2011
Mensagens : 225
Pontos Ativos : 360

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

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

Mensagem por MateusAnjosV em 19/10/15, 10:36 am

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
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1434
Pontos Ativos : 2003

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

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

Mensagem por ShadowPrince em 19/10/15, 10:41 am

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

ShadowPrince
Nível 9

Masculino
Inscrito dia : 29/03/2011
Mensagens : 225
Pontos Ativos : 360

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

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

Mensagem por MateusAnjosV em 19/10/15, 10:45 am

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

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1434
Pontos Ativos : 2003

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

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

Mensagem por ShadowPrince em 19/10/15, 11:15 am

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

ShadowPrince
Nível 9

Masculino
Inscrito dia : 29/03/2011
Mensagens : 225
Pontos Ativos : 360

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

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

Mensagem por MateusAnjosV em 19/10/15, 11:32 am

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

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1434
Pontos Ativos : 2003

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

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

Mensagem por ShadowPrince em 19/10/15, 12:34 pm

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

ShadowPrince
Nível 9

Masculino
Inscrito dia : 29/03/2011
Mensagens : 225
Pontos Ativos : 360

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

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

Mensagem por Fraise em 19/10/15, 12:37 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".
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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