วันพุธ ที่ 16 เมษายน 2551
เทรนด์ใหม่...ไร้รอย (ถ้าอยากรู้...ต้องคลิ๊ก)
Posted by
Nozz
,
ผู้อ่าน : 1637
, 08:58:02 น.
| หมวดหมู่ :
ไดอารี่
พิมพ์หน้านี้
|
วิวัฒนาการใหม่ ไร้รอยเส้นตรง บางเฉียบ เพียง 0 px กรอกได้ไม่จำกัด(เหมือนทุกครั้ง) (โฆษณามากไปป่าวเนี้ย) ผมจะมาแนะนำของเล่นชิ้นใหม่ให้ชาว Oknation ได้มาลองทำกันนะครับ หลังจากที่ผมได้ทดสอบมาหลายครั้ง ในการศึกษา Code ต่างๆ กว่าจะได้เป็นเรื่องนี้ขึ้นมา เพื่อเผยแพร่ ให้แก่คนที่ไม่รู้ และคนที่กำลังจะค้นหาสิ่งใหม่ๆตลอดเวลา เป็นครั้งแรกที่ผมได้ลองทำ และบังเอิญได้เจอหนูทดลองที่มาเม้นท์เป็นคนแรกก็คือ พี่เจเจ นี่เอง
 วิธีแก้ ให้กรอบที่กรอกเม้นท์(แสดงความคิดเห็น) ให้ไร้รอย ทำยังไง มีดังนี้ พอเราเข้าไป Login แล้วเลือกบ้านที่จะเขียนหรือแก้ จากนั้น ไปที่ Template ให้เราหาคำว่า #submit_comment ถ้าค้นหาไม่สะดวก ให้ใช้เครื่องมือ *Edit -> Find in this Page หรือ ให้ใช้ทางลัด เช่น กด ctrl ค้างไว้ แล้วกด f แล้วเราค้นหาคำนี้ #submit_comment แล้วเราจะได้สามารถแก้ไขได้ง่ายขึ้น *ใช้ได้เฉพาะ เบราเซอร์ Firefox เท่านั้นครับ ตัวอย่าง CSS นะครับ #submit_comment{ width:342px; height:166px; background: url(http://ปุ่มคอมเม้นท์) no-repeat; border:0px; }textarea{width:420;height:377;background:transparent;border:0px;color="blue"; font-family : tahoma; font-size:12pt; } แก้เสร็จแล้วให้ไปที่บันทึก แล้ว REFRESH ที่บ้านของตัวเอง แล้วดูผลงาน
transparent เป็นภาพโปร่งใส ไม่มีอะไรเลย border:0px = ความลึก-หนาของขอบต้องเป็น 0 มันจะได้เรียบเนียน ไม่มีเส้นขอบ มีภาพตัวอย่างให้ชมกันนะครับ(ของจริงเปลี่ยน Background แล้วครับ ทั้ง 2 ตัวอย่าง)

ส่วนถ้าใครไม่ชอบไร้รอย เราสามารถเปลี่ยนตัวเลขความลึกโดยต้องเติม(-)หนา(ไม่จำเป็นต้องมี -) ที่เราต้องการได้ เช่น #submit_comment{ width:342px; height:166px; background: url(http://ปุ่มคอมเม้นท์) no-repeat; border:x px; }textarea{width:420;height:377;background:transparent;border:-1px;color="blue"; font-family : tahoma; font-size:12pt; } -1px = ทำให้กรอบกรอกคอมเม้นท์ลึกอีก -1 หรือ เราสามารถเปลี่ยนตัวเลขได้ตามต้องการ แก้เสร็จแล้วให้ไปที่บันทึก แล้ว REFRESH ที่บ้านของตัวเอง แล้วดูผลงาน(อีกครั้ง) มีตัวอย่างให้ชม(อีกแล่ะ)
 เห็นมั้ย...ง่ายๆ แค่เปลี่ยน ให้มันเนียนกว่า ใครทำไม่ได้ยังงัย มาส่งที่จดหมายน้อย(หลังไมค์)คลิ๊กเล้ยที่รูปจดหมาย  หรือผ่านทางคอมเม้นท์ได้เลยนะครับ ป.ล. ทดลองได้เลยนะครับ ถ้าบ้านพัง ปรึกษาได้ ทางบ้านฯจะไม่รับผิดชอบต่อกรณีใดๆทั้งสิ้น(อันนี้...อย่าคิดมาก)
|