วันนี้มาเพิ่มบล็อกที่แต่งด้วยสีน้ำเงิน ฟ้าคราม สำเร็จรูปอีก 5 แบบ
ชอบแบบไหนเลือกไปใช้แต่งบล็อกได้เลยค่ะ
สำหรับผู้ที่เพิ่งเริ่มแต่งบล็อก ดูขั้นตอนได้ที่ แต่งบล็อกสำเร็จรูป
ให้ copy code ของ css ตามข้างล่าง นำไปวางในกรอบสี่เหลี่ยมของ CSS ที่ตกแต่งมาเอง
จะได้บล็อกที่มีสีสันดังตัวอย่างในแต่ละแบบข้างล่างนี้
แบบที่ 135
div#subtitle {background:#00BFFF; font-size: big; color:#E0FFFF;}div#page {border: medium double #E0FFFF; background:#C6E2FF;border-bottom:medium double#E0FFFF;background-image:url(http://gotoknow.org/file/siriporn5633/flow1bg2.jpg); background-position:right; background-repeat:repeat;}body{background:#A2B5CD;}div#title{padding: 18px 4px 35px;font-size: big; color:#104E8B;background:#C6E2FF;background-image:url(http://gotoknow.org/file/siriporn5633/flow1wel.jpg);background-position:center; background-repeat:no-repeat; height:120px;}
จะได้บล็อกที่มีสีสันลวดลายตามรูป blog 135
<div style="text-align: center"></div> <div style="text-align: center"></div>
</span><p></p><p></p><p></p><p></p><p></p><p></p><p> แบบที่ 136</p><p>div#subtitle {background:#B9D3EE; font-size:big;color:#473C8B;}div#page {border: medium double #E0FFFF; background:#C6E2FF;border-bottom:medium double#E0FFFF;background-image:url(http://gotoknow.org/file/siriporn5633/clematisbg.jpg);background-position:right; background-repeat:repeat;}body{background:#473C8B;} div#title{padding: 18px 4px 35px;font-size: big; color:#104E8B;background:#C6E2FF; background:#FFFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/clematiswel.jpg); background-position:center; background-repeat:no-repeat; height:120px;} </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป blog 136</p> <div style="text-align: center"></div> <div style="text-align: center"></div>
</span><p></p><p></p><p></p><p></p><p> แบบที่ 137</p><p>div#subtitle {background:#B0C4DE;font-size:big;color:#36648B;}div#page {border: medium double #E0FFFF; background:#C6E2FF;border-bottom:medium double#E0FFFF; background:#BCD2EE;}body{background:#F8F8FF; background-image:url(http://gotoknow.org/file/siriporn5633/bheartbg.jpg); background-position:center; background-repeat:repeat;}div#title{padding: 18px 4px 35px;font-size: big;color:#104E8B;background:#C6E2FF;background-image:url(http://gotoknow.org/file/siriporn5633/bheartwel2.jpg);background-position:bottom;background-repeat:no-repeat; height:120px;} </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป blog 137</p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><div style="text-align: center"></div> <div style="text-align: center"></div>
</span><p></p><p></p><p></p><p></p><p> แบบที่ 138 </p><p>div#subtitle {background:#B0C4DE;font-size:big;color:#00008B;}div#page {border: medium double #E0FFFF; background:#C6E2FF;border-bottom:medium double#E0FFFF;background:#CAE1FF;background-image:url(http://gotoknow.org/file/siriporn5633/bg_flower04.png);background-position:right;background-repeat:repeat;}body{background:#F8F8FF;background-image:url(http://gotoknow.org/file/siriporn5633/bg_fairy01.png);}div#title{padding: 18px 4px 35px;font-size:big; color:#00008B;background:#C6E2FF; background:#FFFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/bg_flower04.png); background-position:right;background-repeat:repeat;height:70px;} </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป blog 138</p> <div style="text-align: center"></div>
</span><p></p><p></p><p></p><p></p><p></p><p> แบบที่ 139 </p><p>div#subtitle {background:#7AC5CD;font-size:big;color:#00008B;}div#page {border:medium double #E0FFFF; background:#C6E2FF;border-bottom:medium double#E0FFFF;background:#CAE1FF;background-image:url(http://gotoknow.org/file/siriporn5633/bluewelline.jpg);background-position:right;background-repeat:repeat;}body{background:#7AC5CD;}div#title{padding: 18px 4px 35px;font-size:big; color:#00008B;background:#C6E2FF;background:#96CDCD;background-image:url(http://gotoknow.org/file/siriporn5633/bluewel.jpg);background-position:center;background-repeat:no-repeat;height:130px;} </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป blog 139</p> <div style="text-align: center"></div><p> </p><div style="text-align: center"></div><p> </p><p> </p><p> </p>
.. ขออนุญาตใช้ชุดตกแต่งบล็อกนะค่ะ เพราะเห็นว่าน่าสนใจ อาจารย์มีความสามารถมากเลยค่ะ
.. ใช้บล็อกของอาจารย์หลายบล็อกเลยค่ะ
.. ชอบสีฟ้าเพราะทำให้โลกนี้สดใสน่าอยู่