Please Read!!!!/กรุณาอ่าน

- ใช้ได้ดีกับ IE7 เท่านั้นนะคะ
- ใส่โค้ดตรงกำหนดรูปแบบโปรไฟล์/customize profile เท่านั้น (ใส่ section อื่น โค้ดจะไม่แสดงผลทั้งหมด เช่นตรง เฮดที่มีพวก home my profile ที่เป็นภาพ มันจะคลิกไม่ได้ แล้วก็ชื่อลิ้งค์ต่าง ๆ ก็จะโชว์ ทำให้ไม่สวย)
- ถ้าส่วนของคอมเม้นท์ไม่ได้ระยะตามภาพ ให้เช็คดูว่า จำนวนเพื่อน-อัลบั้มรูป-fives มีเท่าตัวอย่างรึเปล่า 
เพราะบางคนอาจจะเซต top friends แค่ไม่กี่คน ถ้าไม่เท่าตามรูปตัวอย่าง ให้ ย้ายส่วนนี้ตามโค้ดนี้ค่ะ
#comments {position:relative;top:-2800px;right:565px;width:750px} ตรง 2800px เปลี่ยนตามความ
เหมาะสม ให้เข้ากับหน้าเพจของเรา (การหาโค้ดง่าย ๆ ก็ กด Ctrl+F แล้วพิมพ์คำที่เราต้องการหาลงไป มันจะ
ช่วยให้หาง่ายขึ้น)
- เพื่อความสวยงาม และเป็นระเบียบ ของคอมเม้นท์ในโค้ดนี้ได้ลบพวกไฟล์รูป พวกสไลด์ออก แต่สามารถดูได้
ที่ลิ้งค์ ดูคอมเม้นท์ทั้งหมด/view all entries
- ถ้าอยากให้เพจโหลดเร็วควรจะเอารูปไปฝากเว็บฝากรูปให้เป็น url ของตัวเอง ใช้คนเดียวน่าจะเร็วกว่านะคะ
- ควรจะเซฟรูปไว้ในเครื่องด้วยสำหรับคนที่ยังไม่อยากฝากรูปเอง เพราะถ้าลิ้งค์รูปเน่าแล้ว ไม่มีรีฟิลนะคะ ^^
.........................................................................................

- you guys better save all the pictures to your computer (if u like this skin) and upload to get your own url cause if have lots people use the same links then 
bandwidth will be exceeded 
- only paste all of the codes into your customize profile section (if not paste all of the codes here some codes will not be show the result)
- fix this section if your display is not the same as the thumbnail picture cause someone might set top friends to less than 15 and also albums and fives
>>>>>   #comments {position:relative;top:-2800px;right:565px;width:750px} change >>> 2800px; till it's ok for ur page
- support IE7

Ps : easy to find the code just click Ctrl+F and type the key word



Code/โค้ด


<style type='text/css'>
#primenu a[name="&lid=HeaderNav_Messages"]:hover {background:url(http://upic.me/i/rc/e3msg.png) top right;background-repeat:no-repeat}  

#primenu a[name="&lid=HeaderNav_Friends"]:hover {background:url(http://upic.me/i/qj/friendlist.png) top right;background-repeat:no-repeat} 


#primenu a[name="&lid=HeaderNav_MyProfile"]:hover {background:url(http://upic.me/i/h4/myprofilehover.png) top right;background-repeat:no-repeat;}


#primenu a[name="&lid=HeaderNav_Home"]:hover {background:url(http://upic.me/i/dg/fkhi5.png) top right;background-repeat:no-repeat;width:200px} 


.updates-section {border-bottom:0px dashed #daa3df ! important;background:url(http://upic.me/i/ew/userl.png) no-repeat 0%;color:#ffffff;font-size:20px ! important;padding-left:50px;}



#about-left .subsection-separator {DISPLAY: block;background:url(http://upic.me/i/1j/ketcm.jpg) !important;HEIGHT:13px! important;width:170px! important;background-repeat: no-repeat! important;background-position:top center! important;} 


.comment-text:hover {font-size:120%}


.friend-picture { border-left:4px double #ffffff;border-right:4px double #ffffff;border-bottom:4px double #7a5712;border-top:4px double #7a5712 }


#friends div
{visibility:hidden
}
.friend-picture
{visibility:visible!important
}
.friend img
{visibility:visible!important
}
.friend-name
{visibility:visible!important
}



#friends .listitem-separator {display:none}


#content-right .section h1:first-letter{color:#ffffff;font-size:30px}
#content-left .section h1:first-letter{color:#ffffff;font-size:30px}


#content-right .section h1 {color:#765b38}
#content-left .section h1 {color:#397a12}


#content-left .section h4:first-letter{color:#ffffff;font-size:20px}


.album  {background:url(http://upic.me/i/pr/th_orangebrown.gif);filter:progid:DXImageTransform.Microsoft.Glow(color=#58442a,strength=9)}
#photoAlbums .listitem-separator {display:none}


.link_five img {display:none}
.link_five img {margin-top: 5px;}
.link_five {display: block;background: url(http://upic.me/i/b2/8kgq5.gif) center center no-repeat;height: 50px;filter:progid:DXImageTransform.Microsoft.Glow(color=#ffffff,strength=7)}
.link_five:hover img {display: block;}
.link_five .listitem-separator {display:none}
#user-fives .listitem-separator {display:none}


.friend-name {filter:progid:DXImageTransform.Microsoft.Glow(color=#3fa33d,strength=3);}
.friend-name a {color:#fff}


.journalImage {width:100%; display: block; text-align: center; }


#groups .subsection table tr td { font-size: 1pt; line-height: 0px; } 
#groups .subsection a { display: block; line-height: 30px; }


.friend-quote {background:url(http://upic.me/i/pr/th_orangebrown.gif);color:#fff;}

#recent-updates .icon { display: none !important; }


#xabout-center span {display:none}


#online-now-icon {BACKGROUND:url(http://upic.me/i/7w/online.gif) 100% no-repeat;height: 20px;width:200px;padding-left:50px}


#content-right .section h2 { filter:glow(Color=#6a521e, Strength=3);}
#content-left .section h2 { filter:glow(Color=#286a1e, Strength=3);}
.section h2 a {color:#fff;}
.section h2 a:hover {color:#f9e50a;text-decoration:none}


.vanity-title a{color:#d40028;}


#user-links a img {filter:alpha(opacity=50)} 


form textarea {background:url(http://upic.me/i/gv/silverclear01.gif);width:450px;border:1px dashed #ffffff;height:30px;
overflow:hidden;color:#4c3514; text-algin:center;}
form textarea:hover {cursor:url(http://downloads.totallyfreecursors.com/cursor_files/handpencil.cur);}
.commentEditor form input {background: transparent url() center center no-repeat;
border:none;
color:#54813c;;Filter: Glow(Color=#ffffff, Strength=5);font-family:Lucida Handwriting; cursor:pointer;}


#comments .comment{padding-bottom:0px;
background:url(http://upic.me/i/1j/ketcm.jpg) no-repeat;height:110px;padding-left:10px}
#comments .listitem-separator{display:none}


.comment-text {height:60px !important;
margin-left:0px !important;overflow:hidden !important;
font-size:10px;background:none;Filter: Shadow(Color=#ffffff, Strength=10);color:#4c3322;position:relative;top:-85px;left:128px}

.comment-picture {visibility: visible !important} 
.comment div {visibility: hidden} 
.comment-text {visibility: visible !important} 


#comments .comment-text br{display: none;}


#comments .comment-text img{
display:none;}
.comment-text marquee,.comment-text embed,.comment-text object,.comment-text div,.comment-text li,.comment-text a {display:none}


.section h3 { border-bottom: 0px; }  


#profile-name :hover {font-size:30px !important;color:#fff;font-family:Curlz MT}


#profile-name span {font-size:20px !important;color:#ffffff;font-family:Arial Black;background:url(http://i538.photobucket.com/albums/ff342/deedyhi5/hi5themes/thorangebrown.gif)}


#profile-name strong{margin-left:450px}
#profile-name .section-name   { display: none !important; }


#comments .comment-picture img{
height:100px !important;
width:100px !important;margin-top:10px;margin-left:10px;}
.comment-picture {background:url(http://upic.me/i/pr/th_orangebrown.gif) no-repeat;height:110px !important;
width:110px !important;border:none;}
.comment-picture:hover {background:url(http://upic.me/i/k4/th_cd04_glitter2_lime121.gif)}


#picture-links a{color:#816542}


#todays-topic strong{color:#5ba63a;}


#todays-topic {color: #fa060c;font-size:13px;}


#todays-topic:first-letter  {border:2px solid #369923;background:url(http://upic.me/i/pr/th_orangebrown.gif);color: #fff;font-size:30px;}


#journal-entries :first-letter  {color: #fff;font-size:20px;background:url(http://upic.me/i/pr/th_orangebrown.gif);}


a {color:#376c1d;}
a:hover {color:#59370b;text-decoration:none;}


#content-right a img:hover {zoom:1.05}


td,th,div,body,li,ul,p, .section h1, #profile-nav a, #content-left h4, #xabout-right h4 {;font-family:Helvetica;color:#452e20}


.section h1 {border:none;background:transparent;}

.section h2 {border:none;background:transparent;}


#searchlink {position:relative;
top:10px;right:100px;width:200px;text-indent:-9000px;}


#glsearch  {position:relative;
top:320px;right:200px;width:400px}


#acclinks {position:relative;
top:550px;right:600px;color:#583723;width:300px;border:2px dashed #fff}
#acclinks a {color:#583723;font-family:
Impact;font-size:15px;}


#langdrop {display:none !important}


#glsearch input {border:none;background:transparent;color:#000;}


.loggedin strong  {color:#73a64a;{position:relative;
top:480px;right:170px;font-size:30px;Filter: Shadow(Color=#ffffff, Direction=225);font-family:Arial Black}
.loggedin strong:hover {font-size:70px;font-family:Impact;Color:#67422b}


#primenu a[name="&lid=HeaderNav_Groups"] 
 {position:relative;
top:230px;left:30px;width:200px;text-indent:-9000px;}



#primenu a[name="&lid=HeaderNav_Messages"]   {position:relative;
top:120px;left:50px;width:250px;text-indent:-9000px;}


#primenu a[name="&lid=HeaderNav_Friends"]  {position:relative;
top:180px;right:10px;width:230px;text-indent:-9000px;}


#primenu a[name="&lid=HeaderNav_MyProfile"]  {position:relative;
top:55px;left:220px; width:270px;text-indent:-9000px;}


#primenu a[name="&lid=HeaderNav_Home"] {position:relative;
top:75px;left:100px;text-indent:-9000px;width:160px}


#content-left iframe
{visibility: visible !important}
iframe {visibility: hidden}


#comments {position:relative;top:-2800px;right:565px;width:750px}
#comments {height:400px;overflow:auto}


#journal-entries {text-align:right}


#contact-info , #xabout-right h4, #xabout-center h4,  {display:none}


.vanity-bar, #common-friends, style + #friends {display:none}


#todays-topic {width:320px !important}


.vanity-title {width:150px;text-align:right}


#user-links {width:170px;}
#user-links a {width:170px;}


#user-links a img {float:right}


#user-picture img {filter:alpha(opacity=0)}
#user-picture, #user-picture img {width:200px !important;height:210px !important;background:url(http://upic.me/i/lc/frame.png) center center no-repeat} 


#xabout-left {position:relative;top:-450px;left:570px}
#xabout-center {position:relative;top:-340px;right:40px}
#xabout-right {position:relative;top:-200px;right:200px}


#content-left .subsection {text-align:center}


#profile-nav-apps { display: none !important; }


#profile-nav a {font-family:Felix Titling;color:#4e7c49;display:list-item;list-style-type:none;padding-left:10px;font-weight:bold;
font-size:20px;height:30px;width:200px}
#profile-nav {position:relative;top:-20px;}
#profile-nav a:hover {color:#9a5605;text-decoration:none;background:url(http://upic.me/i/ig/wcd12.gif)}



#primenu a:hover {background:url(http://upic.me/i/ig/wcd12.gif)}



.emptyProfileInfo { display: none; } 
.subsection .emptyProfileInfo { display: block; }


#profile-nav {height:300px;background-color:transparent}


#profile-name {
background-image: url(http://upic.me/i/0o/dipfn.jpg);height:320px;background-color:transparent;position:relative;top:-10px;padding-top:70px;;color:#2c8f09}


#footer * {display:none}
#footer {width:800px;height:236px;background-image:url(http://upic.me/i/xy/01qft.png);background-position:90% 60%;background-repeat:no-repeat;border:none;
position:relative;
top:20px;}


#user-details {border:none; width:750px}


html {background:url(http://upic.me/i/al/whtml.jpg) left top fixed;background-color:#fff;
scrollbar-arrow-color:#fff;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#b49061;
scrollbar-track-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-darkshadow-color:#fff;
overflow-x:hidden}


body {background:url(http://upic.me/i/qx/8bdbg.png) right right repeat-y;margin-top:20px}


#p_nav_header {background: url(http://upic.me/i/va/cl5bn.jpg) no-repeat top center;height: 600px; border:none;}


#new_header {background:url() no-repeat; height: 100px}


#primenu li.on {background:none;}


#p_container {background:url(http://upic.me/i/7m/bpctn.jpg) center center repeat-y;width:800px}

#content-right {width:200px;position:relative;
right:250px;}
#content-left {width:550px;position:relative;
left:20px;}
#contain-left, #contain-right {text-align:center}


#topic-noedit {font-size:11px !important;color:#53b512 !important}

#input-bubble {border:none !important;}

div.input-bubble-noedit {border-bottom:0px !important}

#topic {font-size:11px !important; background-color:transparent !important;color:#6b4816 !important} 

</style>