Discuz Thai

 ลืมรหัสผ่าน
 สมัครสมาชิก

ข้อตกลงการใช้งานกระดานข่าวดิสคัสไทย DiscuzThai Agreement (English Version) ประกาศดิสคัสไทย - ทำเนียบดิสคัสภาษาไทย

Discuz! X3.5 Thai R20231001 Rev.8 (NEW) [วิดีโอช่วยสอน] อัปเกรด Discuz! X3.4 เป็น X3.5 Discord ของ Discuz! Thai Community อย่างเป็นทางการ

Discuz! X3.4 Thai R20220811 (REV.75) สิ้นสุดการสนับสนุน Discuz! X3.4 ภาษาไทยตั้งแต่วันนี้เป็นต้นไป (ขอแนะนำให้อัปเกรดเป็น X3.5 แทน)

ค้นหา
แท็กยอดนิยม: ดิสคัสภาษาไทย Discuz Thai
ดู: 1464|ตอบกลับ: 2

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

[คัดลอกลิงก์]
WindzTrumpet โพสต์ 2017-2-17 01:30:24 |โหมดอ่าน
แก้ไขครั้งสุดท้ายโดย WindzTrumpet เมื่อ 2017-2-17 23:24

จากกระทู้ เพิ่มรูปในกล่อง 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◤




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

ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง

คุณจำเป็นต้อง ลงชื่อเข้าใช้ เพื่อดาวน์โหลดหรือดูไฟล์แนบนี้ คุณยังไม่มีบัญชีใช่ไหม? สมัครสมาชิก

x
jaideejung007 โพสต์ 2017-2-17 11:50:38
ย่อหน้าสุดท้าย ไม่อนุญาตให้ประชาสัมพันธ์เว็บไซต์ครับ

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

แจ้งเพื่อทราบและขอให้ปฏิบัติตามครับ
 เจ้าของ| WindzTrumpet โพสต์ 2017-2-17 12:42:02 จากอุปกรณ์พกพา
โอเคครับ เดี๋ยววันนี้ผมถึงบ้านแล้วจะแก้ไขให้ครับ พอดีตอนนี้ใช้โทรศัพท์อยู่ ขออภัยด้วยครับ
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | สมัครสมาชิก

รายละเอียดเครดิต

รายชื่อผู้กระทำผิด|Archiver|ดิสคัส ไทย Follow us: Become a fan on facebook. Follow us on Twitter.

GMT+7, 2024-3-29 18:25

Powered by Discuz! X3.4, Rev.66

Copyright © 2001-2021 Tencent Cloud. Licensed

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้