Graphic Design Community HardcoreGraphic

ผู้เขียน หัวข้อ: เปลี่ยน GUI ต่างๆ ให้สวยๆ ยังไงได้บ้างครับ  (อ่าน 3075 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

Art_of_Life

  • บุคคลทั่วไป
พวก dropdownlist  textfield ...

อย่าง textfield  ตอนนี้ผมใช้วิธีทำรูปแบบ background แล้วกำหนดให้ border:none

แต่เวลาผมคลิกเพื่อที่จะพิมข้อความ แล้วมีมันเส้นสีขอบขึ้นมา ถ้าไม่ต้องการจะเอาออกยังไงได้บ้างครับ

ขอบคุณครับ

ออฟไลน์ รปภ.

  • Administrator
  • Level 12
  • *****
  • กระทู้: 1230
  • Like 39
  • เพศ: ชาย
  • หาเลวที่ตัวเรา ไม่ต้องหาเลวที่คนอื่น
    • ดูรายละเอียด
    • HardcoreGraphic
Re: เปลี่ยน GUI ต่างๆ ให้สวยๆ ยังไงได้บ้างครับ
« ตอบกลับ #1 เมื่อ: กรกฎาคม 24, 2012, 08:34:52 PM »
ใส่ css กำกับมันก็ไม่มีเส้นขอบที่ว่าแล้วนะครับ ยกตัวอย่างเช่น


.a1 {
   border: 2px dashed #FFFFFF;
   width: 200px;
}

หรือ

.a2 {
   background-color : #CCCCCC;
   border: 1px solid #0066FF;
   width: 200px;
}
*สมาชิกที่ไม่ได้ Login และโพสท์กระทู้ในบอร์ดประมาณ 2 ปี+ อาจถูกลบออกจากการเป็นสมาชิก ท่านจะต้องสมัครใหม่

*ไฟล์ลิขสิทธิ์ 150+ Vintage Logos และ Photo Mock-Ups ราคา 16 เหรียญ

Art_of_Life

  • บุคคลทั่วไป
Re: เปลี่ยน GUI ต่างๆ ให้สวยๆ ยังไงได้บ้างครับ
« ตอบกลับ #2 เมื่อ: กรกฎาคม 24, 2012, 10:42:34 PM »


แบบ google พอคลิกให้มันขึ้น | กระพริบๆ เพื่อจะพิม keyword มันจะขึ้นเส้นขอบสีน้ำเงินอ่ะครับ


เพราะผมทำ background เป็นรูปกรอบสำหรับ textfield แล้ว เลยอยากกำหนดให้มันไม่มีขอบ

หรือว่ามีวิธีอื่นทีดี่กว่านี้รึป่าวครับ ^^'

แบบนี้อ่ะคับ พอคลิกแล้วมันมีเส้นสีเหลือง ตรงกรอบ


---------------------------------------------------


แล้วอย่าง GUI ตัวอื่นๆถ้าจะเปลี่ยนให้มันสวยงาม มีวิธียังไงบ้างครับ แบบบาง website ตัวลูกศร dropdown
ก็เป็นเหมือนรูปที่ทำเอง อะไรทำนองนี้อ่ะครับ


ขอบคุณครับ  :-*



ออฟไลน์ รปภ.

  • Administrator
  • Level 12
  • *****
  • กระทู้: 1230
  • Like 39
  • เพศ: ชาย
  • หาเลวที่ตัวเรา ไม่ต้องหาเลวที่คนอื่น
    • ดูรายละเอียด
    • HardcoreGraphic
Re: เปลี่ยน GUI ต่างๆ ให้สวยๆ ยังไงได้บ้างครับ
« ตอบกลับ #3 เมื่อ: กรกฎาคม 25, 2012, 01:06:37 PM »
ลักษณะตามตัวอย่าง พื้นหลังคุณเป็นสีขาว ให้กำหนด border เพิ่มเข้าไปครับ
เพิ่มตัวนี้เข้าไปใน CSS

border: 0px none #FFF;
*สมาชิกที่ไม่ได้ Login และโพสท์กระทู้ในบอร์ดประมาณ 2 ปี+ อาจถูกลบออกจากการเป็นสมาชิก ท่านจะต้องสมัครใหม่

*ไฟล์ลิขสิทธิ์ 150+ Vintage Logos และ Photo Mock-Ups ราคา 16 เหรียญ

ออฟไลน์ beetofent

  • เด็กใหม่
  • *
  • กระทู้: 37
  • Like 2
    • ดูรายละเอียด
Re: เปลี่ยน GUI ต่างๆ ให้สวยๆ ยังไงได้บ้างครับ
« ตอบกลับ #4 เมื่อ: กรกฎาคม 31, 2012, 12:47:33 PM »
ลองใช้ javascript หรือพวก jquery ดูสิครับ มากมายจริงๆ  ;)
เอาแล้ว~~

 

©HardcoreGraphic.com All rights reserved