วิธีตั้งค่าเมนูส่วนตัวdiscuzX3.2

suttasilo

วิธีตั้งค่าเมนูส่วนตัวdiscuzX3.2

1.ไปที่ control Panel(จัดการระบบ)  รูปแบบ/จัดการรูปแบบ/User info inside the thread/คลิกที่แก้ไข

2.ที่ช่อง Left information template:
ทำการเพิ่มโค้ดตามที่ต้อง โดยเลือกรายการกรอบสี่เหลี่ยมที่ต้องการต่อไปจากของเดิมที่ตั้งไว้แล้ว

ตัวอย่างโค้ดที่ปรับแต่ง

1. {numbercard}
   
2. {groupicon}{*}
   
3. {/groupicon}
   
4. {authortitle}[i]{*}[/i]
   
5. {/authortitle}
   
6. {customstatus}[align=left]{*}[/align]{/customstatus}
   
7. {star}{*}
   
8. {/star}
   
9. {upgradeprogress}{*}
   
10. {/upgradeprogress}
    
11. {baseinfo=uid,1}{baseinfo=uid,0}
    
12. {baseinfo=credits,1}{baseinfo=credits,0}
    
13. {baseinfo=extcredits1,1}{baseinfo=extcredits1,0}
    
14. {baseinfo=extcredits2,1}{baseinfo=extcredits2,0}
    
15. {baseinfo=extcredits3,1}{baseinfo=extcredits3,0}
    
16. {baseinfo=field_gender,1}{baseinfo=field_gender,0}
    
17. {baseinfo=regtime,1}{baseinfo=regtime,0}
    
18. {baseinfo=lastdate,1}{baseinfo=lastdate,0}
    
19. {baseinfo=oltime,1}{baseinfo=oltime,0}
    
20. {baseinfo=follower,1}{baseinfo=follower,0}
    
21. {baseinfo=doings,1}{baseinfo=doings,0}
    
22. {baseinfo=friends,1}{baseinfo=friends,0}
    
23. {baseinfo=eccredit_seller,1}{baseinfo=eccredit_seller,0}
    
24. {baseinfo=eccredit_buyer,1}{baseinfo=eccredit_buyer,0}
    
25. {medal}[align=left]{*}[/align]{/medal}
    
26. {baseinfo=field_qq,0}

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

ที่ช่อง Avatar menu template:
ทำการเพิ่มโค้ดตามที่ต้อง โดยเลือกรายการกรอบสี่เหลี่ยมที่ต้องการต่อไปจากของเดิมที่ตั้งไว้แล้ว

ตัวอย่างโค้ดที่ปรับแต่ง

1. <dl class="cl">
   
2. <dt>{baseinfo=credits,1}</dt><dd>{baseinfo=credits,0}</dd>
   
3. <dt>{baseinfo=credits,1}</dt><dd>{baseinfo=credits,0}</dd>
   
4. <dt>{baseinfo=uid,1}</dt><dd>{baseinfo=uid,0}</dd>
   
5. <dt>{baseinfo=friends,1}</dt><dd>{baseinfo=friends,0}</dd>
   
6. <dt>{baseinfo=posts,1}</dt><dd>{baseinfo=posts,0}</dd>
   
7. <dt>{baseinfo=threads,1}</dt><dd>{baseinfo=threads,0}</dd>
   
8. <dt>{baseinfo=doings,1}</dt><dd>{baseinfo=doings,0}</dd>
   
9. <dt>{baseinfo=blogs,1}</dt><dd>{baseinfo=blogs,0}</dd>
   
10. <dt>{baseinfo=digest,1}</dt><dd>{baseinfo=digest,0}</dd>
    
11. <dt>{baseinfo=follower,1}</dt><dd>{baseinfo=follower,0}</dd>
    
12. <dt>{baseinfo=oltime,1}</dt><dd>{baseinfo=oltime,0}</dd>
    
13. <dt>{baseinfo=regtime,1}</dt><dd>{baseinfo=regtime,0}</dd>
    
14. <dt>{baseinfo=lastdate,1}</dt><dd>{baseinfo=lastdate,0}</dd>
    
15. 
    
16. </dl>

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

3.ทำการเพิ่มไอคอนกลุ่ม โดยไปที่ สมาชิก/จัดการสมาชิก/กลุ่มสมาชิก/คลิกที่ปุ่มแก้ไขของชื่อกลุ่มสมาชิก (ทำทีละกลุ่ม)

4.ตรงไอคอนของกลุ่ม: เลือกไฟล์เพื่ออัพโหลดไอคอนของกลุ่ม แล้วคลิกที่ open ทำจนครบทุกชื่อกลุ่มในกลุ่มสมาชิก

5.ทำการเพิ่มไอคอนกลุ่มสมาชิกของระบบ, กลุ่มสมาชิกพิเศษ ที่เหลือ ทำตามขั้นตอนเหมือนที่ทำมาแล้ว

6.ผลลัพธ์เมนูส่วนตัวที่ปรับแต่ง

7.ส่วนการตั้งค่าเหรียญหรือเข็มประดับยศให้ไปศึกษาที่กระทู้นี้ครับhttp://www.discuzthai.com/thread-39882-1-1.html
8.ดาวน์โหลดเมนูส่วนตัวแบบสำเร็จรูป http://www.discuzthai.com/thread-39221-1-1.html
9.แตกไฟล์อัพโหลดโฟลเดอร์ทั้ง 4  banner,images,static,template ขึ้นโฮสต์
10.อัพเดทแคช รีเฟลชหน้าเว็บ ดูผลลัพธ์

11.แต่ติดปัญหาอยู่ที่ไอคอนของสมาชิกระบบไม่ตรงตามความเป็นจริง ต้องแก้ปัญหาจำนวนดาวใหม่ วิธีแก้ไปที่สมาชิก/จัดการสมาชิก/กลุ่มสมาชิกของระบบ/ตั้งค่าจำนวนดาวใหม่  ของเดิมเป็น 9-8-7แก้ไขใหม่เป็น 10-9-8

12.และแก้ไอคอนของกลุ่มสมาชิกให้ตรงตามความเป็นจริงอีกด้วย  โดยแก้จำนวนดาวใหม่ วิธีแก้ไปที่สมาชิก/จัดการสมาชิก/กลุ่มสมาชิก/ตั้งค่าจำนวนดาวใหม่  ของเดิมเป็น 0-1-2-3-4-5-6-8 แก้ไขใหม่เป็น 11-1-2-3-4-5-6

13.ดูผลลัพธ์

14.ส่วนการติดตั้งปลั๊กอิน  Pet Shop Store  และวิธีใช้งานให้ไปศึกษาที่กระทู้นี้ครับ http://www.discuzthai.com/thread-39848-1-1.html

ศึกษารายละเอียดวิธีตั้งค่าเมนูส่วนตัวจากวีดีโอด้านล่าง

15.เพิ่มเติม : วิธีขยายแถบเมนูให้กว้างขึ้นนิดหน่อย ขอบคุณวีธีจาก @kanzayo
1.เปิดไฟล์ template/สกินที่ใช้/common/module.css
ค้นหา

1. .pls { width: 160px; background: {SPECIALBG}; overflow: hidden; border-right: 1px solid {CONTENTSEPARATE}; }

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

ตรง *pls { width: 160px; background: {SPECIALBG};
แก้เป็น 170 (เพื่อขยายแถบเมนูให้กว้างขึ้นนิดหน่อย)
2.เปิดไฟล์ template/default/forum/viewthread_node.htm
ค้นหา

1. <div align="left">{lang member_avatar_banned}
   
2. </div><div align="left">[url=home.php?mod=space&uid=$post[authorid]]$post[avatar][/url]
   
3. $post[groupicon]
   
4. [i][url=home.php?mod=spacecp&ac=usergroup&gid=$post[groupid]]{$post[authortitle]}[/url][/i]
   
5. [align=left]$post[customstatus][/align]
   
6. $post['authortitle'], {lang credits} $post['credits'], {lang thread_groupupgrade} $post['upgradecredit'] {lang credits}
   
7. {$post[custominfo][left]}
   
8. </div><div align="left">[list]
   
9. </div><div align="left">[*][url=home.php?mod=space&uid=$post[authorid]]{lang viewthread_left_tospace}[/url]
   
10. [*][url=home.php?mod=spacecp&ac=friend&op=add&uid=$post[authorid]&handlekey=addfriendhk_{$post[authorid]}]{lang viewthread_left_addfriend}[/url]
    
11. [*][url=home.php?mod=spacecp&ac=poke&op=send&uid=$post[authorid]]{lang viewthread_left_poke}[/url]
    
12. [*][url=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]]{lang viewthread_left_sendpm}[/url]
    
13. [/list]
    
14. </div><div align="left">$_G[setting][anonymoustext] [i]$post[useip][/i]
    
15. </div><div align="left">[url=home.php?mod=space&uid=$post[authorid]]$_G[setting][anonymoustext][/url]$_G[setting][anonymoustext]
    
16. $post[author] [i]{lang member_deleted}[/i]
    
17. </div>

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

แทนที่ด้วยโค้ดนี้

1. {subtemplate forum/show}

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

16.ส่วน Ranking สวยๆ (รูปไอคอนกลุ่มสมาชิก) มีหลายแบบให้เลือกโหลดตามใจชอบครับ
  https://discuzthai.com/forum.php?mod=viewthread&tid=28597&highlight=rank
  https://discuzthai.com/forum.php?mod=viewthread&tid=37604&highlight=rank
  https://discuzthai.com/forum.php?mod=viewthread&tid=38584&highlight=rank
  https://discuzthai.com/forum.php?mod=viewthread&tid=27878&highlight=rank

ที่มาจาก: บทบันทึกการสอน "โครงการคอมพิวเตอร์สมองกลเสริมเยาวชนยุคIT" ชมรมรักพลับพลึงธารคุระบุรีศรีพังงา (pptflower.com)

star2000

สุดยอดเลยครับท่าน

hugdesign

มีวิธีแก้ไข ให้ภาพ เล็กลงไหมครับผมลองเอามาใช้แล้ว ภาพมันล้นครับ

suttasilo

hugdesign ตอบกลับเมื่อ 2018-8-18 21:32
มีวิธีแก้ไข ให้ภาพ เล็กลงไหมครับผมลองเอามาใช้แล้ว ภาพมันล้นครับ

วิธีปรับแก้กลับไปอ่านดูคำตอบที่หัวข้อ 15 บอกไว้แล้ว