Hello!!!.. New Friends Come .Some Friends Leave. Hope You keep me into your heart.As i keepyou in mine. I willnever forget you. Promise .
Group Blog
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat

lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
Group Blog
 
<<
พฤศจิกายน 2550
 123
45678910
11121314151617
18192021222324
252627282930 
 
7 พฤศจิกายน 2550
 
All Blogs
 
โคดทำตารางสีแบบที่2

เอาโคดตารางสีแบบที่2มาฝากค่ะ
ฝึกหัดทำบ่อยๆก้จะเก่งไปเองค่ะ..ขอคอบคุณทุกๆคอมเม้น
และเพื่อนๆทุกคนที่เข้ามาชมบล็อคนะคะ...ขอบคุณค่ะ จขบ.




Create Date : 07 พฤศจิกายน 2550
Last Update : 7 พฤศจิกายน 2550 2:27:15 น. 11 comments
Counter : 3285 Pageviews.

 

สวัสดีค่ะเอาโคดตารางสีแบบที่2มาฝาก

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


สังเกตุุที่  <tr>  บันทัดแรก(เรียงในแนวนอน)จะไม่มี  <tr>
แต่ถ้า่เราจะเพิ่มให้มีบันทัดที่2(เรียงแบบในแนวตั้ง)ให้เพิ่ม  <tr> เข้าไปด้วย

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

ส่วน  80%  20%  เปลี่ยนได้ตามต้องการ  ลองเปลี่ยนดูแล้วเอาไปวางที่
"กล่องทดสอบโคด" ดูที่ด้านขวามือ
หือจะทดสอบที่กล่องคอมเม้นก็ได้ค่ะ ก็จะทำให้เข้าใจได้มากขึ้น

ลองทำความเข้าใจกับโคดแบบช้าๆ ไม่ใช่มองแบบผ่านๆ ก็จะทำให้เราเข้าใจได้มากขึ้น

ลองดูตัวอย่างที่ยังไม่ต่อบันทัดที่2 กับตัวอย่างที่ ต่อบันทัดที่2วางโคดยังไงก็แล้วกัน
อธิบายมะเก่ง เพราะ จขบ.มะได้เรียนมาค่ะ ดูตัวอย่างแล้วกันนะคะ



โดย: lozocat วันที่: 7 พฤศจิกายน 2550 เวลา:2:27:59 น.  

 

ตัวเอย่างที่1
<table border="0" width="80%" align="center"><tbody><tr><td align="center" valign="middle" style="width: 20%; background-color: #a8d0e8"></td><td align="center" valign="middle" style="width: 20%">#A8D0E8</td><td align="center" valign="middle" style="width: 20%; background-color: #98ccd0"></td><td align="center" valign="middle" style="width: 20%">#98CCD0</td></tr></tbody></table>

ตัวเอย่างที่2
<table border="0" width="80%" align="center"><tbody><tr><td align="center" valign="middle" style="width: 20%; background-color: #a8d0e8"></td><td align="center" valign="middle" style="width: 20%">#A8D0E8</td><td align="center" valign="middle" style="width: 20%; background-color: #98ccd0"></td><td align="center" valign="middle" style="width: 20%">#98CCD0</td></tr><tr><td align="center" valign="middle" style="background-color: #f8b4b8"></td><td align="center" valign="middle">#F8B4B8</td><td align="center" valign="middle" style="background-color: #8098b8"></td><td align="center" valign="middle">#8098B8</td></tr></tbody></table>


โดย: lozocat วันที่: 7 พฤศจิกายน 2550 เวลา:2:38:20 น.  

 
ลองต่อบันทัดที่3แล้วจะวางที่กล่องคอมเม้นเพื่อทดสอบโคดก็ได้ค่ะ


#A8D0E8#98CCD0
#F8B4B8#8098B8
#C8A8B0#D8BFD8


โดย: lozocat วันที่: 7 พฤศจิกายน 2550 เวลา:2:39:18 น.  

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


โดย: ป้ากล้วย (Kluaytub ) วันที่: 7 พฤศจิกายน 2550 เวลา:2:42:05 น.  

 
ขอบใจนะจ๊ะน้องรัก
จะลองเอาไปทำดูจ่ะ


โดย: เจ่เจ๊ (oranuch_sri ) วันที่: 7 พฤศจิกายน 2550 เวลา:5:37:57 น.  

 
อรุณสวัสดิ์ยามเช้าค่ะ
หายหน้าห่างคุณเลยค่ะ

มีความสุขมากๆๆนะค่ะ



โดย: catt.&.cattleya.. วันที่: 7 พฤศจิกายน 2550 เวลา:6:51:45 น.  

 
ขอบคุณค่ะที่แวะไปเยี่ยม คุณแคทพอจะทราบโค๊ดที่เอาเมาท์ทาบรูปแล้วรูปจะเปลี่ยนไปเป็นอีกรูปไหมค่ะ เราหามาหลายวันแล้ว ยังไม่เจอเลย


โดย: tuktikmatt วันที่: 7 พฤศจิกายน 2550 เวลา:14:54:31 น.  

 
เข้ามาบอกคุณแคทว่าทำเสร็จแล้วหนึ่งหน้าค่ะ

สมัครเป้นลูกศิษย์คุณแคทเลยแล้วกันนะคะ

ขอบคุณที่อาจารย์รับข้าน้อยเป็นศิษย์


โดย: Kluaytub วันที่: 7 พฤศจิกายน 2550 เวลา:17:16:26 น.  

 




โดย: doctorbird วันที่: 7 พฤศจิกายน 2550 เวลา:21:56:43 น.  

 
#A8D0E8#98CCD0
#F8B4B8#8098B8




โดย: tar (tar@psycho ) วันที่: 28 ธันวาคม 2550 เวลา:16:19:46 น.  

 
#A8D0E8#98CCD0
#F8B4B8#8098B8


โดย: jena_naam วันที่: 7 พฤศจิกายน 2552 เวลา:23:14:36 น.  

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

lozocat
Location :


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

ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 13 คน [?]




Friends' blogs
[Add lozocat's blog to your web]
Links
 

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