[X3.3] การเพิ่มรูปและข้อความในกล่อง Login

WindzTrumpet

จากกระทู้ เพิ่มรูปในกล่อง Login Discuz

http://www.discuzthai.com/thread-33482-1-1.html

เนื่องจากว่าผมได้ลองวิธีการของคุณ k2757 ซึ่งเป้นของเวอร์ชั่น X1.5 และโค้ดของมันไม่ตรงกับ X3.3
ผมจึงได้ลองนำโค้ดของคุณ k2757 มาทำใหม่ให้เข้ากับ X3.3

ตัวอย่าง

โดยที่เมื่อเรากรอกข้อมูลลงไปข้อความข้างหลังก็จะหายไป

◄วิธีทำ►
เปิดไฟล์

template\default\member\login_simple.htm

และค้นหาโค้ด

1. <input type="text" name="username" id="ls_username" autocomplete="off" class="px vm" tabindex="901" />

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

แทนที่ด้วย

1. <input type="text" name="username" id="ls_username" autocomplete="off" class="px vm" placeholder="Username | Email" style="background:url('static/image/common/username.png') no-repeat; background-position:2px 3px; background-color:#FFF; padding-left:20px;" tabindex="901" />

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

จากนั้นค้นหาโค้ด

1. <input type="text" name="username" id="ls_username" class="px vm xg1" {if $_G['setting']['autoidselect']} value="{if getglobal('setting/uidlogin')}UID/{/if}{lang username}/Email" onfocus="if(this.value == '{if getglobal('setting/uidlogin')}UID/{/if}{lang username}/Email'){this.value = '';this.className = 'px vm';}" onblur="if(this.value == ''){this.value = '{if getglobal('setting/uidlogin')}UID/{/if}{lang username}/Email';this.className = 'px vm xg1';}"{/if} tabindex="901" />

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

แทนที่ด้วย

1. <input type="text" name="username" id="ls_username" class="px vm xg1" {if $_G['setting']['autoidselect']} value="{if getglobal('setting/uidlogin')}UID/{/if}{lang username}/Email" onfocus="if(this.value == '{if getglobal('setting/uidlogin')}UID/{/if}{lang username}/Email'){this.value = '';this.className = 'px vm';}" onblur="if(this.value == ''){this.value = '{if getglobal('setting/uidlogin')}UID/{/if}{lang username}/Email';this.className = 'px vm xg1';}"{/if} tabindex="901" style="background:url('static/image/common/username.png') no-repeat; background-position:2px 3px; background-color:#FFF; padding-left:20px;" />

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

ค้นหาโค้ด

1. <input type="password" name="password" id="ls_password" class="px vm" autocomplete="off" tabindex="902" />

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

แทนที่ด้วย

1. <input type="password" name="password" id="ls_password" class="px vm" placeholder="Password" style="background:url('static/image/common/password.png') no-repeat; background-position:2px 3px; background-color:#FFF; padding-left:20px; autocomplete="off" tabindex="902" />

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

นำ 2 รูปที่อยู่ในไฟล์ด้านล่างไปใส่ใน

/static/image/common

ส่วนคนที่ต้องการแค่รูปให้ลบโค้ดสองโค้ดนี้ออกไปหรือต้องการแค่ข้อความไม่เอารูปภาพก็เพิ่มโค้ดสองโค้ดนี้ลงไป

1. placeholder="Username | Email"
   
2. placeholder="Password"

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

เท่านี้ก็เสร็จเรียบร้อยแล้วครับ

ไครมีปัญหาอะไรหรือเจอบัคก็คอมเม้นไว้ด้านล่างนะครับ

สำหรับคนที่ไม่เก่งด้านโค้ดสามารถโหลดได้ที่ด้านล่าง
◥For Discuz X3.3 Only◤




ถ้าชอบก็ช่วยกันบวกคะแนนคนละนิดคนละหน่อยเนอะ ^^

jaideejung007

ย่อหน้าสุดท้าย ไม่อนุญาตให้ประชาสัมพันธ์เว็บไซต์ครับ

เรามีห้องจัดเตรียมไว้แล้ว ขอความร่วมมือโพสต์ที่ห้องดังกล่าวด้วยครับ

แจ้งเพื่อทราบและขอให้ปฏิบัติตามครับ

WindzTrumpet

โอเคครับ เดี๋ยววันนี้ผมถึงบ้านแล้วจะแก้ไขให้ครับ พอดีตอนนี้ใช้โทรศัพท์อยู่ ขออภัยด้วยครับ