Favourites

**ผมจะบอกเฉพาะส่วนที่จะเป็นต้องแก้นะคับ**
ผมจะใช้ code รูปแบบ Apollo เป็นหลักนะค่ะ
แต่โดยหลักๆแล้วทั้ง3แบบจะใช้codeเหมือนกัน
มีแค่ส่วนรายละเอียดบางอย่างเท่านั้นที่ไม่เหมือนกัน

ทำให้ content โปร่งใส สามารถมองเห็น BG ได้
 

/* Content */ (ส่วนของพื้นที่แสดงเนื้อหาที่อันขึ้นBlog) 

#belly{
              
background:url(http://g.exteen.com/t/apollo/belly.png)
               repeat-y;
<<= ลบcodeทิ้ง (จะทำให้พื้นที่สีขาวๆด้านหลังหายไป ทำให้มองเห็นBGได้)
} 

/* Sidebars */ (แถบเมนูด้านข้าง) 

#sidebar, #sidebar2{
               background:#ecf4f7<<= ลบcodeทิ้ง (จะทำให้พื้นที่สีขาวๆด้านหลังหายไป ทำให้มองเห็นBGได้)
               display:inline;
               float:right;
               margin:5px 25px 0px 0px;
               width:225px;           
} 

/* Comment Form */ (ช่องสำหรับคอมเม้น) 

#commentform{
               width:100%;
               background:#EEE<<= ลบcodeทิ้ง (จะทำให้พื้นที่สีๆด้านหลังหายไป ทำให้มองเห็นBGได้)
               float:left;
} 

#commentform .formrow{
               border-top:1px solid #DDD<<= codeตรงนี้เป็นเพียงขอบของช่องคอมเม้น ไม่จำเป็นต้องลบก็ได้ เพราะcodeด้านบนทำให้ช่องคอมเม้นใสไปแล้วค่ะ แต่บอกไว้เผื่ออยากลบทิ้ง
               padding:2px;
} 

/* Comment (Showing Area) */ (ช่องสำหรับโชว์คอมเม้น) 

.comment{
               border-bottom:1px solid #DDD; <<= codeตรงนี้เป็นเพียงขอบของช่องโชว์คอมเม้น ไม่จำเป็นต้องลบก็ได้ แต่บอกไว้เผื่ออยากลบทิ้ง
               float:left;
               margin:5px 0px 5px 0px;
               padding-bottom:5px;
               width:100%;
} 

/* Footer */ (แถบที่อยู่ด้านล่างสุดของBlogค่ะ)  

#footer{
               background:url(http://g.exteen.com/t/apollo/footer.png)
               bottom left no-repeat;
<<= ลบcodeทิ้ง (จะทำให้พื้นที่สีๆด้านหลังหายไป ทำให้มองเห็นBGได้)
               height:60px;
} 

#footer p{
               background:#EEE; <<= ลบcodeทิ้ง (จะทำให้พื้นที่สีเทาด้านหลังหายไป ทำให้มองเห็นBGได้)
               border-top:1px solid #CCC; <<= codeตรงนี้เป็นเพียงขอบด้านบนของแถบสีเทาๆ ไม่จำเป็นต้องลบก็ได้ แต่บอกไว้เผื่ออยากลบทิ้ง
               border-bottom:1px solid #CCC; <<= codeตรงนี้เป็นเพียงขอบด้านล่างของแถบสีเทาๆ ไม่จำเป็นต้องลบก็ได้ แต่บอกไว้เผื่ออยากลบทิ้ง
               font-size:10px;
               text-align:center;
               margin:5px 25px 0px 25px;
               padding:5px;           
}