เกี่ยวกับ code
โค้ด ชุดนี้ เป็นการจัดรูปแบบ layout อย่างง่าย และลบส่วนที่ไม่จำเป็นออกบางส่วน ส่วนที่เห็นการเปลี่ยนแปลงได้ชัดเจน คือส่วนของ content ทั้งสองฝั่ง ซึ่งทางฝั่งซ้ายจะมีขนาดกว้างขึ้น เหมาะสำหรับผู้ที่ต้องการใส่เนื้อหาให้โปรไฟล์จำนวนมากๆ และส่วนทางด้านขวามือก็จะแคบลง
support: IE6-7-8, FireFox2-3, Chrome, Safari, Opera
- Code:
<!--["return TURE"]>
<style>
#commentImage {display:none}
#gifts {display:none}
#user-fives {display:none}
#common-friends {display:none}
#friends h1{display:none}
#friends .listitem-separator {display:none}
#recent-updates {display:none}
#photoAlbums {display:none}
#content-left h4 {display:none}
#content-right h2 {display:none}
#friends .footer {display:none}
#content-right .section-separator {display:none}
.comment-text img {display:none}
.comment-text object {display:none}
.comment-text br {display:none}
.emptyProfileInfo {display:none}
#friends .subsection div{display:none}
div.friend,div.friend div{display:block !important}
#user-details {border:none}
#info,#contact {border:none}
#info-topmid {filter:none !important;background:none !important}
#info-topleft,#info-topright,
#info-botleft,#info-botmid,
#info-botright {display:none}
#xabout-right div {display:none}
#xabout-right iframe,
#xabout-right object,
#xabout-right img,
div a.sponsoredby
{display:none !important}
#xabout-right {
height:120px;
overflow:hidden
}
iframe {display:none}
div#content-left iframe {
display:block !important
}
.section h1 {border:none}
.section h2 {background:transparent}
#user-details div.content table tr td#about-right div#xabout-right div#vanity-bars.subsection {
display:block !important
}
div.vanity-bar,
div.vanity-bar div,
div.vanity-title {display:block !important}
#content-left {width:650px}
#content-right {width:290px}
#interests .subsection ,
#lifestyle .subsection {
width:640px}
#interests .subsection div.box_profile_info_small_content,
#lifestyle .subsection div.box_profile_info_small_content {
width:635px; margin:0px}
#friends {width:285px}
.friend {width:90px}
.friend-picture div {margin-left:0px !important}
.friend-picture,
.friend-picture a img {
height:90px;
width:90px;
border:none;
margin-left:0px;
}
.friend {width:90px}
.friend-picture div {margin-left:0px !important}
.friend-picture,
.friend-picture a img {
height:90px;
width:90px;
border:none;
margin-left:0px;
}
.comment-picture {height:100px !important; width:100px}
.comment-picture a img {width:100px; height:100px}
#comments {width:285px}
.comment {width:275px}
.comment-text {
width:270px !important;
margin-left:2px !important
}
.commentEditorNew textarea {width:280px}
#comments .listitem-separator {background: black !important}
</style>
<! [endif]-->