โคดทำตารางสีแบบที่2 เอาโคดตารางสีแบบที่2มาฝากค่ะ ฝึกหัดทำบ่อยๆก้จะเก่งไปเองค่ะ..ขอคอบคุณทุกๆคอมเม้น และเพื่อนๆทุกคนที่เข้ามาชมบล็อคนะคะ...ขอบคุณค่ะ จขบ.   Create Date : 07 พฤศจิกายน 2550 11 comments Last Update : 7 พฤศจิกายน 2550 2:27:15 น. Counter : 3505 Pageviews. Share Tweet

สวัสดีค่ะเอาโคดตารางสีแบบที่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 น.