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