บล็อกสีน้ำเงิน / ฟ้าคราม (2)

ศิริพร
ติดตาม ผู้ติดตาม 
ติดต่อ

 

 

วันนี้มาเพิ่มบล็อกที่แต่งด้วยสีน้ำเงิน    ฟ้าคราม สำเร็จรูปอีก  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>

บันทึกนี้เขียนที่ GotoKnow โดย  ใน css และ blog



ความเห็น (3)

เขียนเมื่อ 
  • สวัสดีค่ะอาจารย์ศิริพร แณณขออนุญาตนำ blog 138 ไปใช้นะคะ
  • แณณ ใช้ blog ของอาจารย์อยู่หลายอันเลยค่ะ
  • ที่จริงชอบหมดทุกอันเลยค่ะ ขอบคุณนะคะ ที่กรุณานำมาแบ่งปันให้เพื่อนๆ ที่นี่ค่ะ
เขียนเมื่อ 

.. ขออนุญาตใช้ชุดตกแต่งบล็อกนะค่ะ เพราะเห็นว่าน่าสนใจ อาจารย์มีความสามารถมากเลยค่ะ

.. ใช้บล็อกของอาจารย์หลายบล็อกเลยค่ะ

.. ชอบสีฟ้าเพราะทำให้โลกนี้สดใสน่าอยู่

เขียนเมื่อ 
  • สวัสดีค่ะคุณ น้ำอบ นำไปปรับเปลี่ยนได้ตามชอบเลยค่ะ
  •  ชอบสีฟ้าเหมือนกันค่ะ