Group Blog
 
<<
กรกฏาคม 2548
 
 12
3456789
10111213141516
17181920212223
24252627282930
31 
 
21 กรกฏาคม 2548
 
All Blogs
 
และ
Blog tips เก็บ ๆ เค้ามา # 16 ติดตารางครั้งสุดท้ายแล้ว สาบาน...





ติดตารางครั้งที่ 4!!!


คราวที่แล้วว่าด้วยเรื่องตารางไปแล้ว คราวนี้ก็ยังว่าเรื่องตารางต่อครับ สำหรับรอบนี้เป็นการตบแต่งตารางล้วน ๆ ครับ


ว่าด้วยการตบแต่งตาราง




นอกจากคำสั่งที่ได้ว่าไปแล้ว ยังมี tag คำสั่งที่ใช้กับ อีกหลายตัวครับ


การกำหนด border


ที่ยังมีใช้ด้วย ก็เช่น

bordercolor ก็เป็นการระบุสีของขอบตารางครับ แหม blog ที่แล้วผมแอบบอกไว้ว่า ใครทราบคำสั่งการเปลี่ยนขอบสีตารางให้บอกด้วย แต่ว่าไม่มีใครบอกเลย.. เราก็จะระบุสีของขอบตารางได้ตามใจเรา เหมือนกับการใช้สีทั่ว ๆ ไปนั่นล่ะครับ นอกจากระบุสีได้ อาจจะระบุให้มีสีสองสีได้ด้วย เดิมเค้าใช้กรณีที่เราทำขอบตารางใหญ่ ๆ แล้วจะทำเงาให้ คำสั่งจึงเป็น bordercolorlight และ bordercolordark ครับ

bordercolorlight และ bordercolordark จริง ๆ แล้วใช้ในกรณีที่กรอบขนาดใหญ่และทำให้มีเงาครับ โดยด้านซ้ายบนจะสีอ่อน และด้านขวาล่างจะสีเข้มขึ้นครับ แต่ว่า เราสามารถกำหนดเป็นสีอะไรก็ได้ครับ

ตัวอย่าง :

border="10" bordercolor="red">








ช่อง 3 ช่อง 5
ช่อง 7 ช่อง 9

border="10" bordercolorlight="blue"bordercolordark="midnightblue">








ช่อง 3 ช่อง 5
ช่อง 7 ช่อง 9



ผลที่ได้ :

ช่อง 3 ช่อง 5
ช่อง 7 ช่อง 9


ช่อง 3 ช่อง 5
ช่อง 7 ช่อง 9





นอกจากนี้ยังสามารถใช้กับคำสั่ง
ได้ด้วยครับ

ตัวอย่าง :

<tr align="center" bordercolor="white"> ← อันนี้ระบุให้ทั้งแถว (row) นั้นเป็นสีขาวครับ
  
  

<tr align="center" bordercolor="green"> ← อันนี้ระบุให้ทั้งแถว (row) นั้นเป็นสีเขียว
  
  

<tr align="center" bordercolorlight="red"bordercolordark="orange"> ← ลองแบบสองสีสิครับ
  
  


  <tdbordercolor="limegreen" (' ' , ) ← อันนี้ระบุให้ขอบ cell นั้นเป็นสี limegreen
  <tdbordercolor="maroon"> (' ' , ) ← อันนี้ระบุให้ขอบ cell นั้นเป็นสีเลือดหมู

(' ' , ) (' ' , )
(' ' , ) (' ' , )
(' ' , ) (' ' , )


ผลที่ได้ :

(' ' , ) (' ' , )
(' ' , ) (' ' , )
(' ' , ) (' ' , )
(' ' , ) (' ' , )



ไม่ยากเลย ใช่ไหมครับ ตอนนี้ก็สามารถปรับสีของกรอบได้แล้ว

รูปแบบของขอบ ก็มีหลายแบบให้เลือกครับ เราจะใช้คำสั่งในรูปแบบนี้ครับ boder-style: ค่าที่เราต้องการ แต่จะปรับเปลี่ยนได้ต้องอาศัย CSS ครับ ซึ่งเดี๋ยวจะค่อย ๆ มาเล่า (ถ้าเป็นไปได้) ต่อไป ตัวอย่างลองดูเรื่อง กล่อง comment นะครับ ที่เลือกได้ก็มีทั้งเส้นประ ไข่ปลา หนา บาง ร่อง สัน อู๊ยย สารพัดครับ







[สมุดเยี่ยม]






Create Date : 21 กรกฎาคม 2548
Last Update : 2 ธันวาคม 2549 23:41:43 น. 11 comments
Counter : 660 Pageviews.

 
ง่ะๆ .... ทำไม่เป็นอยู่ดี แง๊ว


โดย: ช้อนชาสีน้ำเงิน วันที่: 21 กรกฎาคม 2548 เวลา:11:12:21 น.  

 
อ่ะโห เคยใช้ table เฉยๆ ไม่เคยใช้คำสั่งเซทอะไรขนาดนี้เลย
ขอบคุณครับสำหรับความรู้ใหม่


โดย: zmen วันที่: 21 กรกฎาคม 2548 เวลา:11:31:35 น.  

 
เอ่อ
เพื่อไม่ให้เกิดความเข้าใจผิดนะครับ

แท็ก คือ ชื่อคำสั่งที่กำหนดลักษณะที่ต้องการให้เกิดขึ้น

ส่วนที่ จขบ.บอกว่าเป้นแท็กเนี่ย จริงๆแล้วเขาเรียกว่า แอตทริบิวต์ (Attribute) ครับ เป็นส่วนที่ช่วยเสริมการทำงานของแท็ก คือควบคุมลักษณะต่างๆ ที่ละเอียดลงไป


โดย: Shelling Ford` วันที่: 21 กรกฎาคม 2548 เวลา:12:14:41 น.  

 
ถึงจะทำไม่ได้แต่ก็แวะมาทักทายกันเหมือนเคยค่ะ


โดย: JewNid วันที่: 21 กรกฎาคม 2548 เวลา:12:22:13 น.  

 
ขอบคุณครับคุณ shelling ford

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


โดย: dont wanna no วันที่: 21 กรกฎาคม 2548 เวลา:12:29:01 น.  

 
อ่านแล้วคาดว่าจะทำไม่ได้เหมือนกัน
แต่เข้ามาอ่านเอาความรู้เรื่อยๆ ค่ะ
จขบ.สอนเรื่องอื่นอีกนะคะ
ขอบคุณค้า


โดย: grappa วันที่: 21 กรกฎาคม 2548 เวลา:13:25:23 น.  

 
แหะๆ ของนู๋เน้นบลอกเรียบง่าย ไม่ปรุงแต่งจ้า


โดย: นู๋เองง่ะ วันที่: 21 กรกฎาคม 2548 เวลา:13:51:29 น.  

 
ขอบคุณก๊าบ


โดย: หมาร่านะก๊า IP: 203.155.104.67 วันที่: 21 กรกฎาคม 2548 เวลา:15:02:58 น.  

 
รู้มะจาน ป้ามดมาติดตารางกะจานมาเป็นอาทิตย์แล้ว ตั้งแต่ต้นเลยละ ถึงกับต้อง save หน้าเว็บไปเลยเวลาบล็อกท่านเดี้ยง จนป่านนี้ ป้ามดยังเป็นอิสระอยู่เลย (แปลว่ายังไม่ติดตาราง)
ป้ามดพยายามมากจะสร้างตารางเอาไว้ล้อมกรอบ เนื้อเพลง แต่พออกมาแล้ว มีกรอบจริง แต่ข้อความมันวิ่งไปอยู่นอกกรอบ ดู ตย.นะคะ ตรงไอ้ "โปรดทราบ" น่ะละ
You Don't Know Me
โดนคุณหนุ่มเขาแซวแต่ป้ามดก็อุตส่าห์เก็บไว้เป็นที่ระลึกเพราะเป็นบทเรียนบทแรก

วันนี้จะขอติดตารางดูอีกสักรอบ ขอบคุณจานที่ตั้งใจสอนจริงๆ ป้ามดนี่รักจานมากเลย


โดย: ป้ามด วันที่: 21 กรกฎาคม 2548 เวลา:17:02:47 น.  

 
อ่านแล้วก็ยัง งงๆอยู่นิดหน่อยค่ะ
เดี๋ยวขอลองทำดูก่อน....


โดย: man u girl วันที่: 21 กรกฎาคม 2548 เวลา:17:42:20 น.  

 



ขอบคุณ ค่ะ

หนี่ฯ กำลัง อยากได้
พอดี เลยยย ค่ะ


โดย: หนี่หนีหนี้ วันที่: 21 กรกฎาคม 2548 เวลา:19:33:39 น.  

ชื่อ : * 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.