Discuz.in.th ดิสคัสอินไทย

 ลืมรหัสผ่าน
 สมัครสมาชิก
ค้นหา
ดู: 869|ตอบกลับ: 1

เปลี่ยนไอคอนสมาชิกออนไลน์ให้แสดงรูปโปรไฟล์และแสดงข้อมูลของมาชิก

[คัดลอกลิงก์]

432

โพสต์

534

โพสต์

1136

เครดิต

ผู้ดูแลพิเศษ

เครดิต
1136
แก้ไขครั้งสุดท้ายโดย suttasilo เมื่อ 2021-6-7 20:23

          ธรรมสวัสดีเพื่อนๆชาวดิสคัสทุกคน วันนี้จะมาแบ่งปันความรู้ การทำให้ไอคอนของสมาชิกออนไลน์ให้เกิดความสวยงาม ในวันนี้ โดยการเปลี่ยนไอคอนสมาชิกออนไลน์ให้แสดงรูปโปรไฟล์และแสดงข้อมูลของมาชิกแทน  มาเริ่มต้นทำกันเลย  ไอคอนรูปแบบเดิมดังรูปภาพ


การตกแต่งวิธีแบบที่หนึ่ง


1.เปิดไฟล์ discuz.htm  สกินที่ใช้  อยู่ในโฟลเดอร์

  1. template/default/forum/discuz.htm
คัดลอกไปที่คลิปบอร์ด

หา
  1. <li title="{lang time}: $online[lastactivity]">
คัดลอกไปที่คลิปบอร์ด

เพิ่มรหัสนี้ต่อด้านล่าง

  1. <a href="home.php?mod=space&uid=$online[uid]" c="1">
คัดลอกไปที่คลิปบอร์ด

ผลลัพธ์  
เมื่อเมาส์เลื่อนไปที่ไอคอนออนไลน์ของกลุ่มสมาชิกผู้ใช้ กรอบสี่เหลี่ยมรูปโปรไฟล์พร้อมของมูลโปรไฟล์สมาชิกจะปรากฏขึ้นในหน้าแรกของฟอรั่ม คุณสามารถทักทายสมาชิกคนอื่น ๆ ส่งข้อความเพิ่มเพื่อน ฯลฯหรือจัดการแบนสมาชิกและดูโพสต์สมาชิกนี้ ฯลฯ หากคุณคลิกที่รูปไอคอนสมาชิกโดยตรงจะเข้าสู่พื้นที่โปรไฟล์ของของสมาชิกท่านนี้



ก่อนที่จะแก้ไข
คำเตือนโปรดสำรองข้อมูลก่อนที่จะแก้ไข
อย่าลืมอัพเดตแคชหลังการแก้ไข


การตกแต่งวิธีแบบที่สอง


1.เปิดไฟล์ discuz.htm สกินที่ใช้

  1. template/default/forum/discuz.htm
คัดลอกไปที่คลิปบอร์ด

2.หา
  1. <img src="{STATICURL}image/common/$online[icon]" alt="icon" />
คัดลอกไปที่คลิปบอร์ด

3.แทนที่ด้วย
  1. <p>
  2. </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.ค้นหาอีกครั้ง
  1. <li title="{lang time}: $online[lastactivity]">
คัดลอกไปที่คลิปบอร์ด

5.แทนที่ด้วย
  1. <li style="height:36px;">
คัดลอกไปที่คลิปบอร์ด

6.ค้นหาอีกครั้ง
  1. <a href="home.php?mod=space&uid=$online[uid]">$online[username]</a>
คัดลอกไปที่คลิปบอร์ด

7.แทนที่ด้วย
  1. <p>
  2. </p><p><a title="{lang time}: $online[lastactivity] " href="home.php?uid=$online[uid]">$online[username]</a></p>
คัดลอกไปที่คลิปบอร์ด

ก่อนที่จะแก้ไข
คำเตือนโปรดสำรองข้อมูลก่อนที่จะแก้ไข
อย่าลืมอัพเดตแคชหลังการแก้ไข

8.ผลลัพธ์จากการปรับเปลี่ยน หลังจากตกแต่งแล้วรูปโปรไฟล์ของสมาชิกจะปรากฏบนหน้าแรกของฟอรัม


9.เมื่อเลื่อนเมาส์ไปที่รูปโปรไฟล์ของผู้ใช้จะปรากฏขึ้น จากนั้นทราบว่ากลุ่มผู้ใช้ที่สมาชิกนี้เป็นสมาชิกอยู่
(เนื่องจากไอคอนกลุ่มผู้ใช้ดั้งเดิมที่ตกแต่งแล้วได้เปลี่ยนเป็นรูปโปรไฟล์) หรือบนโฮมเพจของฟอรัมคุณสามารถทักทายสมาชิกคนอื่น ๆ ส่งข้อความเพิ่มเพื่อน ฯลฯ หรือจัดการแบนสมาชิกและดูโพสต์ของสมาชิกนี้ ฯลฯ หากคุณคลิกที่รูปโปรไฟล์โดยตรงจะเข้าสู่หน้าพื้นที่โปรไฟล์ส่วนตัวของสมาชิกท่านนี้ ดังรูปภาพ




10.หากคุณคิดว่าไอคอนรายการออนไลน์นั้นค่อนข้างซ้ำซ้อน สามารถลบได้

หา
  1. <dt class="ptm pbm bbda">$_G[cache][onlinelist][legend]</dt>
คัดลอกไปที่คลิปบอร์ด

11.เพียงแค่ลบโค้ดนี้ทิ้ง


12.หลังจากปรับเปลี่ยน

  

อ้างอิงที่มาจากกระทู้นี้ (เพียงสลับแบบที่สองขึ้นก่อนแบบที่หนึ่งเท่านั้น)
  1. https://www.dismall.com/thread-2299-1-1.html
คัดลอกไปที่คลิปบอร์ด


ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง

คุณจำเป็นต้อง เข้าสู่ระบบ เพื่อดาวน์โหลดหรือดูไฟล์แนบนี้ คุณยังไม่มีบัญชีใช่ไหม? สมัครสมาชิก

×

15

โพสต์

75

โพสต์

100

เครดิต

สมาชิกทั่วไป

เครดิต
100
โพสต์ 2020-6-18 23:39:40 | ดูโพสต์ทั้งหมด
สุดยอดมากๆๆ ขอบคุณครับ
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง เข้าสู่ระบบ | สมัครสมาชิก

รายละเอียดเครดิต

ข้อความล้วน|อุปกรณ์พกพา|ประวัติการแบน|Discuz.in.th ดิสคัสอินไทย |นโยบายคุกกี้

GMT+7, 2024-3-28 21:58 , Processed in 0.143862 second(s), 19 queries .

Powered by Discuz! X3.5

Copyright © 2001-2024 Tencent Cloud.

ตอบโพสต์ ขึ้นไปด้านบน ไปที่หน้ารายการโพสต์