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

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

รูปกล่องคอมเม้นท์

Group Blog

กันยายน 2553

			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30

4 กันยายน 2553

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

All Blogs

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

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


#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

โคดทำตารางสีแบบง่ายๆไว้ใช้เองในบล็อค

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

พิมพ์สีแดง ใส่พื้นสี และ border ให้กับกล่องตารางสี

พิมพ์สีชใพู คือ ชื่อของโคดสีที่แสดงโชว์

พิมพ์สีฟ้า คือ ช่องตารางสีที่จะแสดงโชว์

Create Date : 04 กันยายน 2553

Last Update : 5 กันยายน 2553 4:36:04 น.

6 comments

Counter : 4639 Pageviews.

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

<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