บล็อกสีชมพู (2)

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

              แต่งบล็อกด้วยโทนสีชมพู  มีบล็อกสำเร็จรูปหลายแบบ เลือกไปใช้แต่งบล็อกได้เลยค่ะ            

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

     

ให้ copy code ของ css ตามข้างล่าง     นำไปวางในกรอบสี่เหลี่ยมของ CSS ที่ตกแต่งมาเอง     จะได้บล็อกที่มีสีสันดังตัวอย่างในแต่ละแบบข้างล่างนี้               

                                                                                <div style="text-align: center"></div>

                                                                                                                                                                

</span><p></p><p></p><p>  แบบที่ 113 </p><p>div#subtitle {background:#FFF5EE;font-size: big; color:#FF69B4;}div#container {width: 840px; background:#fffff;}div#content2 {background:#FFF5EE; background-image:url(http://gotoknow.org/file/siriporn5633/sakura271.gif);border: 0px solid #ffffff;}body{ background:#FFF5EE;background-image:url(http://gotoknow.org/file/siriporn5633/pbg47.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#CC0000; background:#FFF5EE; background-image:url(http://gotoknow.org/file/siriporn5633/700309742056438734.gif);background-repeat:no-repeat;background-position:center;   height:120px;}   </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป       blog 113</p>  <div style="text-align: center"></div>

    แบบที่ 114  

</span><p>div#subtitle {background:#FFF0F5; font-size: big; color:#FF69B4;}div#container {width: 840px; background:#fffff;}div#content2 {background:#FFF5EE; border: 0px solid #ffffff;} body{ background:#FFF0F5;background-image:url(http://gotoknow.org/file/siriporn5633/bg37_1.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#CC0000; background:#FFF5EE; background-image:url(http://gotoknow.org/file/siriporn5633/1183271209.jpg);background-repeat:no-repeat;background-position:bottom;   height:120px;}  </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป       blog 114</p>  <div style="text-align: center"></div>

 แบบที่ 115 

</span><p>div#subtitle { background:#FFF0F5; font-size: big; color:#FF00FF;}div#container {width: 840px; background:#fffff;}div#content2 {background:#FFF5EE; background-image:url(http://gotoknow.org/file/siriporn5633/d_pi.gif);border: 0px solid #ffffff;}body{background:#FFF0F5;background-image:url(http://gotoknow.org/file/siriporn5633/headbrown11.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#CC0000; background:#FFF5EE; background-image:url(http://gotoknow.org/file/siriporn5633/1199439432.gif);background-repeat:no-repeat;background-position:center;   height:120px;}  </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป        blog 115</p>  <div style="text-align: center"></div><p></p>   แบบที่ 116  <p> div#subtitle {background:#FFF0F5; font-size: big; color:#FF00FF;}div#container {width: 840px; background:#fffff;}div#content2 {background:#FFF5EE; background-image:url(http://gotoknow.org/file/siriporn5633/di11.jpg);border: 0px solid #ffffff;} body{background:#FFF5EE;background-image:url(http://gotoknow.org/file/siriporn5633/p9.jpg );background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#CC0000; background:#FFF5EE; background-image:url(http://gotoknow.org/file/siriporn5633/1199792951.jpg);background-repeat:no-repeat;background-position:center;   height:150px;}  </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป      blog 116</p>   <div style="text-align: center"></div> <p align="justify">   แบบที่ 117 </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p>div#subtitle { background:#FFF0F5;  font-size: big; color:#FF00FF;}div#container {width: 840px; background:#fffff;}div#content2 {background:#FFF5EE; border: 0px solid #ffffff;} body{background:# FFF0F5;background-image:url(http://gotoknow.org/file/siriporn5633/pinkflower-blackground.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#CC0000; background:#FFF5EE; background-image:url(http://gotoknow.org/file/siriporn5633/1199439471.gif);background-repeat:no-repeat;background-position:center;   height:120px;}  </p><p> </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป       blog 117</p><p> </p><div style="text-align: center"></div>  <p> </p><p> </p><div style="text-align: center"></div><p> </p><p> </p><p> </p><p> </p><p> </p>

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



ความเห็น (7)

เขียนเมื่อ 

ขอบคุณมากนะคะอาจารย์

จะขอเอาไปใช้ตกแต่งบล็อกนะคะ

เปิดเทอมแล้ว  สวัสดีคุณครู  มาครับ

เขียนเมื่อ 
  • สวัสดีค่ะ คุณ Ja  เลือกตามที่ชอบได้เลยค่ะ
  • สวัสดีค่ะ ผอ.ประจักษ์    ช่วงนี้ยังมีงานอยู่   เดี๋ยวเสร็จงานแล้ว  จะรีบมาเปิดห้องเรียนค่ะ
  • ขอบคุณค่ะ
เขียนเมื่อ 

ขอบคุณนะคะ

มิกกี้
IP: xxx.12.73.18
เขียนเมื่อ 

ขออนุญาตลองไปตกแต่งในบล๊อกนะค่ะ จะลองหัดทำดูค่ะ ขอบคุณค่ะ

ขอยืมไปใช้หน่อยนะคะสวยจังเลยขอบคุณคะ

เขียนเมื่อ 

ขอบคุณมากๆๆเลยค่ะ ได้รับประโยชน์มาก