แต่งบล็อกลายไทย (2)


 

 

มีบล็อกที่ตกแต่งด้วยลายไทยๆมาเพิ่ม 

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

 

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

    

 

ให้ 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

  

 

 

หมายเลขบันทึก: 173707เขียนเมื่อ 28 มีนาคม 2008 12:32 น. ()แก้ไขเมื่อ 6 กันยายน 2013 18:53 น. ()สัญญาอนุญาต: จำนวนที่อ่านจำนวนที่อ่าน:


ความเห็น (18)

สวัสดีคะ อ.ศิริพร

ลายไทยที่ได้เข้าไปชมสวยมากคะทุกลายเลย

อยากทำเป็นบ้างจังเลยคะ

ขอบคุณนะคะที่นำความรู้มามอบให้

สวัสดีค่ะ คุณ ศิริกาญจณ์  ขอบคุณค่ะที่แวะมาอ่าน

ขอบคุณมากครับ แต่อยากทราบวิธีเขียนโค๊ท CSS ครับว่าสามารถศึกษาได้จากที่ใดบ้างครับ

สวัสดีค่ะ อาจารย์ Sorrattana(ศ.รัตนะ) ที่ใช้อยู่บ่อยๆที่นีค่ะ --> Divland.com : CSS

สวัสดีค่ะ อาจารย์ เข้ามาอ่านแล้วได้รับความรู้มากมายเลยค่ะ

สวัสดีค่ะ คุณ ลิ้มศรี  แล้วแวะมาอ่านอีกนะคะ

สวัสดีครับ อ.ศิริพร

ลายไทยที่ได้เข้าไปชมสวยมากครับ ทุกลายเลย ผมขออนุญาตินำไปตแต่ง บล็อก ของผมหน่อยนะครับ

ขอบคุณพระคุณมากครับ

สวัสดีค่ะ คุณ  TIK VIRIYA นำแบบที่ชอบไปใช้ได้เลยค่ะ

ขออนุญาตนำไปใช้นะคะ ขอบคุณมากคะ

ขออนุญาตนำไปใช้นะครับ..สวยงามมากเลยจริงๆ

  • สวัสดีค่ะ คุณ sunantapa  นำไปใช้ได้เลยค่ะ
  • สวัสดีค่ะ คุณ ม.บอล  ตามไปดูแล้วยังไม่เห็นเขียนบันทึก ลองเขียนบันทึกซิคะแนวไหนก็ได้ แลกเปลี่ยนกันใน G2K ค่ะ

ขออนุญาตนำไปใช้ด้วยคนนะคะ

ขอความรู้เกี่ยวกับบล็อกเหล็กลายไทยครับ มีหรือไม่มีครับ

เพิ่งเข้ามาทำบลอคนี้ กำลังหาการตกแต่งอยู่เลยค่ะ ต้องขอบคุณมากค่ะ

ต้องการ font css ตัวหนังสือลายไทย มีไหมครับ

พบปัญหาการใช้งานกรุณาแจ้ง LINE ID @gotoknow
ClassStart
ระบบจัดการการเรียนการสอนผ่านอินเทอร์เน็ต
ทั้งเว็บทั้งแอปใช้งานฟรี
ClassStart Books
โครงการหนังสือจากคลาสสตาร์ท