การนำรูปมาทำปุ่มกดทำไงเหรอค่ะ

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

ukajung
PHP Newbie
PHP Newbie
Posts: 4
Joined: 17/05/2009 3:45 pm

การนำรูปมาทำปุ่มกดทำไงเหรอค่ะ

Post by ukajung »

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

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 24466
Joined: 22/09/2008 6:18 pm
Contact:

Re: การนำรูปมาทำปุ่มกดทำไงเหรอค่ะ

Post by mindphp »

ย้ายมาหมวด html CSS ให้แล้วครับ
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042

User avatar
tissana
PHP Sr. Member
PHP Sr. Member
Posts: 84
Joined: 01/01/1970 7:00 am
Contact:

Re: การนำรูปมาทำปุ่มกดทำไงเหรอค่ะ

Post by tissana »

จะว่าทำไม่ได้ก็ไม่เชิงครับ หากว่าไม่พอใจในรูปแบบปุ่มกดของ dream เท่าที่ผมเคยทำ ก็จะใช้พวก photoshop หรือว่ illus ทำเป็นรูปปุ่มกดก่อนก็ได้ครับ ก็สามารถจะใช้รูปที่เรามีอยู่ในเครื่อง ส่วนขนาดนั้นก็จะต้องดูด้วยครับอย่าให้ใหญ่จนน่าเกลียด เพราะปุ่มกดตกลง หรือ submit ปรกติก็จะเป็นปุ่มเล็กๆอยู่แล้ว

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 24466
Joined: 22/09/2008 6:18 pm
Contact:

Re: การนำรูปมาทำปุ่มกดทำไงเหรอค่ะ

Post by mindphp »

ทำได้ สอง แบบครับ
1. ระบุ input type เป็น image
2. ใส่เป็นรูป ธรรมดา แล้วใช้ event เรียกให้ javascript submit ให้

Code: Select all

<form action="" method="get">
<input type="text" name="text">
<input type="image" src="images/submit.jpg" value="Submit" alt="Submit">
</form>
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042

Post Reply

Return to “HTML CSS”

Who is online

Users browsing this forum: No registered users and 3 guests