Avatar online list [X2.5]

k2757

จาก

http://forum.discuzthai.com/thread-24093-1-1.html

ของพี่ KOH [i~Designs]



เปิดไฟล์ template/เทมเพลทที่คุณใช้/forum/discuz.htm

ค้นหา

1. <!--{if $_G['setting']['whosonlinestatus'] && $detailstatus}-->
   
2.                                 <dl id="onlinelist" class="bm_c">
   
3.                                         <dt class="ptm pbm bbda">$_G[cache][onlinelist][legend]</dt>
   
4.                                         <!--{if $detailstatus}-->
   
5.                                                 <dd class="ptm pbm">
   
6.                                                 <ul class="cl">
   
7.                                                 <!--{if $whosonline}-->
   
8.                                                         <!--{loop $whosonline $key $online}-->
   
9.                                                                 <li title="{lang time}: $online[lastactivity]">
   
10.                                                                 <img src="{STATICURL}image/common/$online[icon]" alt="icon" />
    
11.                                                                 <!--{if $online['uid']}-->
    
12.                                                                         <a href="home.php?mod=space&uid=$online[uid]">$online[username]</a>
    
13.                                                                 <!--{else}-->
    
14.                                                                         $online[username]
    
15.                                                                 <!--{/if}-->
    
16.                                                                 </li>
    
17.                                                         <!--{/loop}-->
    
18.                                                 <!--{else}-->
    
19.                                                         <li style="width: auto">{lang online_only_guests}</li>
    
20.                                                 <!--{/if}-->
    
21.                                                 </ul>
    
22.                                         </dd>
    
23.                                         <!--{/if}-->
    
24.                                 </dl>
    
25.                         <!--{/if}-->
    
26.                         </div>
    
27.                 <!--{/if}-->

คัดลอกไปที่คลิปบอร์ด

เปลี่ยนเป็น

1. <script language="JavaScript" type="text/javascript">
   
2. 
   
3. var itv = 50;
   
4. var step = 10;
   
5. var start = 0;
   
6. var end = 0;
   
7. var currentOpac;
   
8. 
   
9. //change the opacity for different browsers
   
10. function changeOpac(obj, opacity) {
    
11. var object = obj.style;
    
12. object.opacity = (opacity / 100);
    
13. object.MozOpacity = (opacity / 100);
    
14. object.KhtmlOpacity = (opacity / 100);
    
15. object.filter = "alpha(opacity=" + opacity + ")";
    
16. }
    
17. 
    
18. function BeginOpacity(obj, s, e)
    
19. {
    
20. start = s;
    
21. end = e;
    
22. currentOpac = s;
    
23. theobject=obj;
    
24. changing=setInterval("opacityit(theobject)",itv);
    
25. }
    
26. 
    
27. function EndOpacity(obj, end){
    
28. clearInterval(changing);
    
29. changeOpac(obj, end);
    
30. }
    
31. 
    
32. function opacityit(obj){
    
33. if(start > end) {
    
34.   if (currentOpac>end){
    
35.    currentOpac = currentOpac - step;
    
36.    changeOpac(obj,currentOpac);
    
37.   }
    
38.   else if (window.highlighting)
    
39.    clearInterval(highlighting);
    
40. } else if(start < end) {
    
41.   if (currentOpac<end){
    
42.    currentOpac = currentOpac + step;
    
43.    changeOpac(obj,currentOpac);
    
44.   }
    
45.   else if (window.changing)
    
46.    clearInterval(changing);
    
47. }
    
48. }
    
49. //-->
    
50. </script>
    
51. 
    
52.                         <!--{if $_G['setting']['whosonlinestatus'] && $detailstatus}-->
    
53.                                 <dl id="onlinelist" class="bm_c">
    
54.                                         <dt class="ptm pbm bbda">$_G[cache][onlinelist][legend]</dt>
    
55.                                         <!--{if $detailstatus}-->
    
56.                                                 <dd class="ptm pbm">
    
57.                                                 <ul class="cl">
    
58. <div style="width:924px; margin: 0 auto; overflow:hidden; ">
    
59. <div style="width:960px; ">
    
60.                                                 <!--{if $whosonline}-->
    
61.                                                         <!--{loop $whosonline $key $online}-->
    
62.                                                                 <li title="{lang time}: $online[lastactivity]">
    
63.                                                                 <!--{if $online['uid']}-->
    
64.                                                                 <div style="float:left;width:54px; height:74px; overflow:hidden; ">
    
65.                                                                 <div id="show_user_online" style="">
    
66.                                                                         <div class="avt">
    
67.                                                                                 <a href="home.php?mod=space&uid=$online[uid]"c="1"><img src="uc_server/avatar.php?uid=$online[uid]&amp;size=small]"/></a>
    
68.                                                                         </div>
    
69.                                                                         <div id="icon_user_online"><img src="{STATICURL}image/common/$online[icon]" alt="icon"  style="FILTER: alpha(opacity=40);-moz-opacity: 0.4; opacity: 0.4;" onmouseover=BeginOpacity(this,40,100) onmouseout=EndOpacity(this,40) /></div>
    
70.                                                                 </div>
    
71.                                                                         <div><a href="home.php?mod=space&uid=$online[uid]">$online[username]</a></div>
    
72.                                                                 </div>
    
73.                                                                 <!--{else}-->
    
74.                                                                 <div style="float:left;width:54px; height:74px; overflow:hidden; ">
    
75.                                                                         <div class="avt"><img src="uc_server/images/noavatar_small.gif"/></div>
    
76.                                                                         <div>$online[username]</div>
    
77.                                                                 </div>
    
78.                                                                 <!--{/if}-->
    
79.                                                                 </li>
    
80.                                                         <!--{/loop}-->
    
81.                                                 <!--{else}-->
    
82.                                                         <li style="width: auto">{lang online_only_guests}</li>
    
83.                                                 <!--{/if}-->
    
84. </div>
    
85. </div>
    
86.                                                 </ul>
    
87.                                         </dd>
    
88.                                         <!--{/if}-->
    
89.                                 </dl>
    
90.                         <!--{/if}-->
    
91.                         </div>
    
92.                 <!--{/if}-->

คัดลอกไปที่คลิปบอร์ด

เปิดไฟล์ template/เทมเพลทที่คุณใช้/common/module.css
ค้นหา

1. .oll li { float: left; overflow: hidden; white-space: nowrap; width: 19.9%; height: 24px; line-height: 24px; }

คัดลอกไปที่คลิปบอร์ด

เปลี่ยนเป็น

1. .oll li { float: left; overflow: hidden; white-space: nowrap; width: 58px; height: 84px; line-height: 24px; text-align: center; }
   
2. #show_user_online { width:54px; height:54px;  overflow: hidden; position:relative; }
   
3. #icon_user_online { position:absolute; top:35px; left:0; margin: 0 3px; width:48px; height:48px; text-align: left; }

คัดลอกไปที่คลิปบอร์ด