การใช้ภาพมาสร้างเป็นเส้น การใช้ภาพสร้างเส้น เวลาเราต้องการจะจบความในหัวข้อเรา อาจจะจัดเป็นเส้นด้วยคำสั่ง เพื่อสร้างเส้น จำได้ใช่ไหมครับ ถ้าจำไม่ได้ ลองกับไปอ่านเรื่องที่ผมเคยเขียนเกี่ยวกับ การสร้างเส้นด้วยคำสั่ง ไว้นะครับ แต่หากเราต้องการสร้างเส้นที่มีลูกเล่นมากกว่าสีพื้น ๆ แบบนั้น เราอาจจะใช้ภาพขนาดเล็ก ๆ ไม่กี่ pixel มาทำให้เกิดเป็นเส้นได้ ด้วยการใช้คำสั่งเดิม ๆ ของเราครับ คือ การแทรกภาพแต่ว่าเราจะระบุ ความกว้าง (width) และ ความสูงหรือความยาว (height) ลงไปด้วย คำสั่งที่ใช้คือ url ของภาพที่เราจะทำให้เส้น" width="จำนวน pixel ที่เราต้องการ หรือเป็น % ของหน้าต่างก็ได้ height="จำนวน pixel ที่เราต้องการ หรือเป็น % ของหน้าต่าง "> กรณีนี้ก็ใช้ภาพที่เป็นสีพื้นเอาครับ กรณีที่บาง browser มันแสดงสีที่เราต้องการไม่ได้ ก็เอาภาพที่เป็นสีพื้นที่เราต้องการมาทำแบบนี้ล่ะครับ แต่ถ้าเราต้องการลวดลายวิจิตรพิสดาร ก็อาจจะใช้ bullet ก็อาจจะใส่คำสั่งแทรกภาพไปเท่ากับความกว้างของ bullet ก็ได้ครับ เอา bullet แบบนี้ มาทำเส้นนะครับ bullet จะมีขนาด 11x11 pixels ตัวอย่าง : ผลที่ได้ : เอา bullet แบบนี้ ซึ่งมีขนาด 17x17 pixels มาทำเส้นแนวตั้งนะครับ แบบนี้จำเป็นต้องอาศัยการจัดหน้า และ tags คำสั่งเว้นบรรทัด นิดหน่อยครับ ตัวอย่าง : (อาจจะดูลายตา แต่คือแทรกภาพไป 20 ภาพนั่นล่ะครับ) &p align="center"> ผลที่ได้ : ข้อแนะนำ ถ้าหากกำหนดความกว้างมากกว่าความยาว ก็จะได้เส้นแนวนอน ถ้าต้องการเส้นแนวตั้ง ก็กำหนดความสูงให้มากกว่าความกว้าง ถ้าต้องการให้เป็นเส้น ก็กำหนดค่าให้เท่ากับขนาดของภาพไปเลยครับ เช่น กว้าง 2 pixels ยาว 200 pixels ก็ได้เส้นแนวนอน200 pixels มา ภาพที่นำมาใช้ก็เอา bullet มาใช้ก็ได้ครับ ประโยชน์ก็คือ เราจะได้เส้นที่สีแปลก หรือจัดจ้าน หรือมี texture และลูกเล่นที่ไม่มีใครเหมือนไงครับ ไม่ต้องคิดว่า ยาวขนาดนี้ ชั้นไม่ พิมพ์ ซะให้ยากนะครับ เพราะผมก็ copy และ paste เอาครับ ง่ายมาก 5 5 5 [ถามมาก็ตอบไป]  [สมุดเยี่ยม]   Create Date : 23 มิถุนายน 2548 17 comments Last Update : 2 ธันวาคม 2549 23:36:24 น. Counter : 2955 Pageviews. Share Tweet

ขอคาราวะ   โดย: Angel Tanya 23 มิถุนายน 2548 0:37:55 น.

ขอคาวาระ...   โดย: Nutty Professor 23 มิถุนายน 2548 0:46:01 น.

คาราวะด้วย   โดย: แบ่งปัญญ์ 23 มิถุนายน 2548 0:51:18 น.

โดย: zaesun 23 มิถุนายน 2548 2:50:02 น.

ขอบคุณค๊าบบบ   โดย: แม่สาย 23 มิถุนายน 2548 2:50:44 น.

ขอบคุณค่า ^^ ...   โดย: ขอบคุณที่รักกัน (blueberry_cpie ) 23 มิถุนายน 2548 7:09:18 น.

เยี่ยมเลยค่ะ   โดย: ยัยแก้มบุ๋ม : ) 23 มิถุนายน 2548 8:24:29 น.

ตามมาดูอีกแล้ว ค่ะ..   โดย: ไม่รักไม่มา ...Naka 23 มิถุนายน 2548 14:22:59 น.

เห็นท่านอื่นขอคารวะ งั้นผมขอคารบาวแล้วกัน (ขำมั้ยเนี่ย) ดูคำสั่งแล้วตาลายเลยครับ เก็บเข้าคลังความรู้ละกัน อิอิ   โดย: Mint@da{-"-} 23 มิถุนายน 2548 20:38:36 น.

วันนี้นั่งเรียนตรงนี้ค่ะ   โดย: ป้ามด 22 กรกฎาคม 2548 10:50:20 น.

งึม ๆ ถ้าใช้ table fix ขนาดความสูงแล้วกำหนดพื้นหลังเป็นรูป จะง่ายกว่าครับ : )   โดย: ยาจก IP: 202.44.135.34 29 กรกฎาคม 2548 0:57:33 น.

จริงครับ เห็นด้วย ขอบคุณมาก   โดย: dont wanna no 2 สิงหาคม 2548 18:55:17 น.

แวะมาเยี่ยมเจ้าค่ะ บ้านนี้มีของแจกเสมอๆเลยนะคะ ดีจังค่ะ   โดย: ป้าแจ๋วแหวว 6 ตุลาคม 2548 21:06:38 น.

ได้ความรู้ไปใส่กระโหลกอีกเยอะเลย ครับ   โดย: พี่ป๊อด (พี่ป๊อด ) 20 ตุลาคม 2549 0:24:12 น.

ได้ง่ะความรู้ .. ได้จริงๆ แต่ทำไมทำไม่ได้อ้ะ .. รบกวนมาช่วย .. ให้ปรึกษาด้วยค๊าบบบบ   โดย: มะเทะ (pass&Forward ) 1 พฤศจิกายน 2549 14:58:18 น.

ง่ะ.. ได้แล้ว .. แตj bLackGounD ยังไม่ได้ง่ะ .. ยังจะขอบรบกวนต่อเนาะ   โดย: มะเทะ (pass&Forward ) 1 พฤศจิกายน 2549 15:00:36 น.

แวะมาเก็บไปลองทำค่ะ ขอคารวะ 1 ครั้ง   โดย: Jikkyjang 18 มิถุนายน 2550 10:51:43 น.