แก้ไขครั้งสุดท้ายโดย suttasilo เมื่อ 2021-6-7 20:23
ธรรมสวัสดีเพื่อนๆชาวดิสคัสทุกคน วันนี้จะมาแบ่งปันความรู้ การทำให้ไอคอนของสมาชิกออนไลน์ให้เกิดความสวยงาม ในวันนี้ โดยการเปลี่ยนไอคอนสมาชิกออนไลน์ให้แสดงรูปโปรไฟล์และแสดงข้อมูลของมาชิกแทน มาเริ่มต้นทำกันเลย ไอคอนรูปแบบเดิมดังรูปภาพ
การตกแต่งวิธีแบบที่หนึ่ง
1.เปิดไฟล์ discuz.htm สกินที่ใช้ อยู่ในโฟลเดอร์
- template/default/forum/discuz.htm
คัดลอกไปที่คลิปบอร์ด
หา
- <li title="{lang time}: $online[lastactivity]">
คัดลอกไปที่คลิปบอร์ด
เพิ่มรหัสนี้ต่อด้านล่าง
- <a href="home.php?mod=space&uid=$online[uid]" c="1">
คัดลอกไปที่คลิปบอร์ด
ผลลัพธ์ เมื่อเมาส์เลื่อนไปที่ไอคอนออนไลน์ของกลุ่มสมาชิกผู้ใช้ กรอบสี่เหลี่ยมรูปโปรไฟล์พร้อมของมูลโปรไฟล์สมาชิกจะปรากฏขึ้นในหน้าแรกของฟอรั่ม คุณสามารถทักทายสมาชิกคนอื่น ๆ ส่งข้อความเพิ่มเพื่อน ฯลฯหรือจัดการแบนสมาชิกและดูโพสต์สมาชิกนี้ ฯลฯ หากคุณคลิกที่รูปไอคอนสมาชิกโดยตรงจะเข้าสู่พื้นที่โปรไฟล์ของของสมาชิกท่านนี้
ก่อนที่จะแก้ไข
คำเตือนโปรดสำรองข้อมูลก่อนที่จะแก้ไข
อย่าลืมอัพเดตแคชหลังการแก้ไข
การตกแต่งวิธีแบบที่สอง
1.เปิดไฟล์ discuz.htm สกินที่ใช้
- template/default/forum/discuz.htm
คัดลอกไปที่คลิปบอร์ด
2.หา
- <img src="{STATICURL}image/common/$online[icon]" alt="icon" />
คัดลอกไปที่คลิปบอร์ด
3.แทนที่ด้วย
- <p>
- </p><p><a href="home.php?mod=space&uid=$online[uid]" c="1"><img src="http://ชื่อโดเมนของคุณ/uc_server/avatar.php?uid=$online[uid]&size=small" class="ava_border" width="26px" height="26px" style="border:1px solid #ccc; padding:2px; margin:0px; background-color:#fff;" /></p>
คัดลอกไปที่คลิปบอร์ด
ในรหัสด้านบนขนาดของรูปโปรไฟล์ width="26px" height="26px" สามารถปรับขนาดของรูปโปรไฟล์ได้ยิ่งค่ายิ่งใหญ่เท่าไหร่รููปก็ยิ่งใหญ่เท่านั้น
4.ค้นหาอีกครั้ง
- <li title="{lang time}: $online[lastactivity]">
คัดลอกไปที่คลิปบอร์ด
5.แทนที่ด้วย
- <li style="height:36px;">
คัดลอกไปที่คลิปบอร์ด
6.ค้นหาอีกครั้ง
- <a href="home.php?mod=space&uid=$online[uid]">$online[username]</a>
คัดลอกไปที่คลิปบอร์ด
7.แทนที่ด้วย
- <p>
- </p><p><a title="{lang time}: $online[lastactivity] " href="home.php?uid=$online[uid]">$online[username]</a></p>
คัดลอกไปที่คลิปบอร์ด
ก่อนที่จะแก้ไข
คำเตือนโปรดสำรองข้อมูลก่อนที่จะแก้ไข
อย่าลืมอัพเดตแคชหลังการแก้ไข
8.ผลลัพธ์จากการปรับเปลี่ยน หลังจากตกแต่งแล้วรูปโปรไฟล์ของสมาชิกจะปรากฏบนหน้าแรกของฟอรัม
9.เมื่อเลื่อนเมาส์ไปที่รูปโปรไฟล์ของผู้ใช้จะปรากฏขึ้น จากนั้นทราบว่ากลุ่มผู้ใช้ที่สมาชิกนี้เป็นสมาชิกอยู่
(เนื่องจากไอคอนกลุ่มผู้ใช้ดั้งเดิมที่ตกแต่งแล้วได้เปลี่ยนเป็นรูปโปรไฟล์) หรือบนโฮมเพจของฟอรัมคุณสามารถทักทายสมาชิกคนอื่น ๆ ส่งข้อความเพิ่มเพื่อน ฯลฯ หรือจัดการแบนสมาชิกและดูโพสต์ของสมาชิกนี้ ฯลฯ หากคุณคลิกที่รูปโปรไฟล์โดยตรงจะเข้าสู่หน้าพื้นที่โปรไฟล์ส่วนตัวของสมาชิกท่านนี้ ดังรูปภาพ
10.หากคุณคิดว่าไอคอนรายการออนไลน์นั้นค่อนข้างซ้ำซ้อน สามารถลบได้
หา
- <dt class="ptm pbm bbda">$_G[cache][onlinelist][legend]</dt>
คัดลอกไปที่คลิปบอร์ด
11.เพียงแค่ลบโค้ดนี้ทิ้ง
12.หลังจากปรับเปลี่ยน
อ้างอิงที่มาจากกระทู้นี้ (เพียงสลับแบบที่สองขึ้นก่อนแบบที่หนึ่งเท่านั้น)
- https://www.dismall.com/thread-2299-1-1.html
คัดลอกไปที่คลิปบอร์ด
|