นำลวดลายแบบไทยๆมาแต่งบล็อก ให้เป็นบล็อกสวยๆแบบไทยๆได้

ชอบแบบไหนเลือกไปใช้แต่งบล็อกได้เลยค่ะ

 

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

ให้ copy code ของ css ตามข้างล่าง   

นำไปวางในกรอบสี่เหลี่ยมของ    CSSที่ตกแต่งมาเอง

จะได้บล็อกที่มีสีสันดังตัวอย่างในแต่ละแบบข้างล่างนี้

 

 

 

แบบที่ 140

 

div#subtitle{background:#B0C4DE;font-size:small;color:#00008B;}

div#page{background:#ffffff;}

body{background:transparenturl(http://gotoknow.org/file/siriporn5633/asian4.gif);}

div#title{padding: 18px 4px 35px;font-size:big;color:#00008B;background:#FFFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/thai4.gif);background-position:bottomcenter;background-repeat:no-repeat;height:70px;}

 

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

 

 

แบบที่ 141

 

div#subtitle{background:#B0C4DE;font-size:small;color:#00008B;}

div#page{background:#ffffff;}

body{background:transparenturl(http://gotoknow.org/file/siriporn5633/a12.gif);}

div#title{padding: 18px 4px35px;font-size:big;color:#00008B;background:#FFFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/thai2.jpg);background-position:bottomcenter;background-repeat:no-repeat;height:100px;}

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

 

 

 

แบบที่ 142

 

div#subtitle{background:#B22222;font-size:small;color:#F5DEB3;}

div#ribbon{background:#D2691E;font-size:small;color:#F5DEB3;}

div#page{background:#ffffff;}

body{background:transparenturl(http://gotoknow.org/file/siriporn5633/asian8.gif);}

div#title{padding: 18px 4px35px;font-size:big;color:#B22222;background:#FFFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/thai2.jpg);background-position:bottomcenter;background-repeat:no-repeat;height:100px;}

 

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

 

 

แบบที่ 143

 

div#subtitle{background:#B22222;font-size:small;color:#F5DEB3;}

div#ribbon{background:#D2691E;font-size:small;color:#F5DEB3;}

div#page{background:#ffffff;}

body{background:transparenturl(http://gotoknow.org/file/siriporn5633/asian1.gif);}

div#title{padding: 18px 4px35px;font-size:big;color:#B22222;background:#FFFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/thai4.gif);background-position:center;background-repeat:no-repeat;height:100px;}

 

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

 

 

แบบที่ 144

 

div#subtitle{background:#B22222;font-size:small;color:#F5DEB3;}

div#ribbon{background:#A52A2A;font-size:small;color:#F5DEB3;}

div#page{background:#ffffff;}

body{background:transparenturl(http://gotoknow.org/file/siriporn5633/asian6.gif);}

div#title{padding: 18px 4px35px;font-size:big;color:#B22222;background:#FFFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/thai2.jpg);background-position:bottomcenter;background-repeat:no-repeat;height:100px;}

 

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