[X3.3] การเพิ่มรูปและข้อความในกล่อง Login
แก้ไขครั้งสุดท้ายโดย WindzTrumpet เมื่อ 2017-2-17 23:24จากกระทู้ เพิ่มรูปในกล่อง Login Discuzhttp://www.discuzthai.com/thread-33482-1-1.html
เนื่องจากว่าผมได้ลองวิธีการของคุณ k2757 ซึ่งเป้นของเวอร์ชั่น X1.5 และโค้ดของมันไม่ตรงกับ X3.3
ผมจึงได้ลองนำโค้ดของคุณ k2757 มาทำใหม่ให้เข้ากับ X3.3
ตัวอย่าง
โดยที่เมื่อเรากรอกข้อมูลลงไปข้อความข้างหลังก็จะหายไป
◄วิธีทำ►
เปิดไฟล์
template\default\member\login_simple.htmและค้นหาโค้ด
<input type="text" name="username" id="ls_username" autocomplete="off" class="px vm" tabindex="901" />แทนที่ด้วย
<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" />จากนั้นค้นหาโค้ด
<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" />แทนที่ด้วย
<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;" />ค้นหาโค้ด<input type="password" name="password" id="ls_password" class="px vm" autocomplete="off" tabindex="902" />แทนที่ด้วย
<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
ส่วนคนที่ต้องการแค่รูปให้ลบโค้ดสองโค้ดนี้ออกไปหรือต้องการแค่ข้อความไม่เอารูปภาพก็เพิ่มโค้ดสองโค้ดนี้ลงไป
placeholder="Username | Email"
placeholder="Password"
เท่านี้ก็เสร็จเรียบร้อยแล้วครับ
ไครมีปัญหาอะไรหรือเจอบัคก็คอมเม้นไว้ด้านล่างนะครับ
สำหรับคนที่ไม่เก่งด้านโค้ดสามารถโหลดได้ที่ด้านล่าง
◥For Discuz X3.3 Only◤
ถ้าชอบก็ช่วยกันบวกคะแนนคนละนิดคนละหน่อยเนอะ ^^
ย่อหน้าสุดท้าย ไม่อนุญาตให้ประชาสัมพันธ์เว็บไซต์ครับ
เรามีห้องจัดเตรียมไว้แล้ว ขอความร่วมมือโพสต์ที่ห้องดังกล่าวด้วยครับ
แจ้งเพื่อทราบและขอให้ปฏิบัติตามครับ โอเคครับ เดี๋ยววันนี้ผมถึงบ้านแล้วจะแก้ไขให้ครับ พอดีตอนนี้ใช้โทรศัพท์อยู่ ขออภัยด้วยครับ
หน้า:
[1]