Remake Avatar online list [X2]

Acer_Aspire

Remake ต่อจากกระทู้ของพี่ i~Designs คลิก สำหรับคนที่ไม่รู้ว่า X1.5 มันใช้ได้กับ X2 ไหม



เปิดไฟล์ 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:16px; text-align: left; }

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

สำหรับคนเอ๋ มันเปลี่ยนยังไงอ่ะไรยังไง งงจังเลย เราก่อมีไฟล์แก้ไขเสร็จสับ

ทดสอบเรียบร้อยแล้ว





อัพลงตามที่ไฟล์กำหนดเลย

1. http://www.talesrunnerinter.com

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

เครดิต i~Designs

MasterTGZ

ขอบคุณครับ ^^

StaFF_PiRcH

เว็บผมเว็บนึง ที่ไำม่สามารถทำแบบนั้นได้ เพราะเนื่องจาก

ตัวเว็บบอร์ด กระดานข่าวที่นับได้มี เกือบ 100 หรืออาจจะเกิน 555+

อาจจะทำให้เว็บ ถึงกับ เกิดอาการ แลค อย่างรุนแรง ยังไงก็ขอบคุณบทความดี ๆ

idonno

ผมทำแล้วมันไม่ขึ้นชื่อยูสให้ ใต้รูปอะครับ มีวิธีแก้ไหม ?

idonno

ต้นฉบับโพสต์โดย idonno เมื่อ 2011-9-14 18:58
แก้ไขครั้งสุดท้ายโดย idonno เมื่อ 2011-9-14 19:06

แก้ไขครั้ง ...

ผม ใช้ แก้โค้ดเอาอะครับ พอดี มันมีส่วนที่โม อยู่

lahu

สุดยอด ครับ ขอบคุณ

mintzajung05

ขอบคุณครับ เยอะเลย