Đến từ
First topic message reminder :
Demo :
![[Share] Code Last Online + Last Register PunBB 2013-016](https://i.servimg.com/u/f72/16/18/15/10/2013-016.png)
Demo :
- Code:
<div class="module main" style="margin-top: 2em! important;">
<div class="main-head">
<div class="page-title"><h2>Thành viên mới</h2></div></div>
<div class="main-content">
<div class="pairsJustified">
<div id="latest_registers" original-title=""></div>
</div></div>
</div>
<div class="module main" style="margin-top: 2em! important;">
<div class="main-head">
<div class="page-title"><h2>Last Online</h2></div></div>
<div class="main-content">
<div class="pairsJustified">
<div id="topp"></div>
</div></div>
</div>
<script>jQuery("#latest_registers").load("/memberlist?mode=joined&order=DESC&submit=Ok&username td.avatar-mini a:lt(20)");</script>
<script>
jQuery("#topp").load("/memberlist?mode=lastvisit&order=DESC&submit=Ok&username td.avatar-mini a:lt(15)");
</script>
<style>#latest_registers img {height: 32px;width: 32px;background-color: #FCFCFF;padding: 2px;border: 1px solid #CCC;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;}
#latest_registers {text-align: left;width: 215px;}#latest_registers a span{display:none;}
#latest_registers a:hover span {display: inline;position: absolute;padding: 5px;border: 1px solid white;border-radius: 1px;background: rgba(0, 1, 2, 0.8);box-shadow: 0 0 4px #334;color: white !important;font-size: 10px;}
#topp img {
height: 35px;
width: 35px;
background-color:
#FCFCFF;
padding: 2px;
border: 1px solid
#CCC;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
}
#topp {
text-align: left;
width: 175px;
}
#topp a span{display:none;}
#topp a:hover span {
display: inline;
position: absolute;
padding: 5px;
border: 1px solid
white;
border-radius: 1px;
background:
rgba(0, 0, 0, 0.8);
box-shadow: 0 0 4px
#333;
color:
white !important;
font-size: 10px;
}</style>
