•°¤* โคดทำตารางสีไว้ใช้เองในบล็อค ชุดที่ 3°¤*

 ทำตารางโคดสีแบบง่ายๆด้วยตังคุณเอง
 
Cool    Cool    Cool   Cool   Cool   Cool   Cool  Cool


#990000#CCCC66#F1F1D4#D52315#EFD3E7#FFFFFF#FBB601
#82A9D0#679EC9#9C9284#E6E6CC#C1DAD6#6699CC#FF9900
#B69521#FFF4CB#FFF0BA#FF542E#669900#656E75#E6E7E8
#55676A#6C7A7D#EEC015#177F75#21B6A8#7F1769#FFCBF4
#9DBCBC#FFCC66#FFEEBB#B7B7B7#B0E57C#FFEC94#9BD1FA
#F8F2E5#F1F0FF#D75A20#639ACE#94BAE7#4A79A5#C6C78C
#CEDFEF#E7DBBD#9BE1FB#C5EFFD#D8F3C9#FDE8D7#F2F5ED
#FFFFFF#D6DFFF#7B9AFF#0030FF#EFD3E7#D693BD#9C0063
#82A9D0#6D929B#ACD1E9#F5FAFA#C1DAD6#B7AFA3#E8D0A9
#F2BC00#F1F0FF#FFF0BA#FF542E#CFD6DE#ADC1D6#7297BA
#BC4676#B1B1B1#ECECEC#AD235E#DFEFF0#BDD8DA#7D9C9F
#87AAAE#DDECEF#BFD9DA#DDECEF#DDECEF#C7AFBD#F8F2DA
#E7E7EF#F1F0FF#C6CFD6#CDDB9D#F4F7EC#EFD9DC#DAB4C9
#BBD9EE#F1F0FF#206BA4#E9EEF6#CCD5E6#AFBBD2#667B99
#638291#F1F0FF#C5BD99#F1EFE2#E7E4D3#C0C0C0#EBF4FA
#D8DDD1#F9FFF0#F3FFE2#E7FFC6#FFFEF0#FFFDE2#FFFBC6
#D4D4DD#FFFBF4#FFF8E9#FFF1D3#F4F4FF#E9EAFF#D3D5FF
#DAD4DD#FFFEF4#FFFEE9#FFFED3#FBF4FF#F7E9FF#EFD3FF


Cool    Cool    Cool   Cool   Cool   Cool   Cool  Cool


โคดทำตารางสีแบบง่ายๆไว้ใช้เองในบล็อค
กล่องละ 7 สี ถ้าต้องตามแบบที่ เห็น ให้นำโคดมาต่อกันเรื่อยๆจนกว่าพอใจค่ะ เวลานำโคดมาวางต่อกันพยายามวางให้โคด่อกันนะคะ..เพื่อความสวยมาของผลการใช้งานค่ะ
<table border="0" cellspacing="2" cellpadding="2" align="center" style="border: 2pt solid #F3F1E9; background-color: #F3F1E9"><tbody><tr><td align="center" valign="middle" style="background-color: #CDB99C; height: 60px; width: 60px"></td><td align="center" valign="middle" style="background-color: #F1F0FF; width: 60px; height: 60px"></td><td align="center" valign="middle" style="background-color: #C3C3E5; width: 60px; height: 60px"></td><td align="center" valign="middle" style="background-color: #CCCC99; width: 60px; height: 60px"></td><td align="center" valign="middle" style="background-color: #EFD3E7; width: 60px; height: 60px"></td><td align="center" valign="middle" style="background-color: #C3C3E5; width: 60px; height: 60px"></td><td align="center" valign="middle" style="background-color: #C1DAD6; width: 60px; height: 60px"></td></tr><tr><td align="center" valign="middle"><font size="2" color="#000000">#CDB99C</font></td><td align="center" valign="middle"><font size="2" color="#000000">#F1F0FF</font></td><td align="center" valign="middle"><font size="2" color="#000000">#C3C3E5</font></td><td align="center" valign="middle"><font size="2" color="#000000">#CCCC99</font></td><td align="center" valign="middle"><font size="2" color="#000000">#EFD3E7</font></td><td align="center" valign="middle"><font size="2" color="#000000">#C3C3E5</font></td><td align="center" valign="middle"><font size="2" color="#000000">#C1DAD6</font></td></tr></tbody></table>
พิมพ์สีแดง ใส่พื้นสี และ border ให้กับกล่องตารางสี
พิมพ์สีชใพู คือ ชื่อของโคดสีที่แสดงโชว์
พิมพ์สีฟ้า คือ ช่องตารางสีที่จะแสดงโชว์



Create Date : 04 กันยายน 2553
Last Update : 5 กันยายน 2553 4:36:04 น.
Counter : 4420 Pageviews.		  
6 comments
Share
  
แถมโคดกรอบข้อความ เป็นเทเบิลแบบที่ใช้ โคดสีจัดและตกแต่งกรอบด้วยตัวของคุณเอง


<table border="0" cellspacing="0" cellpadding="0" width="100%"  align="center">  <tbody><tr><td style="background-color: #FFFACD"></td><td style="background-color: #FFFACD"></td><td style="width: 5px; height: 5px"><img src="//img821.imageshack.us/img821/7481/lozocat.gif" border="0" /></td></tr><tr><td style="background-color: #FFFACD"></td><td align="center" valign="middle" style="padding: 7px; background-color: #FFFACD">............เขียนข้อความ..........</td><td style="background-color: #CDC0B0"></td></tr><tr><td style="width: 5px; height: 5px"><img src="//img821.imageshack.us/img821/7481/lozocat.gif" border="0" /></td><td style="background-color: #CDC0B0"></td><td style="background-color: #CDC0B0"></td></tr></tbody> </table>
อธิบายการแก้ไขคำสั่งของพิมพ์สีที่ จขบกำกับ
กำหนดให้กรอบอยู่ในมุมที่ต้องการ เช่น left center right
ใส่สีให้เงาของกรอบ
ใส่สีให้พื้นหลัง



<table border="0" cellspacing="0" cellpadding="0" width="100%" align="center">  <tbody><tr><td style="width: 5px; background-color: #CDC0B0; height: 6px"><img src="//img821.imageshack.us/img821/7481/lozocat.gif" border="0" /></td><td style="background-color:#CDC0B0"></td><td></td></tr><tr><td style="background-color: #CDC0B0"></td><td align="center" valign="middle" style="padding: 7px; background-color: #FFE4E1">............เขียนข้อความ..........</td><td style="background-color: #FFE4E1"></td></tr><tr><td></td><td style="background-color: #FFE4E1"></td><td style="width: 5px; height: 5px; background-color: #FFE4E1"><img src="//img821.imageshack.us/img821/7481/lozocat.gif" border="0" /></td></tr></tbody> </table>  
อธิบายการแก้ไขคำสั่งของพิมพ์สีที่ จขบกำกับ
กำหนดให้กรอบอยู่มุม left center right
และ ใส่ขนาดให้กรอบ
ใส่สีให้เงาของกรอบ
ใส่สีให้พื้นหลัง



<table border="0" cellspacing="0" cellpadding="0" width="100%" align="center">  <tbody><tr><td></td><td style="background-color: #F1EDF3"></td><td style="width: 5px; height: 5px; background-color: #F1EDF3"><img src="//img821.imageshack.us/img821/7481/lozocat.gif" border="0" /></td></tr><tr><td style="background-color: #CDC0B0"></td><td align="center" valign="middle" style="padding: 7px; background-color: #F1EDF3">............เขียนข้อความ..........</td><td style="background-color: #F1EDF3"></td></tr><tr><td style="width: 5px; height: 5px; background-color: #CDC0B0"><img src="//img821.imageshack.us/img821/7481/lozocat.gif" border="0" /></td><td style="background-color: #CDC0B0"></td><td></td></tr></tbody> </table>
อธิบายการแก้ไขคำสั่งของพิมพ์สีที่ จขบกำกับ
กำหนดให้กรอบอยู่มุม left center right
และ ใส่ขนาดให้กรอบ
ใส่สีให้เงาของกรอบ
ใส่สีให้พื้นหลัง



<table border="0" cellspacing="0" cellpadding="0" width="100% " align="center"><tbody><tr><td></td><td style="background-color: #CDC0B0"></td><td style="width: 5px; height: 5px; background-color: #CDC0B0"><img src="//img821.imageshack.us/img821/7481/lozocat.gif" border="0" /></td></tr><tr><td style="background-color: #EAECF4"></td><td align="center" valign="middle" style="padding: 7px; background-color: #EAECF4">............เขียนข้อความ..........<br /></td><td style="background-color: #CDC0B0"></td></tr><tr><td style="background-color: #EAECF4; width: 5px; height: 5px"><img src="//img821.imageshack.us/img821/7481/lozocat.gif" border="0" /></td><td style="background-color: #EAECF4"></td><td></td></tr></tbody></table>
อธิบายการแก้ไขคำสั่งของพิมพ์สีที่ จขบกำกับ
กำหนดให้กรอบอยู่มุม left center right
และ ใส่ขนาดให้กรอบ
ใส่สีให้เงาของกรอบ
ใส่สีให้พื้นหลัง
โดย: lozocat วันที่: 5 กันยายน 2553 เวลา:2:43:05 น.
  

>

โดย: หน่อยอิง วันที่: 5 กันยายน 2553 เวลา:6:02:08 น.
  
ขอบคุณมากค่ะ
โดย: kobnon วันที่: 5 กันยายน 2553 เวลา:8:49:51 น.
  
อยากได้โค้ดสีแบบนี้มานานแล้วค่ะ ขอเก็บไปใช้นะคะ ขอบคุณค่ะ
โดย: aicm วันที่: 5 กันยายน 2553 เวลา:13:59:24 น.
  
อยากได้โค้ดสีแบบนี้มานานแล้วค่ะ
ขอเก็บไปใช้นะคะ ขอบคุณค่ะ


โดย: aicm วันที่: 5 กันยายน 2553 เวลา:14:00:21 น.
  
ขอบคุณค่ะ มีของมาแบ่งปันกันอยู่เรื่อยเลย
โดย: kapeak วันที่: 6 กันยายน 2553 เวลา:14:01:42 น.
ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
 *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

Misscat.BlogGang.com

lozocat
Location :
  

[ดู Profile ทั้งหมด]
 ผู้ติดตามบล็อก : 13 คน [?]

บทความทั้งหมด