<div style="text-align: center"></div><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 style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center"></p><p> สำหรับผู้ที่เพิ่งเริ่มแต่งบล็อก ดูขั้นตอนได้ที่ แต่งบล็อกสำเร็จรูป </p><p> </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"> ให้ copy code ของ css ตามข้างล่าง นำไปวางในกรอบสี่เหลี่ยมของ CSS จะได้บล็อกที่มีสีสันดังตัวอย่างในแต่ละแบบข้างล่างนี้ </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal" align="center"></p><p style="text-align: center"> </p> <p style="text-align: center"></p> <p style="text-align: center"> </p> <p style="text-align: center"> </p> <p style="text-align: center" align="left"> </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p></p>
แบบที่ 90
div#title{padding: 18px 4px 35px; font-size: big; color:#FF0099; background:#EEF2F7; background-image:url(http://gotoknow.org/file/siriporn5633/top2.gif ); background-repeat:no-repeat;background-position:center; height:150px;} div#subtitle {font-size: medium;color:#CCFFFF;}div#container {width:840px;background:#fffff;}div#content2 {background:#ffffff; background-image:url(http://gotoknow.org/file/siriporn5633/ff05-1.jpg); border: 0px solid #ffffff;} body{ background:#FFFAFA; background-image:url(http://gotoknow.org/file/siriporn5633/ff09-11.jpg );background-repeat: repeat;}
จะได้บล็อก ตามรูป sample blog 90
รูป sample blog 90
</span></span><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"><div style="text-align: center"></div></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"> แบบที่ 91 </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p>div#subtitle {font-size:medium;color:#CCFFFF;}div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff; background-image:url(http://gotoknow.org/file/siriporn5633/rose25_h2wg.gif); border: 0px solid#ffffff;}body{background:#CCFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/bara01_h4g.gif); background-repeat: repeat;} div#title{padding: 18px 4px 35px; font-size: big; color:#BA55D3;background:#F0F8FF; background-image:url(http://gotoknow.org/file/siriporn5633/topblogb5+%28Custom%29.jpg); background-repeat:no-repeat;background-position:right;height:190px;} </p><p align="center">จะได้บล็อกตามรูป sample blog 91 </p><p align="center">รูป sample blog 91 </p><div style="text-align: center"></div><p> </p><p> </p><p> </p><p> </p><p> </p><p> แบบที่ 92 </p> div#subtitle { font-size: medium; color:#CCFFFF;}div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff; background-image:url(http://gotoknow.org/file/siriporn5633/rose13.jpg); border: 0px solid#ffffff;} body{background:#D8BFD8;background-image:url(http://gotoknow.org/file/siriporn5633/rosebg_43e.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px; font-size: big; color:#CC0099;background:#FFFAFA; background-image:url(http://gotoknow.org/file/siriporn5633/tobblogb21+%28Custom%29.jpg); background-repeat:no-repeat;background-position:center;height:200px;} <p> </p><p style="margin: 0cm 0cm 0pt; text-align: right" class="MsoNormal" align="right"></p>จะได้บล็อกตามรูป sample blog 92 <p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center"></p><p align="center">รูป sample blog 92 </p><div style="text-align: center"></div> <p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> แบบที่ 93 </p><p>div#title{padding: 18px 4px 35px; font-size: big; color:#009900; background:#EEF2F7; background-image:url(http://gotoknow.org/file/siriporn5633/topblogb63.jpg); background-repeat:no-repeat;background-position:top; height:200px;} div#subtitle { font-size: medium; color:#CCFFFF;} div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff;background-image:url(http://gotoknow.org/file/siriporn5633/rose01.jpg ); border: 0px solid #ffffff;} body{background:#E0FFFF;background-image:url(http://gotoknow.org/file/siriporn5633/rose09_h4wb.gif);background-repeat: repeat;}</p><p></p><p align="center">จะได้บล็อก ตามรูป sample blog 93 </p><p align="center">รูป sample blog 93 </p><div style="text-align: center"></div><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> แบบที่ 94 </p><p>div#title{padding: 18px 4px 35px; font-size: big; color:#FF00CC; background:#EEF2F7; background-image:url(http://gotoknow.org/file/siriporn5633/top3111.gif);background-repeat:no-repeat;background-position:left; height:170px;} div#subtitle {font-size: medium; color:#CCFFFF;} div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff; background-image:url(http://gotoknow.org/file/siriporn5633/rose08.jpg);border:0px solid #ffffff;} body{background:#FDF5E6;background-image:url(http://gotoknow.org/file/siriporn5633/natfl337sv1.jpg);background-repeat: repeat;} </p><p> </p><p>จะได้บล็อก ตามรูป sample blog 94 </p><p align="center">รูป sample blog 94 </p><div style="text-align: center"></div><p> </p><p> </p><p align="center"> </p><p align="center"></p><p> </p><p> </p><p> </p>
Hello!
ขอบคุณค่ะ
ขอบพระคุณอาจารย์อย่างที่สุดที่มีความสวยงามในรูปแบบต่าง ๆ ของบล็อกมาให้ และขออนุญาตนำไปใช้แต่งบล็อกด้วยนะค่ะ
มอบช่อดดอกไม้นี้เป็นกำลังใจให้ น้องศุภลักษณ์ เขียนบันทึกต่อไปอีกเรื่อยๆนะคะ
ถ้าจะลบตัวอักษรข้างบนออกจะทำได้อย่างไรค่ะ ขอบพระคุณอาจารย์คะ
อักษรที่มาพ้อมกับcoppy CSS
อาจารย์คะ น่ารักจังจะหาได้จากที่ไหนค่ะ ขออนุญาตนำไปใช้ได้หรือเปล่าค่ะ ขอบพระคุณคะ
ขอบคุณอาจารย์ค่ะ สวยทุกลายทุกแบบ เลือกไม่ถูกเลย
แอบนำไปใช้แล้วนะคะ
นศ กศ.บป. ราชภัฎอุตรดิตถ์
ขอบคุณค่ะ มีแต่รูปที่สวยๆทั้งนั้นเลย
จาก .. น.ศ. จันทรเกษม ค่ะ
ขอบคุณอ.ศิริพร ที่ให้ความรู้ ได้นำความรู้ที่อาจารย์เขียนไปใช้แล้ว อ่านง่ายเข้าใจง่าย และขออนุญาตขอไปบอกต่อนะค่ะ
แวะมาขอบคุณ อ.ศิริพรค่ะ...อาจารย์มีความสามารถมากเลย...รูปแบบถูกใจสาวๆมากค่ะ
น่ารักมากเลย ขอนำไปใช้ด้วยคนนะค่ะ
ขอบคุณค่ะ...ดูแล้วนำไปใช้ด้วยค่ะ ขอบคุณที่นำมาให้เลือก น่ารักๆทั้งนั้นเลย
ขอบสำหรับคำแนะนำคะ
ขออนุญาตนำไปลองใช้ค่ะ
ขอบคุณอาจารย์ค่ะ