[Kpz-Design] - แจกเมนูส่วนตัว v.1 แบบเรียบง่าย

Kpz-Design

{:9987gag:}  หลังจากนั่งทำมา 2 วันเต็มๆ ก็เสร็จออกมาตัวแรก

go to :: root\template\สกินที่ใช้\forum\viewthread_node.html
ใส่โค้ดนี้ที่บรรทัดบนสุด

1. <style type="text/css">
   
2. .post img{
   
3.         border-radius: 10px;
   
4.         box-shadow: 0px  0px 5px #000;
   
5.         BORDER: #fff 1px solid;
   
6.         }  
   
7. .facebook {
   
8.         color: #fff;
   
9.         border-radius: 5px;
   
10.         background-color:#3b5998;       
    
11.         background-image: -moz-linear-gradient(top, #3b5998, #5974ac);
    
12.         background-image: -webkit-gradient(linear, left top, left bottom, from(#3b5998), to(#5974ac));
    
13.         box-shadow: 0px  0px 2px #747474;
    
14.         }
    
15. .facebook a{color: #fff;}
    
16. .facebook a:hover {text-decoration:none; text-shadow: #fff 0em 0em 0.2em;}
    
17. .status {
    
18.         color: #696969; text-shadow: #fff 0em 0em 0.3em;
    
19.         border-radius: 10px;
    
20.         background-color: #fff;
    
21.         background-image: -moz-linear-gradient(top, #fff, #e9e9e9);
    
22.         background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));
    
23.         box-shadow: 0px  0px 2px #747474;
    
24.         }
    
25. .pls .avatar img{
    
26.         background:none;padding:0 0 0 0;
    
27.         border-radius: 10px;
    
28.         box-shadow: 0px  0px 5px #000;
    
29.         }
    
30. .boxz {
    
31.         BORDER-RIGHT: #e8eff3 1px dashed;
    
32.         PADDING-RIGHT: 5px;
    
33.         BORDER-TOP: #e8eff3 1px dashed;
    
34.         PADDING-LEFT: 5px;
    
35.         PADDING-BOTTOM: 5px;
    
36.         MARGIN-LEFT: 8px;
    
37.         BORDER-LEFT: #e8eff3 1px dashed;
    
38.         MARGIN-RIGHT: 8px;
    
39.         PADDING-TOP: 5px;
    
40.         BORDER-BOTTOM: #e8eff3 1px dashed;
    
41.         }
    
42. .l1 a { border-radius: 5px; box-shadow: 0px  0px 2px #000; padding-top:5px;  padding-right:5px; padding-left:5px;}
    
43. .l1 a:hover { background-color: #F2FBFF; color: #1E1E1E; text-shadow: none; text-decoration: none;}
    
44. .l2 a { border-radius: 5px; box-shadow: 0px  0px 2px #000; padding-top:5px; padding-right:5px; padding-left:5px; background-color:#ffa0a0}
    
45. .l2 a:hover { background-color: #ffcfcf; color: #1E1E1E; text-shadow: none; text-decoration: none;}
    
46. </style>

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

ลบ

1.                                 <div class="avatar" onmouseover="showauthor(this, 'userinfo$post[pid]')"><a href="home.php?mod=space&uid=$post[authorid]" target="_blank">$post[avatar]</a></div>
   
2.                         <!--{/if}-->
   
3.                         <!--{hook/viewthread_avatar $postcount}-->
   
4.                         <!--{if $post[groupicon]}--><p>$post[groupicon]</p><!--{/if}-->
   
5.                         <p><em><a href="home.php?mod=spacecp&ac=usergroup&gid=$post[groupid]" target="_blank">{$post[authortitle]}</a></em></p>
   
6.                         <!--{if $post['customstatus'] && $_G['group']['allowcstatus']}--><p class="xg1">$post[customstatus]</p><!--{/if}-->
   
7.                         </div>
   
8.                         <p{if $post['upgradecredit'] !== false} id="g_up$post[pid]" onmouseover="showMenu({'ctrlid':this.id, 'pos':'12!'});"{/if}><!--{eval showstars($post['stars']);}--></p>
   
9.                         <!--{if $post['upgradecredit'] !== false}-->
   
10.                                 <div id="g_up$post[pid]_menu" class="tip tip_4" style="display: none;">
    
11.                                         <div class="tip_horn"></div>
    
12.                                         <div class="tip_c">$post['authortitle'], {lang credits} $post['credits'], {lang thread_groupupgrade} $post['upgradecredit'] {lang credits}</div>
    
13.                                 </div>
    
14.                         <!--{/if}-->
    
15.                         <!--{hook/viewthread_sidetop $postcount}-->
    
16.                         <!--{if $post[custominfo][left]}--><dl class="pil cl">{$post[custominfo][left]}</dl><!--{/if}-->
    
17.                         <!--{if $post['medals']}-->
    
18.                                 <p class="md_ctrl">
    
19.                                         <a href="home.php?mod=medal">
    
20.                                                 <!--{loop $post['medals'] $medal}-->
    
21.                                                 <img id="md_{$post[pid]}_{$medal[medalid]}" src="{STATICURL}image/common/$medal[image]" alt="$medal[name]" title="" onmouseover="showMenu({'ctrlid':this.id, 'menuid':'md_$medal[medalid]_menu', 'pos':'12!'});" />
    
22.                                                 <!--{/loop}-->
    
23.                                         </a>
    
24.                                 </p>
    
25.                         <!--{/if}-->
    
26.                         <!--{if $post[authorid] != $_G[uid]}-->
    
27.                                 <ul class="xl xl2 o cl">
    
28.                                         <li class="callon"><a href="home.php?mod=space&uid=$post[authorid]" target="_blank" title="{lang viewthread_left_tospace}" class="xi2">{lang viewthread_left_tospace}</a></li>
    
29.                                         <li class="buddy"><a href="home.php?mod=spacecp&ac=friend&op=add&uid=$post[authorid]&handlekey=addfriendhk_{$post[authorid]}" id="a_friend_li_{$post[pid]}" onclick="showWindow(this.id, this.href, 'get', 1, {'ctrlid':this.id,'pos':'00'});" title="{lang viewthread_left_addfriend}" class="xi2">{lang viewthread_left_addfriend}</a></li>
    
30.                                         <li class="poke2"><a href="home.php?mod=spacecp&ac=poke&op=send&uid=$post[authorid]" id="a_poke_li_{$post[pid]}" onclick="showWindow(this.id, this.href, 'get', 0);" title="{lang viewthread_left_poke}" class="xi2">{lang viewthread_left_poke}</a></li>
    
31.                                         <li class="pm2"><a href="home.php?mod=spacecp&ac=pm&op=showmsg&handlekey=showmsg_$post[authorid]&touid=$post[authorid]&pmid=0&daterange=2&pid=$post[pid]&tid=$post[tid]" onclick="showWindow('sendpm', this.href);" title="{lang viewthread_left_sendpm}" class="xi2">{lang viewthread_left_sendpm}</a></li>
    
32.                                 </ul>
    
33.                         <!--{/if}-->
    

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

แทนด้วย

1. <div align="center" class="post"><a href="home.php?mod=space&uid=$post[authorid]" target="_blank">$post[avatar]</a></div>
   
2. <!--{/if}-->
   
3. <!--{if $post[groupicon]}-->
   
4. <div align="center" style="margin-top:5px">$post[groupicon]</div>
   
5. <!--{/if}-->               
   
6. <!--{if $post['upgradecredit'] !== false}-->
   
7. <div id="g_up$post[pid]_menu" class="g_up" style="display:none">
   
8. <div class="crly">$post['authortitle'], {lang credits} $post['credits'], {lang thread_groupupgrade} $post['upgradecredit'] {lang credits}</div>
   
9. <div class="mncr"></div>
   
10. </div>
    
11. <!--{/if}-->
    
12. </div>
    
13. <FIELDSET class="boxz" >          
    
14. <center><b>โพสต์ :: $post[posts]</br></b></center></div>
    
15. <hr style="border:dashed #e8eff3; border-width:1px 0 0 0; height:0;line-height:0px;font-size:0; margin-bottom:5px;padding:0;">
    
16. <!--{if $post['customstatus']}--><a href="http://www.facebook.com/$post['site']">
    
17. <div class="facebook"><center><b>:: Facebook ::</b></center></a></div>
    
18. <!--{/if}-->
    
19. <!--{if $post['customstatus']}-->
    
20. <div class="status" style="margin-top:5px"><center><b>:: Staus ::</b></br>$post[customstatus]</center></div>
    
21. <!--{/if}-->               
    
22. <div class="l1" align="center" style="margin-top:10px">
    
23. <a href="home.php?mod=space&uid=$post[authorid]"><img src="static/image/kpzimg/menu/home.gif" title="ดูโปรไฟล์"></a>
    
24. <a href="home.php?mod=spacecp&ac=friend&op=add&uid=$post[authorid]&handlekey=addfriendhk_{$post[authorid]}" id="a_friend_li_{$post[pid]}" onclick="showWindow(this.id, this.href, 'get', 1, {'ctrlid':this.id,'pos':'00'});"><img src="static/image/kpzimg/menu/add.gif" title="เพิ่มเพื่อน"></a>
    
25. <a href="home.php?mod=spacecp&ac=poke&op=send&uid=$post[authorid]" id="a_poke_li_{$post[pid]}" onclick="showWindow(this.id, this.href, 'get', 0);"><img src="static/image/kpzimg/menu/pm1.gif" title="ทักทาย"></a>
    
26. <a href="home.php?mod=spacecp&ac=pm&op=showmsg&handlekey=showmsg_$post[authorid]&touid=$post[authorid]&pmid=0&daterange=2&pid=$post[pid]&tid=$post[tid]" onclick="showWindow('sendpm', this.href);" ><img src="static/image/kpzimg/menu/pm2.gif" title="ส่งข้อความ"></a></div>
    
27. <!--{if $_G['forum']['ismoderator'] && $_G['group']['allowviewip']}-->
    
28. <div class="l2" align="center" style="margin-top:10px">
    
29. <a href="forum.php?mod=topicadmin&action=getip&fid=$_G[fid]&tid=$_G[tid]&pid=$post[pid]{if $_G['forum_auditstatuson']}&modthreadkey=$_G[gp_modthreadkey]{/if}" onclick="ajaxmenu(this, 0, 0, 2);doane(event)"><img src="static/image/kpzimg/menu/ip.gif" title="ดู IP"></a>
    
30. <!--{/if}-->
    
31. <!--{if $_G['group']['allowedituser']}-->
    
32. <a href="{if $_G['adminid'] == 1}admin.php?frames=yes&action=members&operation=search&uid=$post[authorid]&submit=yes{else}forum.php?mod=modcp&action=member&op=edit&uid=$post[authorid]{/if}"><img src="static/image/kpzimg/menu/edit.gif" title="แก้ไข User"></a>
    
33. <!--{/if}-->
    
34. <!--{if $_G['group']['allowbanuser']}-->
    
35. <!--{if $_G['adminid'] == 1}-->
    
36. <a href="admin.php?action=members&operation=ban&username=$post[usernameenc]&frames=yes"><img src="static/image/kpzimg/menu/cancel.gif" title="แบน"></a>
    
37. <!--{else}-->
    
38. <a href="forum.php?mod=modcp&action=member&op=ban&uid=$post[authorid]"><img src="static/image/kpzimg/menu/cancel.gif" title="แบน"></a>
    
39. <!--{/if}-->
    
40. <!--{/if}-->
    
41. <!--{if $_G['forum']['ismoderator']}-->
    
42. <a href="forum.php?mod=modcp&action=thread&op=post&do=search&searchsubmit=1&users=$post[usernameenc]"><img src="static/image/kpzimg/menu/view.gif" title="ดูกระทู้"></a> <!--{/if}-->
    
43. </div>
    
44. </FIELDSET>
    
45. </div>
    

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

ลบ

1. <!--{if $_G['group']['allowedituser'] || $_G['group']['allowbanuser'] || ($_G['forum']['ismoderator'] && $_G['group']['allowviewip'])}-->
   
2.                         <p>
   
3.                                 <!--{if $_G['forum']['ismoderator'] && $_G['group']['allowviewip']}-->
   
4.                                         <a href="forum.php?mod=topicadmin&action=getip&fid=$_G[fid]&tid=$_G[tid]&pid=$post[pid]{if $_G['forum_auditstatuson']}&modthreadkey=$_G[gp_modthreadkey]{/if}" onclick="ajaxmenu(this, 0, 0, 2);doane(event)">IP</a>&nbsp;
   
5.                                 <!--{/if}-->
   
6.                                 <!--{if $_G['group']['allowedituser']}-->
   
7.                                         <a href="{if $_G['adminid'] == 1}admin.php?frames=yes&action=members&operation=search&uid=$post[authorid]&submit=yes{else}forum.php?mod=modcp&action=member&op=edit&uid=$post[authorid]{/if}" target="_blank">{lang edit}</a>&nbsp;
   
8.                                 <!--{/if}-->
   
9.                                 <!--{if $_G['group']['allowbanuser']}-->
   
10.                                         <!--{if $_G['adminid'] == 1}-->
    
11.                                                 <a href="admin.php?action=members&operation=ban&username=$post[usernameenc]&frames=yes" target="_blank">{lang ban_member}</a>&nbsp;
    
12.                                         <!--{else}-->
    
13.                                                 <a href="forum.php?mod=modcp&action=member&op=ban&uid=$post[authorid]" target="_blank">{lang ban_member}</a>&nbsp;
    
14.                                         <!--{/if}-->
    
15.                                 <!--{/if}-->
    
16.                                 <a href="forum.php?mod=modcp&action=thread&op=post&do=search&searchsubmit=1&users=$post[usernameenc]" target="_blank">{lang posts}</a>
    
17.                         </p>
    
18.                 <!--{/if}-->
    
19.         </td>

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

ลงเสร็จอัพเดทแคช CSS ด้วยนะครับ ถ้าบัคเป็นภาษาต่างดาวให้เปลี่ยน endcoding ของ viewthread_node.html เป็น UTF-8

แก้ Status ได้ที่ :: ตั้งค่าส่วนตัว>ข้อมูลส่วนตัว>ข้อมูลส่วนตัว>สถานะ
เปลี่ยนที่อยู่ Facebook ได้ที่ :: ตั้งค่าส่วนตัว>ข้อมูลส่วนตัว>ข้อมูลส่วนตัว>โฮมเพจส่วนตัว
(ไม่ต้องใส่ http://www.facebook.com/ นำหน้า)

NEW :: เมนูส่วนตัว v.2 !

หมายเป็ด :: เมนูส่วนตัวเวอร์ชั่นนี้จะไม่แสดงเหรียญนะครับ !

ไฟล์รูปจ๊ะ !

rokaisakkon

Hi,
You have  test with ie8 or not ?

k2757

สวยดีครับผมก็ชอบ น่ารักดี

Acer_Aspire

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

Acer_Aspire

ขอบรับไปทดสอบครับ ^^

maxjame5432

้ว้าว สวยมากเลย ขอบคุณขอรับ ขอเอาไปใช้ละเน้อ ^^

iiimouiii

สวยงามมาก

StaFF_PiRcH

สวยมากครับ รอเวอชั่น 2

markyoyoyo

ใจมาก!!!

ipeat085

สวยงามมากมาย