บล็อกสีฟ้าเข้ม/คราม

      แต่งบล็อกแบบเรียบๆใช้โทนสีฟ้า  คราม  มีบล็อกสำเร็จรูปหลายแบบ   ถูกใจแบบไหนนำไปใช้แต่งบล็อกได้เลยค่ะ 

      สำหรับผู้ที่เพิ่งเริ่มแต่งบล็อก  ดูขั้นตอนได้ที่   แต่งบล็อกสำเร็จรูป

      ให้ copy code ของ css ตามข้างล่าง    นำไปวางในกรอบสี่เหลี่ยมของ CSS    จะได้บล็อกที่มีสีสันดังตัวอย่างในแต่ละแบบข้างล่างนี้   

 แบบที่ 69 

 div#subtitle { font-size: big; color:#CCFFFF;}div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff;width: 740px; background-image:url(http://gotoknow.org/file/siriporn5633/sakura11.jpg);background-position:right; border: 0px solid #ffffff;} body{ background:#CCFF99;background-image:url(http://gotoknow.org/file/siriporn5633/bo2chr1.jpg);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#FF6600;background:#FFFAF0;  background-image:url(http://gotoknow.org/file/siriporn5633/34823fu6.gif); background-repeat:repeat;background-position:top;   height:100px;}

 จะได้บล็อกที่มีสีสันลวดลายตามรูป sample blog 69 

รูป sample blog 69 

 แบบที่ 70 

 div#subtitle { font-size: medium; color:#CCFFFF;}div#container {width: 840px; background:#fffff;} div#content2 {background:#ffffff;width: 740px; background-image:url(http://gotoknow.org/file/siriporn5633/1186142383.gif); border: 0px solid #ffffff;} body{ background:#CCFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/7b628d33995d.jpg);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#E0FFFF;background:#CCFFFF;  background-image:url(http://gotoknow.org/file/siriporn5633/1126997987.gif); background-repeat:repeat;background-position:bottom;   height:120px;} 

จะได้บล็อกที่มีสีสันลวดลายตามรูป sample blog 70 

รูป sample blog 70   <div style="text-align: center"> </div>

</font><p> </p><p> </p><p> แบบที่ 71  </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p> div#subtitle { font-size: big; color:#CCFFFF;}div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff;width: 740px; background-image:url(http://gotoknow.org/file/siriporn5633/L26.jpg); border: 0px solid #ffffff;} body{ background:#FFF5EE;background-image:url(http://gotoknow.org/file/siriporn5633/pon2-bg40.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#0000CD; background:#E6E6FA; background-image:url(http://gotoknow.org/file/siriporn5633/1195756601.gif); background-repeat:no-repeat;background-position:bottom;   height:140px;}  </p><p>จะได้บล็อกที่มีสีสันลวดลายตามรูป sample blog 71</p> รูป sample blog 71   <div style="text-align: center"> </div>

</font><p> </p><p> </p><p> </p><p> แบบที่ 72 </p><p> div#subtitle { font-size: big; color:#F0FFFF;} div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff;width: 740px; background-image:url(http://gotoknow.org/file/siriporn5633/antz-bg1.gif); border: 0px solid #ffffff;} body{ background:#FFCCCC; background-image:url(http://gotoknow.org/file/siriporn5633/pon1-bg29.gif);  background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#0000CD; background:#F8F8FF; background-image:url(http://gotoknow.org/file/siriporn5633/1189048271.gif);background-repeat:no-repeat;background-position:right;   height:130px;}  </p><p>จะได้บล็อกที่มีสีสันลวดลายตามรูป sample blog 72</p> รูป sample blog 72   <div style="text-align: center"></div>

</font><p> </p><p> </p><p> แบบที่ 73  </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p>div#subtitle { font-size: big; color:#FFFF00;}div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff;width: 740px; background-image:url(http://gotoknow.org/file/siriporn5633/pon1-bg35.gif); border: 0px solid #ffffff;} body{ background:#CCFF99; background-image:url(http://gotoknow.org/file/siriporn5633/pon1-bg39.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#0000CD; background:#87CEFA; background-image:url(http://gotoknow.org/file/siriporn5633/1189579741.gif);background-repeat:no-repeat;background-position:center;   height:120px;}  </p><p>จะได้บล็อกที่มีสีสันลวดลายตามรูป sample blog 73</p>  <p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center">รูป sample blog 73</p>   <div style="text-align: center"></div><p>        </p><p> </p><p> </p><p> แบบที่ 74 </p><p> div#subtitle { font-size: big; color:#FFFF99;}div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff;width: 740px; background-position:top;   background-image:url(http://gotoknow.org/file/siriporn5633/8429-016-17-1079_bg.gif); border: 0px solid #ffffff;}  body{ background:#CCFFCC;background-image:url(http://gotoknow.org/file/siriporn5633/11638711891.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#6A5ACD; background:#F8F8FF; background-image:url(http://gotoknow.org/file/siriporn5633/tree2.gif);background-repeat:no-repeat;background-position:center;   height:150px;}  </p><p>จะได้บล็อกที่มีสีสันลวดลายตามรูป sample blog 74</p>  <p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center">รูป sample blog 74</p>   <div style="text-align: center"></div><p>        </p><p> </p><p> </p><p> แบบที่ 75  </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p> div#subtitle { font-size: medium; color:#CCFFFF;}div#container {width: 840px; background:#fffff;} div#content2 {background:#ffffff;width: 740px; background-image:url(http://gotoknow.org/file/siriporn5633/sakura_131.gif); border: 0px solid #ffffff;} body{ background:#CCFF99;background-image:url(http://gotoknow.org/file/siriporn5633/1186640966.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#6A5ACD;background:#FFF0F5;  background-image:url(http://gotoknow.org/file/siriporn5633/thp01c1.gif); background-repeat:repeat;background-position:bottom;   height:120px;}</p><p> จะได้บล็อกที่มีสีสันลวดลายตามรูป sample blog 75 </p><p align="center">รูป sample blog 75 </p><div style="text-align: center"></div> <p align="center">         </p><p> </p><p> </p><p> แบบที่ 76 </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p> div#title{padding: 18px 4px 35px;  font-size: big; color:#6A5ACD;background:#ADD8E6;  background-image:url(http://gotoknow.org/file/siriporn5633/710161366241309046.gif); background-repeat:no-repeat;background-position:bottom; height:90px;}div#subtitle { font-size: medium; color:#CCFFFF;}div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff;width: 740px; background-image:url(http://gotoknow.org/file/siriporn5633/91d0ac9e.gif); border: 0px solid #ffffff;} body{ background:#CCFF99;background-image:url(http://gotoknow.org/file/siriporn5633/1017_bg.gif);background-repeat: repeat;}</p><p> จะได้บล็อกที่มีสีสันลวดลายตามรูป sample blog 76 </p>รูป sample blog 76   <div style="text-align: center"></div>

</font><p> </p><p> </p><p> แบบที่ 77  </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p>div#subtitle { font-size: medium; color:#CCFFFF;}div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff;width: 740px; background-image:url(http://gotoknow.org/file/siriporn5633/pon1-bg48.gif); border: 0px solid #ffffff;} body{ background:#CCFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/11861415451.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#6A5ACD;background:#F0F8FF;  background-image:url(http://gotoknow.org/file/siriporn5633/729583139634347549.gif); background-repeat:no-repeat;background-position:bottom; height:120px;}</p><p> </p><p>  จะได้บล็อกที่มีสีสันลวดลายตามรูป sample blog 77 </p>รูป sample blog 77   <div style="text-align: center"></div>

</span></strong><p> </p><p> </p><p> แบบที่ 78  </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p>div#subtitle { font-size: medium; color:#CCFFFF;}div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff;width: 740px; background-image:url(http://gotoknow.org/file/siriporn5633/bigmiz16.jpg); border: 0px solid #ffffff;} body{ background:#87CEEB;background-image:url(http://gotoknow.org/file/siriporn5633/67de4cc6.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#6A5ACD;background:#E6E6FA;  background-image:url(http://gotoknow.org/file/siriporn5633/pobg13.jpg); background-repeat:repeat;background-position:center;   height:130px;}  </p><p> </p><p>จะได้บล็อกที่มีสีสันลวดลายตามรูป sample blog 78 </p><p align="center">รูป sample blog 78    </p><p align="center">       </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal">   แบบที่ 79 </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> div#title{padding: 18px 4px 35px;    font-size: big; color:#6A5ACD;background:#ADD8E6;  background-image:url(http://gotoknow.org/file/siriporn5633/book3.jpg); background-repeat:no-repeat;background-position:center;   height:120px;}div#subtitle { font-size: medium; color:#CCFFFF;}div#container {width: 840px; background:#fffff;}
div#content2 {background:#ffffff;width: 740px; background-image:url(http://gotoknow.org/file/siriporn5633/1084_bg.gif); border: 0px solid #ffffff;} body{ background:#CCFF99;background-image:url(http://gotoknow.org/file/siriporn5633/bluebg4.jpg);background-repeat: repeat;}  </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p> จะได้บล็อกที่มีสีสันลวดลายตามรูป sample blog 79  </p><p> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center">รูป sample blog 79 </p><div style="text-align: center"></div><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>