Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

bimbim12 bimbim12  • Qua 5 Mar 2014 - 4:23

ajudar o novo código de membro Empty ajudar o novo código de membro Qua 5 Mar 2014 - 4:23

Qual é minha questão:
Aqui está o código para exibir o novo registo como membro
mas apenas mostrar dc 5 membros que me ajudaram a revisá-lo a 10 com js


Código:
<div class="topjoined">
  <ul>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  </ul>
</div><script>
jQuery(document).ready(function(){
 jQuery.get('/memberlist?mode=joined&order=DESC&submit=Ok&username', function(e) {
  var member1 = jQuery('td.avatar-mini:eq(0)', e).html();
  var member2 = jQuery('td.avatar-mini:eq(1)', e).html();
  var member3 = jQuery('td.avatar-mini:eq(2)', e).html();
  var member4 = jQuery('td.avatar-mini:eq(3)', e).html();
  var member5 = jQuery('td.avatar-mini:eq(4)', e).html();
  jQuery('.topjoined li:eq(0)').html(member1);
  jQuery('.topjoined li:eq(1)').html(member2);
  jQuery('.topjoined li:eq(2)').html(member3);
  jQuery('.topjoined li:eq(3)').html(member4);
  jQuery('.topjoined li:eq(4)').html(member5);
jQuery('.topjoined li').each(function() {
  var link = jQuery(this).find('a[href^="/u"]').attr('href');
  jQuery(this).find('img, span').unwrap();
  jQuery(this).find('img').wrap('<a href="'+link+'" class="UserPhoto"></a>');
  jQuery(this).find('span').wrap('<a href="'+link+'"></a>');
  jQuery(this).find('span').closest('a').after('<span class="countPost"></span>');
  jQuery(this).find('.countPost').load(link +' #field_id-4 dd div');
});
 });
});
</script><style>
.topjoined img {
height: 50px;
width:50px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.topjoined img:hover {border-color: #7d7d7d;}
.topjoined .UserPhoto {float: left;}
.module .main-content .topjoined ul {
margin: 0;
padding: 0;
}
.topjoined li {
margin-bottom: 8px;
list-style: none;
}
.topjoined li:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.topjoined span div {display: inline-block;}
.topjoined .countPost {
display: block;
font: normal 12px helvetica, arial, sans-serif;
margin: 5px 0 0 70px;
color: #777777;
}
.topjoined .countPost:before {
content: 'Ngày tham gia: ';
}
</style>

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

5 >> 10

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

bimbim12 bimbim12  • Qua 5 Mar 2014 - 12:44

Latysh Latysh  • Qua 5 Mar 2014 - 12:47

ajudar o novo código de membro Empty Re: ajudar o novo código de membro Qua 5 Mar 2014 - 12:47

Tá aí:

Código:
<div class="topjoined">
  <ul>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  </ul>
</div><script>
jQuery(document).ready(function(){
 jQuery.get('/memberlist?mode=joined&order=DESC&submit=Ok&username', function(e) {
  var member1 = jQuery('td.avatar-mini:eq(0)', e).html();
  var member2 = jQuery('td.avatar-mini:eq(1)', e).html();
  var member3 = jQuery('td.avatar-mini:eq(2)', e).html();
  var member4 = jQuery('td.avatar-mini:eq(3)', e).html();
  var member5 = jQuery('td.avatar-mini:eq(4)', e).html();
  jQuery('.topjoined li:eq(0)').html(member1);
  jQuery('.topjoined li:eq(1)').html(member2);
  jQuery('.topjoined li:eq(2)').html(member3);
  jQuery('.topjoined li:eq(3)').html(member4);
  jQuery('.topjoined li:eq(4)').html(member5);
  jQuery('.topjoined li:eq(5)').html(member6);
  jQuery('.topjoined li:eq(6)').html(member7);
  jQuery('.topjoined li:eq(7)').html(member8);
  jQuery('.topjoined li:eq(8)').html(member9);
  jQuery('.topjoined li:eq(9)').html(member10);
jQuery('.topjoined li').each(function() {
  var link = jQuery(this).find('a[href^="/u"]').attr('href');
  jQuery(this).find('img, span').unwrap();
  jQuery(this).find('img').wrap('<a href="'+link+'" class="UserPhoto"></a>');
  jQuery(this).find('span').wrap('<a href="'+link+'"></a>');
  jQuery(this).find('span').closest('a').after('<span class="countPost"></span>');
  jQuery(this).find('.countPost').load(link +' #field_id-4 dd div');
});
 });
});
</script><style>
.topjoined img {
height: 50px;
width:50px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.topjoined img:hover {border-color: #7d7d7d;}
.topjoined .UserPhoto {float: left;}
.module .main-content .topjoined ul {
margin: 0;
padding: 0;
}
.topjoined li {
margin-bottom: 8px;
list-style: none;
}
.topjoined li:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.topjoined span div {display: inline-block;}
.topjoined .countPost {
display: block;
font: normal 12px helvetica, arial, sans-serif;
margin: 5px 0 0 70px;
color: #777777;
}
.topjoined .countPost:before {
content: 'Ngày tham gia: ';
}
</style>

Reputa.

Daemon Daemon  • Qua 5 Mar 2014 - 13:31

ajudar o novo código de membro Empty Re: ajudar o novo código de membro Qua 5 Mar 2014 - 13:31

Reputação da mensagem: 100% (1 votos)
Aqui está:
Código:
<div class="topjoined">
  <ul>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  </ul>
</div><script>
jQuery(document).ready(function(){
 jQuery.get('/memberlist?mode=joined&order=DESC&submit=Ok&username', function(e) {
  var member1 = jQuery('td.avatar-mini:eq(0)', e).html();
  var member2 = jQuery('td.avatar-mini:eq(1)', e).html();
  var member3 = jQuery('td.avatar-mini:eq(2)', e).html();
  var member4 = jQuery('td.avatar-mini:eq(3)', e).html();
  var member5 = jQuery('td.avatar-mini:eq(4)', e).html();
  var member6 = jQuery('td.avatar-mini:eq(5)', e).html();
  var member7 = jQuery('td.avatar-mini:eq(6)', e).html();
  var member8 = jQuery('td.avatar-mini:eq(7)', e).html();
  var member9 = jQuery('td.avatar-mini:eq(8)', e).html();
  var member10 = jQuery('td.avatar-mini:eq(9)', e).html();
  jQuery('.topjoined li:eq(0)').html(member1);
  jQuery('.topjoined li:eq(1)').html(member2);
  jQuery('.topjoined li:eq(2)').html(member3);
  jQuery('.topjoined li:eq(3)').html(member4);
  jQuery('.topjoined li:eq(4)').html(member5);
  jQuery('.topjoined li:eq(5)').html(member6);
  jQuery('.topjoined li:eq(6)').html(member7);
  jQuery('.topjoined li:eq(7)').html(member8);
  jQuery('.topjoined li:eq(8)').html(member9);
  jQuery('.topjoined li:eq(9)').html(member10);
jQuery('.topjoined li').each(function() {
  var link = jQuery(this).find('a[href^="/u"]').attr('href');
  jQuery(this).find('img, span').unwrap();
  jQuery(this).find('img').wrap('<a href="'+link+'" class="UserPhoto"></a>');
  jQuery(this).find('span').wrap('<a href="'+link+'"></a>');
  jQuery(this).find('span').closest('a').after('<span class="countPost"></span>');
  jQuery(this).find('.countPost').load(link +' #field_id-4 dd div');
});
 });
});
</script><style>
.topjoined img {
height: 50px;
width:50px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.topjoined img:hover {border-color: #7d7d7d;}
.topjoined .UserPhoto {float: left;}
.module .main-content .topjoined ul {
margin: 0;
padding: 0;
}
.topjoined li {
margin-bottom: 8px;
list-style: none;
}
.topjoined li:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.topjoined span div {display: inline-block;}
.topjoined .countPost {
display: block;
font: normal 12px helvetica, arial, sans-serif;
margin: 5px 0 0 70px;
color: #777777;
}
.topjoined .countPost:before {
content: 'Ngày tham gia: ';
}
</style>
Até mais!

bimbim12 bimbim12  • Qua 5 Mar 2014 - 15:36

ajudar o novo código de membro Empty Re: ajudar o novo código de membro Qua 5 Mar 2014 - 15:36

Daemon escreveu:Aqui está:
Código:
<div class="topjoined">
  <ul>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  </ul>
</div><script>
jQuery(document).ready(function(){
 jQuery.get('/memberlist?mode=joined&order=DESC&submit=Ok&username', function(e) {
  var member1 = jQuery('td.avatar-mini:eq(0)', e).html();
  var member2 = jQuery('td.avatar-mini:eq(1)', e).html();
  var member3 = jQuery('td.avatar-mini:eq(2)', e).html();
  var member4 = jQuery('td.avatar-mini:eq(3)', e).html();
  var member5 = jQuery('td.avatar-mini:eq(4)', e).html();
  var member6 = jQuery('td.avatar-mini:eq(5)', e).html();
  var member7 = jQuery('td.avatar-mini:eq(6)', e).html();
  var member8 = jQuery('td.avatar-mini:eq(7)', e).html();
  var member9 = jQuery('td.avatar-mini:eq(8)', e).html();
  var member10 = jQuery('td.avatar-mini:eq(9)', e).html();
  jQuery('.topjoined li:eq(0)').html(member1);
  jQuery('.topjoined li:eq(1)').html(member2);
  jQuery('.topjoined li:eq(2)').html(member3);
  jQuery('.topjoined li:eq(3)').html(member4);
  jQuery('.topjoined li:eq(4)').html(member5);
  jQuery('.topjoined li:eq(5)').html(member6);
  jQuery('.topjoined li:eq(6)').html(member7);
  jQuery('.topjoined li:eq(7)').html(member8);
  jQuery('.topjoined li:eq(8)').html(member9);
  jQuery('.topjoined li:eq(9)').html(member10);
jQuery('.topjoined li').each(function() {
  var link = jQuery(this).find('a[href^="/u"]').attr('href');
  jQuery(this).find('img, span').unwrap();
  jQuery(this).find('img').wrap('<a href="'+link+'" class="UserPhoto"></a>');
  jQuery(this).find('span').wrap('<a href="'+link+'"></a>');
  jQuery(this).find('span').closest('a').after('<span class="countPost"></span>');
  jQuery(this).find('.countPost').load(link +' #field_id-4 dd div');
});
 });
});
</script><style>
.topjoined img {
height: 50px;
width:50px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.topjoined img:hover {border-color: #7d7d7d;}
.topjoined .UserPhoto {float: left;}
.module .main-content .topjoined ul {
margin: 0;
padding: 0;
}
.topjoined li {
margin-bottom: 8px;
list-style: none;
}
.topjoined li:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.topjoined span div {display: inline-block;}
.topjoined .countPost {
display: block;
font: normal 12px helvetica, arial, sans-serif;
margin: 5px 0 0 70px;
color: #777777;
}
.topjoined .countPost:before {
content: 'Ngày tham gia: ';
}
</style>
Até mais!






Obrigado e eu fui bem sucedido 
também um problema que eu quero lhe perguntar 

Eu quero fazer os membros da coluna acessar o mais recente 
e ele vai mostrar 
/memberlist?mode=lastvisit&order=DESC&submit=Ok&username
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] 

Eu quero mostrar o tempo de acesso 
e usar o código acima, mas também a forma de apresentar o tempo de acesso mais recente 
(LastVisit)


Código:
<div class="lastVisit">
  <ul>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  <li>Loading...</li>
  </ul>
</div><script>
jQuery(document).ready(function(){
 jQuery.get('/memberlist?mode=lastvisit&order=DESC&submit=Ok&username', function(e) {
  var member1 = jQuery('td.avatar-mini:eq(0)', e).html();
  var member2 = jQuery('td.avatar-mini:eq(1)', e).html();
  var member3 = jQuery('td.avatar-mini:eq(2)', e).html();
  var member4 = jQuery('td.avatar-mini:eq(3)', e).html();
  var member5 = jQuery('td.avatar-mini:eq(4)', e).html();
  var member6 = jQuery('td.avatar-mini:eq(5)', e).html();
  var member7 = jQuery('td.avatar-mini:eq(6)', e).html();
  var member8 = jQuery('td.avatar-mini:eq(7)', e).html();
  var member9 = jQuery('td.avatar-mini:eq(8)', e).html();
  var member10 = jQuery('td.avatar-mini:eq(9)', e).html();
  jQuery('.lastVisit li:eq(0)').html(member1);
  jQuery('.lastVisit li:eq(1)').html(member2);
  jQuery('.lastVisit li:eq(2)').html(member3);
  jQuery('.lastVisit li:eq(3)').html(member4);
  jQuery('.lastVisit li:eq(4)').html(member5);
  jQuery('.lastVisit li:eq(5)').html(member6);
  jQuery('.lastVisit li:eq(6)').html(member7);
  jQuery('.lastVisit li:eq(7)').html(member8);
  jQuery('.lastVisit li:eq(8)').html(member9);
  jQuery('.lastVisit li:eq(9)').html(member10);
jQuery('.lastVisit li').each(function() {
  var link = jQuery(this).find('a[href^="/u"]').attr('href');
  jQuery(this).find('img, span').unwrap();
  jQuery(this).find('img').wrap('<a href="'+link+'" class="UserPhoto"></a>');
  jQuery(this).find('span').wrap('<a href="'+link+'"></a>');
  jQuery(this).find('span').closest('a').after('<span class="countPost"></span>');
  jQuery(this).find('.countPost').load(link +' #field_id-4 dd div');
});
 });
});
</script><style>
.lastVisit img {
height: 50px;
width:50px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.lastVisit img:hover {border-color: #7d7d7d;}
.lastVisit .UserPhoto {float: left;}
.module .main-content .topjoined ul {
margin: 0;
padding: 0;
}
.lastVisit li {
margin-bottom: 8px;
list-style: none;
}
.lastVisit li:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.lastVisit span div {display: inline-block;}
.lastVisit .countPost {
display: block;
font: normal 12px helvetica, arial, sans-serif;
margin: 5px 0 0 70px;
color: #777777;
}
.lastVisit .countPost:before {
content: 'lastVisit: ';
}
</style>

bimbim12 bimbim12  • Qui 6 Mar 2014 - 9:22

[K]oke [K]oke  • Sáb 8 Mar 2014 - 13:07

ajudar o novo código de membro Empty Re: ajudar o novo código de membro Sáb 8 Mar 2014 - 13:07

Como agradeceu amigo posso dar como resolvido?

Conteúdo patrocinado  • 

ajudar o novo código de membro Empty Re: ajudar o novo código de membro

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