แจกโค้ดแนวๆ ตกแต่งhi5 เพิ่มสีสันให้ hi5
โค้ดทุกอย่างอยู่ตรงกลาง
<style type="text/css">
#photoAlbums {display:none}
#recent-updates {display:none} #user-fives {position:relative;bottom: -0em;left: -20.2em;}
#content-left {position:relative;bottom: -57.5em;left: 0em;}
#friends {position:relative;bottom: -0em;left: -20.2em;}
.friend-picture{height:ความสูงรูปเพื่อนpx}
#photoAlbums {display:none}
#recent-updates {display:none}
#user-fives {position:relative;bottom: -0em;left: -20.2em;}
#content-left {position:relative;bottom: -57.5em;left: 0em;}
#friends {position:relative;bottom: -0em;left: -20.2em;}
.friend-picture{height:100px !important;width:100px!important; margin-left:0px;border: none 0px; }
.friend-picture img {height:100px !important;width:100px!important;margin-left: 6px}
#p_nav_primary #nav_select {background-image:none;}
#p_nav_header {background:none; border:none; }
div#top_header {background:none; }
#p_nav_primary { background: none; border:none; }
#p_nav_header{display:none}
.comment-picture {height:ความสูงรูปคอมเม้นpx!important; width:ความกว้างรูปคอมเม้นpx;
border:ชนิดกรอบ #โค้ดสี ขนาดกรอบpx;}
.comment-picture a img {width:ความกว้างรูปคอมเม้นpx;height:ความสูงรูปคอมเม้นpx;}
#comments {position:relative;top: 70em;right: 30.5em; MARGIN-LEFT: -115px;MARGIN-right: -250px;width:907px;MARGIN-BOTTOM: 70em;}
.comment-text {MARGIN-TOP: 6em; LEFT: 27em;POSITION: relative;}
#comments h2 { text-align: center }
#comments h1 { text-align: center }
.comment-picture {MARGIN-TOP: 6em; LEFT: 33em;POSITION: relative;}
.comment-picture {height:100px !important; width:100px;}
.comment-picture {height:100px !important; width:100px;}
#comments .subsection { background:url(none); } .comment-picture {MARGIN-TOP: 6em; LEFT: 31em;POSITION: relative;}
.comment-text { TEXT-ALIGN: center}
.comment-text {MARGIN-TOP: 6em; LEFT: 12em;POSITION: relative;}
#comments h2 { text-align: center } #comments h1 { text-align: center }
.section .comment-text { FONT-SIZE: 15px; FLOAT: none; MARGIN: 28px 0 0 13px; OVERFLOW: auto; WIDTH: 440px; COLOR: #; FONT-FAMILY: bold; }
.comment { border: ชนิดกรอบคอมเม้น ขนาดpx #โค้ดสี; }
.comment-text { letter-spacing: 8px }
.comment {background:url(); background-position:226px 11px;background-repeat:no-repeat}
.comment-text { background: url(none); border:ขนาดกรอบpx #โค้ดสี ชนิดกรอบในคอมเม้น;}
#comments .subsection {border-style: ชนิดกรอบ; border: ขนาดกรอบpx;border-color: #โค้ดสี; }
#comments .listitem-separator {background:url(urlรูปเส้นกั้นคอมเม้น) top center no-repeat !important; height:ความสูงpx !important;}
.comment-picture {border: ชนิดกรอบ ขนาดpx #โค้ดสี;}
#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>
โค้ดเฮดคลุมทั้งโปรไฟล์ (ต้องทำรูปก่อน)
<style type="text/css">
#p_nav_header { background: url( urlของรูป )!important;
background-repeat:no-repeat!important; border:none;
width: 956px!important;margin-top:7px!important;height:82px}
#new_header,#top_header , #primenu li.on,#p_nav_primary ,#nav_select{ background:none !important; border:none; }
table#search_table tr td { vertical-align: left !important;}
#search_table {direction:ltr !important}
.box_profile_connections {display:none!important}
.profile-nav {margin: 0 0 10px 0; padding: 0px 0 0 0!important;}
#profile-name {background-image:url( urlของรูป );
width:956px; height:383px;background-repeat:no-repeat; }
#profile-nav {background:url( urlของรูป ) no-repeat;height:35px;}
.sub_nav_link {color:#000000 !important}
#user-details .content {background: url( urlของรูป );}
#user-details{border:none !important;}
#user-details .footer {display:none}
</style>
โค้ดซ่อนคอมเม้น
<style>
.subsection .comment {height:100px !important;}
.subsection .comment:hover {height:100% !important;overflow-y:auto;}
</style>
โค้ดใส่รูปตรงส่วนท้ายของข้อมูลโปรไฟล์
<style type="text/css">
#user-details .footer {background-image: url( urlของรูป );
display: block;height: ความสูงpx;}
</style>
โค้ดใส่รูปตรงด้านล่างสุดของhi5
<style type="text/css">
#footer { background: url( urlของรูป ) no-repeat center center;
border: none; display: block; height: ความสูงpx; }
#footer *,#footer a,#ad_banner {display: none;}
</style>
โค้ดชี้ลิ้งค์แล้วตัวหนังสือใหญ่ขึ้น
<style type="text/css">
A:hover { font-variant: small-caps; font-size: ขนาดตัวหนังสือpx; font-weight: bold; color: #โค้ดสี; }
</style>
โค้ดเปลี่ยนสีลิ้งค์ทั้งหมด(ชี้ลิ้งค์แบบใหม่!)
<style type="text/css">
body { margin: 0px 0px; padding: 0px 0px}
a:link { color: #ใส่สีลิงค์ที่ชอบ; text-decoration: none}
a:visited { color: #สีลิงค์ที่คลิกแล้ว; text-decoration: none}
a:active { color: #สีตอนกำลังจะคลิก; text-decoration: underline}
a:hover { color: #สีตอนคลิกลิงค์; text-decoration: underline}
</style>
โค้ดเปลี่ยนตัวอักษรคอมเม้นที่กล่องคอมเม้น
<style type="text/css">
textarea{width:ความกว้าง;height:ความสูง;background:url("urlรูป");
color="โค้ดสี"; STRONG; font-family :แบบอักษร; font-size:ขนาดpt;
</style>
โค้ดเปลี่ยนตัวอักษรตรงคอมเม้น
<style type="text/css">
#comment_detail_border div{font-family:"แบบอักษร";font-size:ขนาดpt;}
</style>
โค้ดชี้ลิ้งค์แล้วมีHIGHTLIGHT
<style type="text/css">
a:hover { color:สีตัวอักษร;
text-decoration:none; background:สีBG;}
</style>
โค้ดเมาส์เป็นเครื่องหมายบวก
<style type=text/css>
body {cursor:crosshair;}
</style>
โค้ดต่อไปนี้เอาไปใส่เวลาเม้นหาเพื่อน หรือใส่ในช่อง"เกี่ยวกับฉัน"และ"ความสนใจเฉพาะ"นะคะ!!
โค้ดข้อความวิ่งและเขียนเอง
<font face="ชนิดตัวหนังสือ" size="3" color="#โค้ดสี">
<marquee>ใส่ข้อความ</marquee></font>
โค้ดข้อความเขียนเอง
<font face="ชนิดตัวหนังสือ" size="3" color="#โค้ดสี">ใส่ข้อความ</font>
โค้ดข้อความวิ่งมีพื้นหลัง
<p><font color="#โค้ดสีตัวหนังสือ">
<marquee bgcolor="#โค้ดสีพื้นหลัง">ใส่ข้อความ</marquee></font></p>
โค้ดอักษรเลื่อน(จากขวามาซ้าย)และเป็นลิ้งค์ด้วย
<MARQUEE direction=left>ข้อความด้านหน้าลิ้งค์<A href="Urlของลิ้งค์ ">ข้อความที่เป็นลิ้งค์z</A></MARQUEE>
