แต่งบล็อกด้วยดอกกุหลาบ

ศิริพร
ติดตาม ผู้ติดตาม 
ติดต่อ

   <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>

บันทึกนี้เขียนที่ GotoKnow โดย  ใน css และ blog



ความเห็น (19)

Hello!

  • ชื่อสิริพร เหมือนกัน  ทำไมเก่งมาก  ไม่เหมือนกันเลย
  • ครูอ้อยไม่เก่งเรื่องนี้เลยค่ะ
  • มีลายดอกทิวลิป ไหมคะ..อิอิ...
  • หัวนอกค่ะ..แต่นุ่งผ้าถุงค่ะ

ขอบคุณค่ะ

ศุภลักษณ์
IP: xxx.8.128.234
เขียนเมื่อ 
สวยมากเลยค่ะ หนูนำไปใช้แล้วค่ะที่บล็อกhttp://gotoknow.org/blog/supphalak/152513 
เขียนเมื่อ 
  • สวัสดีค่ะอาจารย์

ขอบพระคุณอาจารย์อย่างที่สุดที่มีความสวยงามในรูปแบบต่าง ๆ ของบล็อกมาให้ และขออนุญาตนำไปใช้แต่งบล็อกด้วยนะค่ะ

เขียนเมื่อ 

 

 

  •  ตามไปดูแล้วค่ะ  น้องศุภลักษณ์  สวยน่ารักมากค่ะ   

      มอบช่อดดอกไม้นี้เป็นกำลังใจให้ น้องศุภลักษณ์  เขียนบันทึกต่อไปอีกเรื่อยๆนะคะ   

 

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

 

 

 

 

 

เขียนเมื่อ 
  • อาจารย์ค่ะ

ถ้าจะลบตัวอักษรข้างบนออกจะทำได้อย่างไรค่ะ ขอบพระคุณอาจารย์คะ

เขียนเมื่อ 

อักษรที่มาพ้อมกับcoppy CSS 

อาจารย์คะ น่ารักจังจะหาได้จากที่ไหนค่ะ ขออนุญาตนำไปใช้ได้หรือเปล่าค่ะ ขอบพระคุณคะ

เขียนเมื่อ 
  • มาขอบพระคุณอาจารย์ที่กรุณาแบ่งปันความรู้ให้ค่ะ
  • ได้นำไปใช้ที่บล็อคแล้วด้วยนะคะ มีความสุขมากๆ เลยค่ะ
  • ขออนุญาตสมัครเป็นสมาชิกด้วยคนนะคะ
เขียนเมื่อ 

ขอบคุณอาจารย์ค่ะ  สวยทุกลายทุกแบบ  เลือกไม่ถูกเลย

 แอบนำไปใช้แล้วนะคะ

 

นศ กศ.บป. ราชภัฎอุตรดิตถ์

สินีนาฏ แก้วเจริญรุ่งเรือง
IP: xxx.25.103.67
เขียนเมื่อ 

ขอบคุณค่ะ  มีแต่รูปที่สวยๆทั้งนั้นเลย 

จาก .. น.ศ. จันทรเกษม ค่ะ

เขียนเมื่อ 
ขอบคุณสำหรับความรู้มากๆค่ะ ^^
จารุณี
IP: xxx.12.73.7
เขียนเมื่อ 
ขอใช้รูปแบบตกแต่งบล็อกที่ 94 หน่อยนะคะ  ขอบคุณมากคะ สวยๆทั้งนั้นเลย
เขียนเมื่อ 

ขอบคุณอ.ศิริพร ที่ให้ความรู้ ได้นำความรู้ที่อาจารย์เขียนไปใช้แล้ว อ่านง่ายเข้าใจง่าย และขออนุญาตขอไปบอกต่อนะค่ะ

แวะมาขอบคุณ อ.ศิริพรค่ะ...อาจารย์มีความสามารถมากเลย...รูปแบบถูกใจสาวๆมากค่ะ

IP: xxx.12.73.7
เขียนเมื่อ 

น่ารักมากเลย ขอนำไปใช้ด้วยคนนะค่ะ

เขียนเมื่อ 

ขอบคุณค่ะ...ดูแล้วนำไปใช้ด้วยค่ะ ขอบคุณที่นำมาให้เลือก น่ารักๆทั้งนั้นเลย

เมย์
IP: xxx.151.232.70
เขียนเมื่อ 

ขอบสำหรับคำแนะนำคะ

เขียนเมื่อ 

ขออนุญาตนำไปลองใช้ค่ะ

เขียนเมื่อ 

ขอบคุณนะคะ

เขียนเมื่อ 

ขอบคุณอาจารย์ค่ะ

หมายเลขบันทึก

152196

เขียน

08 Dec 2007 @ 10:24
()

แก้ไข

06 Sep 2013 @ 18:37
()

สัญญาอนุญาต

สงวนสิทธิ์ทุกประการ
ความเห็น: 19, อ่าน: คลิก