มีบล็อกที่ตกแต่งด้วยลายไทยๆมาเพิ่ม
ชอบแบบไหนเลือกไปใช้แต่งบล็อกได้เลยค่ะ
สำหรับผู้ที่เพิ่งเริ่มแต่งบล็อก ดูขั้นตอนได้ที่ แต่งบล็อกสำเร็จรูป
ให้ copy code ของ css ตามข้างล่าง
นำไปวางในกรอบสี่เหลี่ยมของ CSS ที่ตกแต่งมาเอง
จะได้บล็อกที่มีสีสันดังตัวอย่างในแต่ละแบบข้างล่างนี้
แบบที่ 145
div#subtitle {background:#B8860B;font-size:small;color:#F5DEB3;}
div#ribbon{background:#DAA520;font-size:small;color:#F5DEB3;}
div#page{border:medium double #CC9900;background:#ffffff;}
body{background:transparent url(http://gotoknow.org/file/siriporn5633/asian2.gif);}
div#title{padding: 18px 4px 35px;font-size:big;color:#CCCC33;background:#FFFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/asian2.gif); background-position:bottom right;background-repeat:repeat;height:150px;}
จะได้บล็อกที่มีสีสันลวดลายตามรูป 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
สวัสดีคะ อ.ศิริพร
ลายไทยที่ได้เข้าไปชมสวยมากคะทุกลายเลย
อยากทำเป็นบ้างจังเลยคะ
ขอบคุณนะคะที่นำความรู้มามอบให้
สวัสดีค่ะ คุณ ศิริกาญจณ์ ขอบคุณค่ะที่แวะมาอ่าน
ขอบคุณมากครับ แต่อยากทราบวิธีเขียนโค๊ท CSS ครับว่าสามารถศึกษาได้จากที่ใดบ้างครับ
สวัสดีค่ะ อาจารย์ Sorrattana(ศ.รัตนะ) ที่ใช้อยู่บ่อยๆที่นีค่ะ --> Divland.com : CSS
สวัสดีค่ะ อาจารย์ เข้ามาอ่านแล้วได้รับความรู้มากมายเลยค่ะ
สวัสดีค่ะ คุณ ลิ้มศรี แล้วแวะมาอ่านอีกนะคะ
สวัสดีครับ อ.ศิริพร
ลายไทยที่ได้เข้าไปชมสวยมากครับ ทุกลายเลย ผมขออนุญาตินำไปตแต่ง บล็อก ของผมหน่อยนะครับ
ขอบคุณพระคุณมากครับ
สวัสดีค่ะ คุณ TIK VIRIYA นำแบบที่ชอบไปใช้ได้เลยค่ะ
ขออนุญาตนำไปใช้นะคะ ขอบคุณมากคะ
ขออนุญาตนำไปใช้นะครับ..สวยงามมากเลยจริงๆ
ขออนุญาตนำไปใช้ด้วยคนนะคะ
ขอบพระคุณอย่างสูงค่ะ
ขอบคุณมากครับ
ขอความรู้เกี่ยวกับบล็อกเหล็กลายไทยครับ มีหรือไม่มีครับ
เพิ่งเข้ามาทำบลอคนี้ กำลังหาการตกแต่งอยู่เลยค่ะ ต้องขอบคุณมากค่ะ
ต้องการ font css ตัวหนังสือลายไทย มีไหมครับ