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

- ใช้ได้ดีกับ IE7 เท่านั้นนะคะ
- เพื่อความสวยงาม และเป็นระเบียบ ของคอมเม้นท์ในโค้ดนี้ได้ลบพวกไฟล์รูป พวกสไลด์ออก แต่สามารถดูได้
ที่ลิ้งค์ ดูคอมเม้นท์ทั้งหมด/view all entries
- ถ้าอยากให้เพจโหลดเร็วควรจะเอารูปไปฝากเว็บฝากรูปให้เป็น url ของตัวเอง ใช้คนเดียวน่าจะเร็วกว่านะคะ
- ควรจะเซฟรูปไว้ในเครื่องด้วยสำหรับคนที่ยังไม่อยากฝากรูปเอง เพราะถ้าลิ้งค์รูปเน่าแล้ว ไม่มีรีฟิลนะคะ ^^
- ลิ้งค์ที่จำเป็น ที่ควรแอดไว้ในเมนู Favorites >>>
  กำหนดรูปแบบโปรไฟล์ >>> http://www.hi5.com/friend/account/displayEditProfileCustomization.do
  แก้ไขเกี่ยวกับฉัน     >>> http://www.hi5.com/friend/profile/displayEditBasic.do
 แก้ไขส่วนนี้  ความสนใจเฉพาะ >>> http://www.hi5.com/friend/profile/displayEditPersonal.do
- ทำให้ใช้สำหรับบุคคลเท่านั้น กรุณาอย่านำไปแจกต่อ

กด Ctrl + F แล้วใส่คำที่ต้องการหา จะช่วยให่หาโค้ดง่ายขึ้น

.........................................................................................

- Best viewed with IE7
- Remove skin from Hi5 if you are using it
- 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)
- For viewing slides, pictures or long text comments please check by click on your "view all entries" 's links cause I have removed them from showing on page
- Important links that you should add to your Favorites menu on your browser
  Customize Profile >>> http://www.hi5.com/friend/account/displayEditProfileCustomization.do
  Edit about me >>> http://www.hi5.com/friend/profile/displayEditBasic.do
  Edit Interests >>> http://www.hi5.com/friend/profile/displayEditPersonal.do
- I truely hope you enjoy my Hi5's skins and these are for personal use only, do not distribute or release with out my permission!

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



Code/โค้ด

........................................................................................................................



<style type='text/css'>

#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} 

#profile-name:first-letter  {border:2px solid #fff608;color: #45c42c;font-size:30px;background:url(http://upic.me/i/ae/th_winni.gif);}

#profile-nav {height:80px;padding-top:50px}

#profile-nav a:hover {text-decoration:none}

#profile-nav a {background:url(http://upic.me/i/ae/th_winni.gif);text-align:center;color:#59903f;border-top:2px dashed #b1934c; border-bottom:2px inset #d3cd30;}

#content-left {text-align:center}

 
.section h1 {background:url(http://upic.me/i/y1/skabl.png) repeat-x 100% 100%; height:50px}

#comments .comment:first-child .comment-text {color:#4d2a0a}

#comments h3 {position:relative;left:1px;border:none; background:url(http://upic.me/i/rg/l7cm1.gif) no-repeat center;height:199px}
#comments h3 form {margin-top:90px}

.commentEditor form input {background: transparent url() center center no-repeat;
width: 160px;
height: 20px;
border:none;
cursor:pointer;
line-height: 50px;
text-indent:-9000px}

form textarea {padding-left:3px;background:transparent;border:none;
width:125px;height:75px;color:#fff; text-algin:center;Filter: Glow(Color=#ac8758, Strength=5);border:none;font-size:10px ;scrollbar-arrow-color:#f3e9c9;
scrollbar-face-color:#f3e9c9;
scrollbar-highlight-color:#f3e9c9;
scrollbar-3dlight-color:#ede62f;
scrollbar-track-color:#f3e9c9;
scrollbar-shadow-color:#f3e9c9;
scrollbar-darkshadow-color:#f3e9c9;}
form textarea:hover {cursor:url(http://downloads.totallyfreecursors.com/cursor_files/handpencil.cur);}

#newURL a {background:url(http://upic.me/i/ae/th_winni.gif);color:#2e6115}

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

.friend-quote {background:url(http://upic.me/i/ae/th_winni.gif);color:#2e6115}


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

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

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

.comment-picture {margin-top:22px;border-left:1px #579d35;border-top:1px #579d35; border-right:1px #7b5b24;border-bottom:1px #7b5b24;}

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

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


.comment-text img, .comment-text marquee,.comment-text embed,.comment-text object,.comment-text div,.comment-text li,.comment-text a {max-height: 30%;max-width:30%;} 


.comment-text {width:120px !important;height:100px !important;overflow:hidden !important }

#comments .listitem-separator { visibility: hidden; }


#profile-name :hover {height:50px;font-size:30px !important;color:#7bc975;font-family:Curlz MT}
#profile-name span {font-size:20px !important;color:#9d7735;font-family:Arial Black;background:url(http://upic.me/i/1f/p9153.gif)}
#profile-name .section-name   { display: none !important; }

#footer {height:200px;background-image:url(http://upic.me/i/bp/hq5ft.jpg);background-repeat:no-repeat;border:none;
position:relative;
top:20px;}

.link_five img {height:22px}

#user-fives {background:url(http://upic.me/i/b9/p3691.gif) no-repeat 80% 100%;height:350px}

#user-fives .listitem-separator {display:none}
#photoAlbums .listitem-separator {display:none}


.albumWrapper {width: 60px !important; height: 60px ! important;}
.album {background: url(http://upic.me/i/uv/20070302_144641_goldglitter02aa.gif); height: 60px; width: 60px;} 
.album img {width: 50px !important; height: 50px !important; margin-top:5px;filter:alpha(opacity=80)}
.album img:hover {filter:alpha(opacity=100)}

#comments h3 {border:none ! important}

#xabout-right {text-align:right}

#online-now-icon {BACKGROUND:url(http://upic.me/i/xq/online.jpg);height: 30px;width:30px;margin-left:100px} 
#xabout-center span {color:#7bc975}

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

#friends .subsection {padding-left:40px}
#friends {height:260px; overflow:auto;scrollbar-arrow-color:#f3e9c9;
scrollbar-face-color:#f3e9c9;
scrollbar-highlight-color:#f3e9c9;
scrollbar-3dlight-color:#a8d98a;
scrollbar-track-color:#f3e9c9;
scrollbar-shadow-color:#f3e9c9;
scrollbar-darkshadow-color:#f3e9c9;}

#friends h2 a {display:none}

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

.friend-picture {border:none; margin-left: 0px;background:url( );}
.friend-picture a img {width:100px; height:100px !important; }
.friend-picture {height:100px !important;width:100px!important}
.friend-picture img {filter:alpha(opacity=30)}
.friend-picture a:hover img { filter: none;}
.friend-name {display:none}


.comment-text:hover {color:#579d35}

#about-left .subsection-separator {DISPLAY: block;background:url(http://upic.me/i/y1/skabl.png) !important;HEIGHT:10px! important;width:170px! important;background-repeat: no-repeat! important;background-position:top center! important;} 

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

.section h2 {text-align:center;}

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

.comment-text{font-size:10px}
.comment-text:first-letter {color:#25881b;}

.section h3 a {color:#73be4d;font-size:10px}
.section h3 a:hover {color:#88651b}

#xabout-right {position:relative;top:160px;right:190px}


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

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



#content-right .section h1 {border:none;color:#66b460;font-size:15px;text-align:center}
#content-left .section h1 {border:none;color:#5e8e78;font-size:15px;text-align:center}
.section h2 a ,.section h2 {background:none;color:#ae7d1d;font-size:8px}

#glsearch {position:relative;right:10px}

td,th,div,body,li,ul,p, .section h1, #content-left h4,#xabout-right h4,#xabout-center h4 {font-family:Helvetica;color:#d47602;font-size:11px}

a {color:#67b561;font-size:11px}
a:hover {color:#efcc10;text-decoration:none;}

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

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

#user-links {width:170px;}
#user-links a {width:170px;height:22px;background:url(http://upic.me/i/h6/kjusl.jpg)}

#user-links a img {display:none}

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

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

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

#user-info {float:left}


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

#primenu {width:600px}


#primenu li a:hover {text-decoration:none; }


#primenu a,#primenu li.on a {
background:url(http://upic.me/i/18/primn.jpg) no-repeat;color:#3b8c28 !important;height:50px;width:160px;text-align:center;font-weight:bold}



#userstuff {display:none}

textarea {width:100px}


#content-right {width:180px;position:relative;
right:205px;top:70px}
#content-left {width:420px;position:relative;
top:70px}
#contain-left, #contain-right {text-align:center;}

#p_container {background:url() center center repeat-y;width:600px}


#profile-nav {background-color:transparent;text-align:center;}
#profile-name {
background-image: url();background-color:transparent;text-align:center;color:#2c8f09}

#footer * {display:none}
#footer {border:none}

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

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

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

#primenu li.on {background:none;}

#p_nav_header {background: url(http://upic.me/i/is/navhd.jpg) no-repeat center bottom;height: 510px; border:none;width:600px}

html {background:url(http://img204.imageshack.us/img204/5774/mainbgfe2.jpg) center center fixed;background-color:#fff;
scrollbar-arrow-color:#f3e9c9;
scrollbar-face-color:#f3e9c9;
scrollbar-highlight-color:#f3e9c9;
scrollbar-3dlight-color:#a77227;
scrollbar-track-color:#f3e9c9;
scrollbar-shadow-color:#f3e9c9;
scrollbar-darkshadow-color:#f3e9c9;
overflow-x:hidden;
border:10px #addb92 SOLID}

body {background:url() right right repeat-y;border:5px double #f5c21d }</style>