โค้ดลบเส้น+ทำแถบให้ใส

<style type="text/css">
#user-details { border: none; }
.section .content { border: none; }
#profile-nav { background-color: transparent; }
.section h1 { background-color: transparent; border: none; }
.section h2 { background-color: transparent; border: none; }
</style>

Code ย่อ-ขยาย content

content หลัก จะมีอยู่ 2 คอลัมน์ นะคับ คือ
#content-left  คอลัมน์ฝั่งซ้ายทั้งหมด ที่เป็นบล้อกที่ใช้เขียนข้อมูลต่างๆ
#content-right  คอลัมน์ทางฝั่งขวา ตั้งแต่ Topfriends ไปจนถึง comment

ซึ่งความกว้างของทั้งสองบล้อก จะสอดคล้องกัน และรวมกันไม่เกิน 956px
หากมีการขยายด้านใดด้านหนึ่งแล้ว ก็ควรจะปรับอีกด้าน เพื่อให้ได้ความมกว้างที่เหมาะสมกัน

การย่อ-ขยาย content
การขยายหรือลดขนาด content นั้น จะต้องปรับตัวเลข 2 ส่วน ให้สอดคล้องกัน คือ
1. ขนาดความกว้างของของคอลัมน์
2. ความกว้างของส่วนเนื้อหาในในคอลัมน์ หรือ subsection

หาก content กว้าง 200px
เราก็ควรปรับ subsection เป็น 185px
ไม่ควรปรับเกินบล้อก content เพราะจะทำให้เนื้อหาล้น ออกจากคอลัมน์

==============================================

Code ย่อ-ขยายคอลัมน์ฝั่งซ้าย (Content-left)


<style type="text/css">

#content-left { width: ความกว้างของคอลัมน์px }

#lifestyle .subsection { width: ความกว้างเนื้อหาpx }
#interests .subsection { width: ความกว้างเนื้อหาpx }

</style>


==============================================

Code ย่อ-ขยายคอลัมน์ฝั่งขวา (Content-right)

<style type="text/css">

#content-right { width: ความกว้างของคอลัมน์px }
#friends { width: ---px } #friends .subsection { width: ---px }

#photoAlbum .subsection { width: ---px }

#user-fives .subsection { width: ---px }

#comments { width: ---px }
.subsection .comment { width: ---px }
.commentEditor textarea {width:ความกว้างของช่องพิมพ์คอมเม้นpx }
.comment-text
{ width: ความกว้างข้อความคอมเม้นpx !important; }

</style>