suttasilo โพสต์ 2016-5-16 18:25:28

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

แก้ไขครั้งสุดท้ายโดย suttasilo เมื่อ 2018-4-18 14:56

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

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

http://www.pptflower.com/data/attachment/forum/201603/24/074412g470r7ov5b7hz6zf.jpg

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



วิธีทำดังนี้
1.ไปที่โฮสต์ดาวน์โหลดไฟล์นี้เพื่อทำการแก้ไข source/language/forum/ แล้วเปิดไฟล์ lang_templete.php
2.ค้นหาบรรทัดที่ 245 'post_hide'
'เนื้อหาถูกซ่อนไว้',3.แทนที่ด้วยโค้ด
'<table width="690" height="200" border="0">
<tr>
    <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>
</tr>
</table>',
5.ค้นหาบรรทัดที่ 250 'post_hide_reply_hidden' ตรง
'เนื้อหาถูกซ่อนไว้ คุณจะต้อง<a href="forum.php?mod=post&action=reply&fid=$_G&tid=$_G" onclick="showWindow(\'reply\', this.href)">แสดงความคิดเห็น</a>ก่อนจึงจะสามารถมองเห็นเนื้อหาส่วนที่ถูกซ่อนนี้ได้',6.แทนที่ด้วยโค้ด
'<table width="690" height="200" border="0">
<tr>
    <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&tid=$_G">ตอบกระทู้</a> <a class="a_hide" href="member.php?mod=register">สมัครสมาชิก</a> </h1> </div></td>
</tr>
</table>',7.เปิดไฟล์ template/default/common/ แล้วเปิดไฟล์ module.css
ค้าหาบรรทัดที่ 1043ค้นหา .locked ค้นหา
{ 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; }แทนที่ด้วยแทนที่ด้วยโค้ด
{font-size: 0px; float: left; padding-bottom: 30px;}8.ค้นหาโค้ดบรรทัดสุดท้าย
/** end **/9.แล้วนำ code นี้ไปใส่ต่อด้านล้างลงมา เพื่อทำให้ ตัวหนังสือ เข้าสู่ระบบตอบกระทู้สมัครสมาชิก เป็นปุ่มกด
.a_hide {
                background-color:#f0f0f0;
                -moz-border-radius:2px;
                -webkit-border-radius:2px;
                border-radius:2px;
                border:1px solid #a3a3a3;
                display:inline-block;
                cursor:pointer;
                color:#a6a3a6;
                font-size:15px;
                padding:3px 9px;
                text-decoration:none;
                text-shadow:0px 1px 0px #ffffff;
                        }
      .a_hide:hover {
                background-color:#d6d6d6;
                        }
      .a_hide:active {
                position:relative;
                top:1px;
                        }10.ขั้นตอนสุดท้าย
      กด Save อัพไฟล์ Host ทับไฟล์เดิม แล้วอัพแคช เป็นอันเสร็จครับ

11.ผลลัพธ์ในส่วนของผู้ดูแลระบบจะเห็นดังรูปภาพ

http://www.pptflower.com/data/attachment/forum/201603/24/074338y1r61rf3h3hz6sar.jpg
12.ผลลัพธ์ในส่วนของผู้เยี่ยมชมจะเห็นดังรูปภาพ

http://www.pptflower.com/data/attachment/forum/201603/24/074337ioht9pcf98npa384.jpg

หมายเหตุ : ลบ ผู้เข้าชมบรรทัดที่ 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




LagSeeN โพสต์ 2016-7-3 19:31:13

ขอบคุณครับผม
หน้า: [1]
ดูในรูปแบบกติ: วิธีปรับแต่งข้อความเนื้อหาถูกซ่อนไว้หน้ากระทู้เป็นรูปภาพ