Group Blog
 
 
มิถุนายน 2548
 
 1234
567891011
12131415161718
19202122232425
2627282930 
 
23 มิถุนายน 2548
 
All Blogs
 

การใช้ภาพมาสร้างเป็นเส้น





การใช้ภาพสร้างเส้น



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

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



คำสั่งที่ใช้คือ




url ของภาพที่เราจะทำให้เส้น" width="จำนวน pixel ที่เราต้องการ หรือเป็น % ของหน้าต่างก็ได้ height="จำนวน pixel ที่เราต้องการ หรือเป็น % ของหน้าต่าง ">



กรณีนี้ก็ใช้ภาพที่เป็นสีพื้นเอาครับ กรณีที่บาง browser มันแสดงสีที่เราต้องการไม่ได้ ก็เอาภาพที่เป็นสีพื้นที่เราต้องการมาทำแบบนี้ล่ะครับ


แต่ถ้าเราต้องการลวดลายวิจิตรพิสดาร ก็อาจจะใช้ bullet ก็อาจจะใส่คำสั่งแทรกภาพไปเท่ากับความกว้างของ bullet ก็ได้ครับ


เอา bullet แบบนี้ มาทำเส้นนะครับ bullet จะมีขนาด 11x11 pixels



ตัวอย่าง :


















ผลที่ได้ :





เอา bullet แบบนี้ ซึ่งมีขนาด 17x17 pixels มาทำเส้นแนวตั้งนะครับ แบบนี้จำเป็นต้องอาศัยการจัดหน้า และ tags คำสั่งเว้นบรรทัด
นิดหน่อยครับ



ตัวอย่าง : (อาจจะดูลายตา แต่คือแทรกภาพไป 20 ภาพนั่นล่ะครับ)

&p align="center">









































ผลที่ได้ :

























ข้อแนะนำ

  1. ถ้าหากกำหนดความกว้างมากกว่าความยาว ก็จะได้เส้นแนวนอน
  2. ถ้าต้องการเส้นแนวตั้ง ก็กำหนดความสูงให้มากกว่าความกว้าง
  3. ถ้าต้องการให้เป็นเส้น ก็กำหนดค่าให้เท่ากับขนาดของภาพไปเลยครับ เช่น กว้าง 2 pixels ยาว 200 pixels ก็ได้เส้นแนวนอน200 pixels มา
  4. ภาพที่นำมาใช้ก็เอา bullet มาใช้ก็ได้ครับ
  5. ประโยชน์ก็คือ เราจะได้เส้นที่สีแปลก หรือจัดจ้าน หรือมี texture และลูกเล่นที่ไม่มีใครเหมือนไงครับ
  6. ไม่ต้องคิดว่า ยาวขนาดนี้ ชั้นไม่ พิมพ์ ซะให้ยากนะครับ เพราะผมก็ copy และ paste เอาครับ ง่ายมาก 5 5 5






[ถามมาก็ตอบไป]  [สมุดเยี่ยม]







 

Create Date : 23 มิถุนายน 2548
17 comments
Last Update : 2 ธันวาคม 2549 23:36:24 น.
Counter : 1752 Pageviews.

 

ขอคาราวะ

 

โดย: 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 น.  

ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
  *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 


dont wanna no
Location :


[ดู Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed

ผู้ติดตามบล็อก : 2 คน [?]








Google all webbloggang



คำเตือน

ขอสงวนสิทธิ์ข้อความและภาพ ตลอดจนชื่อคำขวัญ (slogan) และข้อความ "เที่ยวไปงงไป" ที่ปรากฏทั้งหมดในสื่อคอมพิวเตอร์แห่งนี้ ตามพระราชบัญญัติลิขสิทธิ์ปี พ.ศ. ๒๕๓๙ ห้ามมิให้นำไปดัดแปลง ต่อเติม ทำซ้ำ หรือเผยแพร่และอ้างอิงส่วนหนึ่งส่วนใด หรือทั้งหมดเพื่อการค้าโดยไม่ได้รับอนุญาตเป็นลายลักษณ์อักษร ผู้ละเมิดจะถูกดำเนินคดีตามที่กฏหมายบัญญัติไว้สูงสุด



สิทธิพิเศษสำหรับสมาชิกพันทิป ท่านสามารถนำข้อมูลไปใช้ในการตกแต่ง blog ของท่านได้ด้วยความยินดีมากครับ ตกแต่งเสร็จแล้วมาตามไปดูบ้าง จะยินดีมากขึ้นไปอีก

Friends' blogs
[Add dont wanna no's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.