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


<div style="text-align: center"></div> <p align="center">   แต่งบล็อกสีน้ำเงินเข้ม    ฟ้าคราม สำเร็จรูปหลายแบบ       ชอบแบบไหนเลือกไปใช้แต่งบล็อกได้เลยค่ะ  </p><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center">สำหรับผู้ที่เพิ่งเริ่มแต่งบล็อก ดูขั้นตอนได้ที่  แต่งบล็อกสำเร็จรูป  </p><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center">  </p><p align="center"> ให้ copy code ของ css ตามข้างล่าง    นำไปวางในกรอบสี่เหลี่ยมของ   CSS ที่ตกแต่งมาเอง</p><p align="center">จะได้บล็อกที่มีสีสันดังตัวอย่างในแต่ละแบบข้างล่างนี้ </p><p> </p><p align="center"></p><p> </p><p> </p><p> </p><p> </p><p> </p><p>แบบที่ 129 </p><p>div#subtitle {background:#00BFFF; font-size: big; color:#B8860B;}div#page{border:medium double#FFE4B5;background:#FFF5EE;border-bottom:medium double#FFE4B5;background-image:url(http://gotoknow.org/file/siriporn5633/1149208878.jpg);background-repeat:repeat;}body{background:#F8F8FF;background-image:url(http://gotoknow.org/file/siriporn5633/1149208878.jpg);background-repeat: repeat;} div#title{padding: 18px 4px 35px;font-size: big; color:#FFE4B5;background-image:url(http://gotoknow.org/file/siriporn5633/1197524336.gif);background-repeat:repeat;  height:90px;}  </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป      blog 129</p>  <div style="text-align: center"></div>

</span><p></p><p></p><p></p><p>  </p><p> </p><p> </p><p> </p><p>            </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">แบบที่ 130</p><p> div#subtitle {background:#B9D3EE; font-size: big; color:#E0FFFF;}div#page {border: medium double #E0FFFF; background:#B9D3EE;border-bottom:medium double#E0FFFF;background-image: url(http://gotoknow.org/file/siriporn5633/bfvbg2.jpg);background-repeat:repeat;}body{background:#9FB6CD;}div#title{padding: 18px 4px 35px;font-size: big; color:#CAE1FF;background:#9FB6CD;background-image:url(http://gotoknow.org/file/siriporn5633/bfvwel.jpg);background-repeat:no-repeat; background-position:center;height:120px;}  </p><p> </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป      blog 130</p>   <div style="text-align: center"></div>    <p>    <div style="text-align: center"></div></p><p></p><p></p><p></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">แบบที่ 131</p><p> div#subtitle {background:#607B8B; font-size: big; color:#E0FFFF;}div#page {border: medium double #E0FFFF; background:#FFF5EE;border-bottom:medium double#E0FFFF;background-image: url(http://gotoknow.org/file/siriporn5633/papierbib026.jpg);background-repeat:repeat;}body{background:#009ACD;background-image:url(http://gotoknow.org/file/siriporn5633/horloge12.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;font-size: big;color:#1874CD;background:#BCD2EE;background-image:url(http://gotoknow.org/file/siriporn5633/mado02.jpg);background-position:center;   background-repeat:no-repeat;  height:90px;}  </p><p> </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป        blog 131</p>   <div style="text-align: center"></div>

  

</span><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p>    แบบที่ 132 </p><p>div#subtitle {background:#CAE1FF; font-size: big;color:#104E8B;}div#page {border: medium double #E0FFFF; background:#FFF5EE;border-bottom:medium double#E0FFFF;background-image: url(http://gotoknow.org/file/siriporn5633/wpbg.jpg);background-position:right;background-repeat:repeat;}body{background:#A2B5CD;} div#title{padding: 18px 4px 35px;font-size: big; color:#009ACD;background:#9AC0CD;background-image:url(http://gotoknow.org/file/siriporn5633/wpwel.jpg);background-position:center;   background-repeat:no-repeat;  height:90px;}  </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป      blog 132</p>   <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> </p><p> </p><p> </p><p>   แบบที่ 133 </p><p>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/fl31.jpg);background-repeat:repeat;}body{background:#F8F8FF;background-image:url(http://gotoknow.org/file/siriporn5633/g9brk10.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;font-size: big; color:#104E8B;background:#C6E2FF;background-image:url(http://gotoknow.org/file/siriporn5633/dream_top-1.gif); background-position:center;   background-repeat:no-repeat;  height:120px;}  </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป       blog 133</p>   <div style="text-align: center"></div>

</span><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p>      แบบที่ 134 </p><p>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/sakura_13.gif); background-position:right;background-repeat:repeat;}body{background:#F8F8FF;background-image:url(http://gotoknow.org/file/siriporn5633/untitled.bmp);background-repeat: repeat;} div#title{padding: 18px 4px 35px;font-size: big; color:#104E8B;background:#C6E2FF;background-image:url(http://gotoknow.org/file/siriporn5633/b4499444.jpg); background-position:bottom; background-repeat:repeat;  height:120px;}  </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป      blog 134</p>   <div style="text-align: center"></div><p> </p><p> </p><p align="center"> </p><p align="center"></p><p> </p><p> </p>

หมายเลขบันทึก: 165524เขียนเมื่อ 16 กุมภาพันธ์ 2008 03:34 น. ()แก้ไขเมื่อ 6 กันยายน 2013 18:47 น. ()สัญญาอนุญาต: จำนวนที่อ่านจำนวนที่อ่าน:


ความเห็น (5)
ถูกใจมากเลยค่ะอาจารย์ เพราะเล่นCSSไม่ค่อยเป็นอยากตกแต่งบล๊อก เจอบล๊อกอาจารย์ช่วยได้เยอะ  เลยค่ะ ขออนุญาตินำไปใช้น่ะค่ะ
  • อาจารย์คะ ขออนุญาต นำblog 132 ไปใช้นะคะ
  •  ขอบคุณมากค่ะ
  • อาจารย์ขา...หามาตั้งนาน..พึ่งพบ..ขอบคุณมากๆค่ะ
  • ขออนุญาต นำแบบที่ 132 ไปใช้กับหน้าประวัตินะคะ..
  • ขอบคุณในความเอื้อเฟื้อแบบไม่มีประมาณอีกครั้งค่ะ
  • คุณครูครับ....   ขออนุญาตเข้าชั้นครับ
  • คุณครูสอนช้าๆๆนะ ครับ
  • ตัวผมเปี่ยกน้ำ  เขาสาดน้ำผม
พบปัญหาการใช้งานกรุณาแจ้ง LINE ID @gotoknow
ClassStart
ระบบจัดการการเรียนการสอนผ่านอินเทอร์เน็ต
ทั้งเว็บทั้งแอปใช้งานฟรี
ClassStart Books
โครงการหนังสือจากคลาสสตาร์ท