การแตกแต่งบล็อก

การตกแต่งบล็อก

รหัสตกแต่งบล็อกให้สวยงามลองทำดูนะคะ

 

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

 

 

 

 

แบบที่ 146

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

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

div#page{ border:medium double #CC9900;background:#ffffff;}

body{background:transparent url(http://gotoknow.org/file/siriporn5633/a52.gif);}

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

 

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

 

 

 

แบบที่ 147

 

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

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

div#page{background:#ffffff;}

body{background:transparent url(http://gotoknow.org/file/siriporn5633/a26.gif);}

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

 

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

  

  

 

 

 

แบบที่ 148

 div#subtitle {background:#6E8B3D;font-size:small;color:#EEE685;}

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

div#page{background:#ffffff;}

body{background:transparent url(http://gotoknow.org/file/siriporn5633/a11.gif);}

div#title{padding: 18px 4px 35px;font-size:big;

color:#698B22;background:#FFFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/thai4.gif); background-position:bottom center;background-repeat:no-repeat;height:70px;}

 

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

 

 

แบบที่ 149

 

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

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

div#page{background:#ffffff;}

body{background:transparent url(http://gotoknow.org/file/siriporn5633/thai.gif);}

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

 

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

 

 

 

 

แบบที่ 150

div#subtitle {background:#FFE4E1;font-size:small;color:#B03060;}

div#ribbon{background:#EED5D2;font-size:small;color:#B03060;}

div#page{border:medium double #DB7093;

background:#FDF5E6;}

body{background:transparent url(http://gotoknow.org/file/siriporn5633/thai1.jpg);}

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

 

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

  

[บวร]

ชอบทุกแบบครับ ขอบคุณมากครับ

[นงลักษณ์ ภิญโญ]

ขอบคุณมากนะค่ะ ทำได้แล้วค่ะ