วิธีปรับแต่งข้อความเนื้อหาถูกซ่อนไว้หน้ากระทู้เป็นรูปภาพ

suttasilo

วิธีปรับแต่งข้อความเนื้อหาถูกซ่อนไว้หน้ากระทู้เป็นรูปภาพ

          อ้างอิงจากกระทู้นี้ของ @Physics แต่งหน้า ซ่อนเนื้อหาง่ายๆ ( ตามสัญญา ) http://www.discuzthai.com/thread-39829-1-1.html แล้วอธิบายเพิ่มเติมในส่วน admin เนื้อหาถูกซ่อนไว้ ให้เปลี่ยนเป็นรูปภาพด้วย ได้ทดลองกับสกินมาตรฐานแล้ว  สำหรับผู้ดูแลระบบ ดังรูปด้านล่างนี้

สกินมาตรฐาน  สำหรับผู้เยี่ยมชม

วิธีทำดังนี้
1.ไปที่โฮสต์ดาวน์โหลดไฟล์นี้เพื่อทำการแก้ไข source/language/forum/ แล้วเปิดไฟล์ lang_templete.php  
2.ค้นหาบรรทัดที่ 245 'post_hide'

1. 'เนื้อหาถูกซ่อนไว้'

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

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

1. '<table width="690" height="200" border="0">
   
2.   <tr>
   
3.     <td><div align="center"><img src="images/jhide.png"> <h1 class="text_hide" style="font-size: 15px;margin-top: -100px; margin-left:195px;padding-bottom: 25px;"></a> </h1> </div> </div></td>
   
4.   </tr>
   
5. </table>',

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

4.ค้นหาบรรทัดที่ 250 'post_hide_reply_hidden' ตรง

1. 'เนื้อหาถูกซ่อนไว้ คุณจะต้อง<a href="forum.php?mod=post&action=reply&fid=$_G[fid]&tid=$_G[tid]" onclick="showWindow(\'reply\', this.href)">แสดงความคิดเห็น</a>ก่อนจึงจะสามารถมองเห็นเนื้อหาส่วนที่ถูกซ่อนนี้ได้',

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

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

1. '<table width="690" height="200" border="0">
   
2.   <tr>
   
3.     <td><div align="center"><img src="images/hidefile.png"> <h1 class="text_hide" style="font-size: 15px;margin-top: -100px; margin-left:195px;padding-bottom: 25px;"><a class="a_hide" href="member.php?mod=logging&action=login">เข้าสู่ระบบ</a> <a class="a_hide" href="forum.php?mod=post&action=reply&fid=$_G[fid]&tid=$_G[tid]">ตอบกระทู้</a> <a class="a_hide" href="member.php?mod=register">สมัครสมาชิก</a> </h1> </div></td>
   
4.   </tr>
   
5. </table>',

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

6.เปิดไฟล์ template/default/common/ แล้วเปิดไฟล์ module.css
ค้าหาบรรทัดที่ 1043  ค้นหา .locked ค้นหา

1. { overflow: hidden; margin: 10px 0; padding: 8px 8px 8px 24px; border: 1px dashed #FF9A9A; background: {WRAPBG} url({IMGDIR}/locked.gif) no-repeat 6px 50%; font-size: 12px; zoom: 1; }
   

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

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

1. {font-size: 0px; float: left; padding-bottom: 30px;}

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

8.ค้นหาโค้ดบรรทัดสุดท้าย

1. /** end **/

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

9.แล้วนำ code นี้ไปใส่ต่อด้านล้างลงมา เพื่อทำให้ ตัวหนังสือ เข้าสู่ระบบ  ตอบกระทู้  สมัครสมาชิก เป็นปุ่มกด

1. .a_hide {
   
2.                 background-color:#f0f0f0;
   
3.                 -moz-border-radius:2px;
   
4.                 -webkit-border-radius:2px;
   
5.                 border-radius:2px;
   
6.                 border:1px solid #a3a3a3;
   
7.                 display:inline-block;
   
8.                 cursor:pointer;
   
9.                 color:#a6a3a6;
   
10.                 font-size:15px;
    
11.                 padding:3px 9px;
    
12.                 text-decoration:none;
    
13.                 text-shadow:0px 1px 0px #ffffff;
    
14.                         }
    
15.         .a_hide:hover {
    
16.                 background-color:#d6d6d6;
    
17.                         }
    
18.         .a_hide:active {
    
19.                 position:relative;
    
20.                 top:1px;
    
21.                         }

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

10.ขั้นตอนสุดท้าย
        กด Save อัพไฟล์ Host ทับไฟล์เดิม แล้วอัพแคช เป็นอันเสร็จครับ
11.ผลลัพธ์ในส่วนของผู้ดูแลระบบจะเห็นดังรูปภาพ

12.ผลลัพธ์ในส่วนของผู้เยี่ยมชมจะเห็นดังรูปภาพ

หมายเหตุ : ลบ ผู้เข้าชม  บรรทัดที่ 199 ไปที่
source/language/forum/ แล้วเปิดไฟล์ lang_templete.php

12.ดาวน์โหลดไฟล์ภาพ 2 ภาพนี้(jhide.png,hidefile.png) อัพโฟลเดอร์ images ไปไว้ที่โฮสต์ public_html


ขอบคุณเครดิตที่มา จากกระทู้นี้ของ @Physics แต่งหน้า ซ่อนเนื้อหาง่ายๆ ( ตามสัญญา ) http://www.discuzthai.com/thread-39829-1-1.html