บล็อกต้นไม้ใบหญ้า (1)

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

   <p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p>            แต่งบล็อกแนวๆ  รักธรรมชาติ  ต้นไม้ใบหญ้า  สายฝน   มีบล็อกสำเร็จรูปสวยๆ หลายแบบ     เลือกไปใช้แต่งบล็อกได้เลยค่ะ   <p> </p>     สำหรับผู้ที่เพิ่งเริ่มแต่งบล็อก  ดูขั้นตอนได้ที่   แต่งบล็อกสำเร็จรูป     <p style="margin: 0cm 0cm 0pt" class="MsoNormal">                                                                 </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p>      ให้ copy code ของ css ตามข้างล่าง    นำไปวางในกรอบสี่เหลี่ยมของ CSS    จะได้บล็อกที่มีสีสันดังตัวอย่างในแต่ละแบบข้างล่างนี้</p>  <p></p>         <p> </p><p> </p><p> </p><p>   แบบที่ 80   </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p>div#subtitle { font-size: big; color:#CCFFFF;}div#container {width: 840px; background:#fffff;}div#content2 {background:# F0FFF0;background-image:url(http://gotoknow.org/file/siriporn5633/fl421.jpg);border: 0px solid #ffffff;} body{background:#CCFF99;background-image:url(http://gotoknow.org/file/siriporn5633/fl42.jpg); background-repeat: repeat;} div#title{padding: 18px 4px 35px;  font-size: big; color:#3CB371;background:#F0FFF0;  background-image:url(http://gotoknow.org/file/siriporn5633/tea2.jpg); background-repeat:no-repeat;background-position:center;   height:140px;}</p><p align="right"> จะได้บล็อกที่มีสีสันลวดลายตามรูป sample blog 80 </p><p align="center">รูป sample blog 80</p><p align="center">        </p><p align="center"> </p><p align="center"> </p><p align="center"> </p><p align="center"> </p><p>  แบบที่ 81   </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal">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/f-bg-hotaru-311.jpg”); border: 0px solid #ffffff;}body{background:#CCFFFF;background-image:url(“http://gotoknow.org/file/siriporn5633/f-bg-hotaru-311.jpg”);background-position:left;background-repeat:repeat;}
div#title{padding: 18px 4px 35px;
 font-size:big;color:#E0FFFF;background:#8FBC8F;  background-image:url(“http://gotoknow.org/file/siriporn5633/book2.jpg”); background-repeat:no-repeat;background-position:right;   height:140px;} 
</p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p align="right">จะได้บล็อกที่มีสีสันลวดลายตามรูป sample blog 81  </p><p align="center"> รูป sample blog 81</p><p align="center">   </p><p align="center"> </p><p align="center"> </p><p align="center"> </p><p align="center">      </p><p align="center"></p><p align="center"></p><p align="center"></p><p align="center"></p><p align="center"></p><p> แบบที่ 82  </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p>div#subtitle { font-size: big; color:#CCFFFF;}div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff; background-image:url(http://gotoknow.org/file/siriporn5633/katakuri-w41.jpg); border: 0px solid #ffffff;} body{ background:#FFF5EE;background-image:url(http://gotoknow.org/file/siriporn5633/profile.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;   <p style="margin: 0cm 0cm 0pt" class="MsoNormal"> font-size: big; color:#CC9966; background:#E6E6FA; background-image:url(http://gotoknow.org/file/siriporn5633/709035466334472861.gif); background-repeat:no-repeat;background-position:center;   height:140px;}</p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal">   จะได้บล็อกสายฝนโปรยที่พื้นหลัง ดูรูปsample blog 82</p><p align="center"> รูป sample blog 82 </p><p align="center">         </p><p align="center"> </p><p align="center"> </p><p align="center"> </p><p align="center"> </p><p align="center"> </p><p> แบบที่ 83   </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p>div#title{padding: 18px 4px 35px;  font-size: big; color:#006400; background:#8FBC8F; background-image:url(http://gotoknow.org/file/siriporn5633/3_070430ggum_c_o.gif);background-repeat:no-repeat;background-position:bottom;   height:100px;} div#subtitle { font-size: big; color:#F0FFFF;} div#container {width: 840px; background:#fffff;} div#content2 {background:#E0FFFF; background-image:url(); border: 0px solid #ffffff;} body{ background:#F0FFF0; background-image:url(http://gotoknow.org/file/siriporn5633/165.gif);  background-repeat: repeat;}</p><p></p><p align="right">จะได้บล็อกสายฝนโปรยที่พื้นหลัง  ตามรูป sample blog 83 </p><p align="center">รูป sample blog 83</p><p align="center">    </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p> แบบที่  84   <p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p></p><p>div#title{padding: 18px 4px 35px;  font-size: big; color:#006400; background:#3CB371; background-image:url(http://gotoknow.org/file/siriporn5633/diary1.jpg);background-repeat:no-repeat;background-position:center;   height:160px;}div#subtitle { font-size: big; color:#FFFF00;}div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff; background-image:url(http://gotoknow.org/file/siriporn5633/11849661161.gif); border: 0px solid #ffffff;} body{ background:#CCFF99; background-image:url(http://gotoknow.org/file/siriporn5633/47_35721_818bdbd9b8714c8.gif);background-repeat: repeat;}</p><p align="right">จะได้บล็อกสายฝนโปรยที่พื้นหลัง   ตามรูป sample blog 84  </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center">รูป sample blog 84</p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p></p><p>  </p><p></p>

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



ความเห็น (7)

ลิลลี่
IP: xxx.143.159.251
เขียนเมื่อ 

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

http://learners.in.th/blog/lilly_2532

ชื่อบล็อกของผมครับ

ขอบคุณมาก ๆ อีกครั้งนะครับ  จากใจจริง ๆ

ขอบคุณครับ

สวัสดีปีใหม่ค่ะ

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

       ขออวยพรให้อาจารย์มีสุขภาพแข็งแรง คิดสิ่งใดสมความปรารถทุกประการ และขอให้อาจารย์รวยๆๆ  ยิ่งขึ้นค่ะ

วรรณ
IP: xxx.121.73.104
เขียนเมื่อ 

สวยมากเลยคะ...ได้นำไปใช้แล้ว..ชอบจัง..

อยากให้อาจารย์แนะนำวิธีการทำจังค่ะ...ขอบคุณค่ะ

อาจารย์ ค่ะ ครูส้ม มาขออนุญาตนำไปใช้อีกแล้วค่ะ

ขอบคุณค่ะ

เขียนเมื่อ 

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

เขียนเมื่อ 

ขอบคุณมากค่ะ เดี๋ยวจะลองนำไปใช้ดูนะคะ

เขียนเมื่อ 

เจริญพร โยมอ.ศิริพร

อาตมาอ่านจนเข้าใจแล้วลองทำ

สำเร็จรูปแล้ว ขอบใจและเจริญพรอาจารย์มาก

 

เจริญพร