โค้ด hi5 beta ต่างๆเสถียรภาพที่สุดในโลก~!!! {--ขอโค้ดได้ที่นี่--}

ประกาศ วันที่ 14 เมษา 2553ตอนนี้ hi5 สามารถใช้ code cssได้แล้ว

ใครยังไม่เข้าใจ เข้ามาอ่านที่ http://www.hi5thai.com/thread-113458-1-1.html

รวมโค้ด hi5 ต่างๆ มากมายที่สุดในโลก http://www.hi5thai.com/thread-103259-1-2.html

โค้ดลบต่างๆ http://www.hi5thai.com/thread-108039-1-2.html

โค้ด hi5 เจ๋งๆ สำเร็จรูป http://www.hi5thai.com/thread-107582-1-2.html

โค้ดแปลกๆ  http://www.hi5thai.com/thread-89014-1-2.html

http://xxnoomzaaxx.hi5.com

http://xxnoomzaaxx.hi5.com

http://xxnoomzaaxx.hi5.com

วิธีใส่โค้ด

<style>
ใส่โค้ดตรงนี้
</style>

▂▂▂▂▂▂▂▂▂▂รวมโค้ดใช้สำหรับ HI5▂▂▂▂▂▂▂▂▂

อันนี้สำหรับคนที่ไม่รู้จริงๆนะ โค้ดที่ทำให้ตัวหนังสือหรือรูปภาพอยู่ตรงกลางเวลาใส่ไปที่เกี่ยวกับฉัน หรือความสนใจ

นี่ก็ได้
<div align="center">จะเป็นโค้ดตัวหนังสือหรือรูปภาพก็ได้นะครับใส่ตรงนี้</div>

โค้ดนี้ก็ได้นะครับ
<center>จะเป็นโค้ดตัวหนังสือหรือรูปภาพก็ได้นะครับใส่ตรงนี้</center>

นี่ก็ได้เหมือนกัน
<p align="center">จะเป็นโค้ดตัวหนังสือหรือรูปภาพก็ได้นะครับใส่ตรงนี้</p>

โค้ดลบแถบสีขาวใสๆลิ้งค์รูปโปรไฟล์ และ แถบสติถิ

1. <style>
   
2. #Profile-TopLeft-PhotoContainerBackground,#profileLeftBlueBoxBg, #user-pictureBg, #vanity-barsBg, #otherUserInfoBg {background: none !important}
   
3. </style>

คัดลอกไปที่คลิปบอร์ด

------------------------------------------------------------------------------------

hi5 ทั้งหน้าใสปิ้งรวมทั้งแถบเมนูด้านบน
ใสทะลุถึงพื้นหลัง(ตอบก่อนถึงเห็นโค้ด)

1. div#PageHeaderContainer,ul#PageHeader-GlobalNav ul.sectionNav,ul#PageHeader-GlobalNav li a:hover,ul#PageHeader-GlobalNav li.selected a,ul#PageHeader-GlobalNav li.selected ul.sectionNav a,ul#PageHeader-GlobalNav li.logo a img,
   
2. a.button,a.button span{background-color:transparent;border:none !important;background-image:none !important}
   
3. #headerNameBg {background: none !important}
   
4. div#Profile-TopLeft-PhotoContainerBackground, #vanity-barsBg{background: none !important}
   
5. #Profile-TopLeft-UserNav {display:none}
   
6. div#Profile-ActionBar{display:none}#PageFooterAd,#PageFooter,#hi5-ad-1,#recent-updates,div#PageLeader,#GamesToolbar,#PageLeader,.pageLeaderAd {display: none !important}

คัดลอกไปที่คลิปบอร์ด

ลบคำว่ากี่นาที ที่แล้ว กับคำว่าตอบ ตรงสถานะ (กดดูมุมมองของคนอื่นนะ)
<style>
div.cite .status-time,#otherUserInfo a{display:none}
</style>


ลบคำว่าPoints ตรงแถบสติถิ
#vanity-bars span{display: none !important}

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂


โค้ดชี้ลิ้งค์เปลี่ยนสี


a:link { color: ใส่สีลิงค์!important; text-decoration: none}
a:visited { color: สีลิงค์ที่คลิกแล้ว!important; text-decoration: none}
a:active { color: สีตอนเม้าส์ชี้!important; text-decoration: underline}
a:hover { color: สีตอนคลิกลิงค์!important; text-decoration: underline}
#Profile-TopLeft-ActionLinks a:link { color: ใส่สีลิงค์ใต้รูปโปรไฟล์!important; text-decoration: none}
#Profile-TopLeft-ActionLinks a:visited{ color: สีลิงค์ที่คลิกแล้วใต้รูปโปรไฟล์!important; text-decoration: none}
#Profile-TopLeft-ActionLinks a:active { color: สีตอนเม้าส์ชี้ใต้รูปโปรไฟล์!important; text-decoration: underline}
#Profile-TopLeft-ActionLinks a:hover { color: สีตอนคลิกลิงค์ใต้รูปโปรไฟล์!important; text-decoration: underline}

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂


ลบกี่นาทีที่แล้ว

<style>
div#input-bubble-cite{display:none}
</style>

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂


ชื่อโปรไฟล์กระพิบๆ งงอ่าดิ
#headerName{text-decoration:blink}
▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

มีเส้นบนชื่อโปรไฟล์ งงเปล่าอะ ฮ่าๆ
#headerName{text-decoration:overline}
▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

ขีดเส้นชื่อโปรไฟล์ขวางเลย
#headerName{text-decoration:line-through}
▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

ขีดเส้นใต้ชื่อโปรไฟล์
#headerName{text-decoration:underline}
Code By xxnoomzaaxx.hi5.com
▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂



ใส่รูปหน้าชื่อโปรไฟล์
#headerName:before {content:url(urlภาพ)}

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂



ใส่รูปหลังชื่อโปรไฟล์
#headerName:after {content:url(urlภาพ)}


▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂



ใส่รูปหน้าคำคอมเม้นท์
#comments .comment-text:before {content:url(urlภาพ)}

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂



ใส่รูปหลังคำคอมเม้นท์
#comments .comment-text:after{content:url(urlภาพ)}

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

จัดทำโดย http://xxnoomzaaxx.hi5.com

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂


เปลี่ยนโลโก้ hi5 แต่งแถบเมนูhi5

<style>
#PageHeaderContainer li a {color:สีลิ้งค์เมนู!important;}
#PageHeaderContainer li a:hover {color:สีเมื่อเอาเม้าส์ชี้ลื้งค์เมนู!important}

#PageHeaderLogo img {;visibility: hidden;}
#PageHeaderLogo{background:url(URLโลโก้hi5) no-repeat 50% 0%;no-repeat center center;height:ความสูงภาพpx;width:ความกว้างpx}

#PageHeaderContainer {background:url(URLภาพพื้นหลังเมนูถ้าเอาแต่สีพื้นหลังไม่ต้องใส่ URLตรงนี้ก็ได้) no-repeat 50% 0%;no-repeat center center;height:ความสูงภาพpx;width:ความกว้างpx;background-color: สีพื้นหลังเมนู hi5 !important}
</style>

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

ชื่อโปรไฟล์ตรงกลาง ใหญ่ด้วย
#headerName{TEXT-ALIGN:center;font-size:ขนาดตัวหนังสือชื่อโปรไฟล์px;color:โค้ดสีชื่อโปรไฟล์!important;}

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

ชื่อโปรไฟล์ชิดขวา ใหญ่ด้วย
#headerName{TEXT-ALIGN:right;font-size:ขนาดตัวหนังสือชื่อโปรไฟล์px;color:โค้ดสีชื่อโปรไฟล์!important;} หรือจะเอาด้านซ้ายล่ะ ? แหม๋มันซ้ายอยู่แล้วปกติ ฮ่าๆๆ

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂


ใส่แต่งสถานะ(อย่าใส่ลืมใส่โค้ดเปิดกับปิดด้วยนะครับ มุมเราอาจมองไม่เห็นกดดูในมุมมองคนอื่นะครับ)

#topic-edit-link {color:สีลิ้งค์คำว่าแก้ไข;font-size:ขนาดตัวหนังสือคำว่าแก้ไขpx !important;}
#topic-edit-link:hover {color:สีตอนเอาเม้าส์ชี้คำว่าแก้ไข;}
#otherUserInfoBg{background:url(URLภาพ) no-repeat 50% 0%;no-repeat center center;height:ความสูงภาพpx;width:ความกว้างpx }
#topic-noedit  {color: โค้ดสีของคำพูดที่สถานะ !important;font-size:ขนาดตัวหนังสือสถานะpx;text-decoration: none !important;}

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

ลบคำว่ากี่นาทีที่แล้วตรงสถานะ กับลบหัวข้อข้อมูลตรงสถานะ
#otherUserInfo h4,#topic-noedit .status-time{display: none}

code by http://xxnoomzaaxx.hi5.com

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂




รูปโปรไฟล์ใหญ่ นำรูปอื่นใส่แทนนะ (รูปด้านบนอันนี้ไม่ทับกับลิ้งค์เพิ่มเพื่อน)()แก้ไขใหม่แล้วใช้ได้ๆ

1. #Profile-TopLeft img {;visibility: hidden;}
   
2. #Profile-TopLeft-Photo{background:url(URLภาพ) no-repeat 50% 0%;no-repeat center center;height:ความสูงภาพpx;width:ความกว้างpx }
   
3. 
   
4. #Profile-TopLeft-UserNav {display:none}
   
5. #uploadPhotosLink {display: none}
   
6. div#Profile-TopLeft-PhotoContainerBackground, #vanity-barsBg{background: none !important}

คัดลอกไปที่คลิปบอร์ด

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂


โค้ดพื้นหลัง hi5 เต็มจอ ในรูปเดียวแก้ไขแล้วเต็มๆ


<style>
Body{background-image:url(urlภาพ956*717);background-position: center;background-repeat: no-repeat;background-attachment: fixed;background-color:#000000;}
</style>

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

โค้ดขยับ ให้ส่วนเฮดกับโปรไฟล์ติดกัน

<style>
#user-details{;position:relative;top:-5px}
#PageHeaderContainer li a {color: โค้ดสีลิ้งค์!important}
#PageHeaderContainer li a:hover {color: โค้ดสีลิ้งค์เมื่อเอาเม้าส์ชี้ !important}#PageHeaderContainer{background-color:transparent !important;border:none !important;}
</style>

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂



เปลี่ยนสีตัวหนังสือหัวข้อด้านซ้ายทั้งหมด
#content-left h1{font-size:ขนาดตัวหนังสือpx !important;color:สีอักษร!important; text-decoration: none;}
เปลี่ยนสีตัวหนังสือหัวข้อด้านขวาทั้งหมด
#content-right h1{font-size:ขนาดตัวหนังสือpx !important;color:สีอักษร!important; text-decoration: none;}

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

ลบเสั้นขั้น ประ ใต้อัพโหลดรูปภาพ

<style>##Profile-TopLeft-ActionLinks ,#user-pictureContainer{background-color:transparent;border:none !important;}</style>

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

ลบคอมเม้นท์ออกหมด เหลือ แต่กล่องคอมเม้นท์

<style>.listitem-separator {visibility:hidden;}.comment-picture {display:none}.commentdiv{visibility:hidden}.comment-picture {visibility: visible!important}.comment-text{visibility:visible !important}.section.comment-text{display: none}</style>

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂


โค้ดเปลี่ยนสีอักษรข้อมูลส่วนตัว ตามรูป
<style>
#userInfoTop .section h4, #userInfoTop .info-box{color:สีอักษร!important;font-size:ขนาดตัวหนังสือpx !important;}
</style>

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂



ขยายตัวหนังสือคำว่าออนไลน์ตอนนี้ + เปลี่ยนสี
<style>
#user-picture span{font-size:ขนาดตัวหนังสือpx !important;color:โค้ดสีตัวหนังสือ  !important; text-decoration: none;}
</style>

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

โค้ดท๊อปเฟรนแนวตั้งแถมมีสกอบาร์เลื่อนได้จ้า

<style>
#friends {position:relative;top:-1em;left:22em;}
#friends .subsection{height:200px;width:100px; overflow-y:Scroll}
#friends h1,#friends h2{display: none !important}
#friends .friend-name { display: none; }
#friends a[href="/friend/importer/displayImportGeneric.do"]{display:none}
</style>

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

โค้ดลบแถบสีขาวๆใสๆ ตรงลิ้งค์ ใต้รูปโปรไฟล์ และ แถบสติถิ ครับ
<style>
#profileLeftBlueBoxBg, #user-pictureBg, #vanity-barsBg, #otherUserInfoBg {background: none !important}
</style>

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

โค้ดลบ โฆษณาด้านล่างสุดของ hi5- บนสุดของ hi5 และ ใต้แถบสติถิออกให้หมด
full code
<style>
#PageFooterAd,#PageFooter,#hi5-ad-1,#recent-updates,div#PageLeader,#GamesToolbar,#PageLeader,.pageLeaderAd {display: none !important}
</style>

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

โค้ดลบแค่จำนวนเหรียญ ตรง hi5 ดารา กับ ลบคำว่าอารมณ์

div#coinsBalance a,div#myMood{display: none !important}

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

โค้ดเปลี่ยนสีลิ้งค์ hi5  (ไม่ต้องแก้ไร นอกจากโค้ดสี)

<style>
#Profile-TopLeft-ActionLinks a, .vanity-title a, #Profile-TopLeft-ActionLinks a {color:โค้ดสีลิ้งค์ !important; }
#Profile-TopLeft-ActionLinks a:hover, .vanity-title a:hover, #Profile-TopLeft-ActionLinks a:hover {color:โค้ดสีลิ้งค์เมื่อเอาเม้นท์ชี้ !important;}
</style>

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

โค้ดใส่รูปด้านล่างสุดของ hi5

div#PageFooterContainer  { background: url(URLภาพ) no-repeat center center;
border: none; display: block; height: ความสูงpx; }
#PageFooterAd,#PageFooter-SiteLinks,p#PageFooter-Copyright,ul#PageFooter-CompanyLinks{display:none;}

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂


โค้ดลบ hi5 ดาราออกไปให้หมดนะครับ

#profileAvatarContainer {display:none;}

โค้ดช่องกลางของ hi5 ตรงข้อมูลส่วนตัวและ hi5 ดารา และสถานะ
#about-center{display:none;}

โค้ดลบสถานะ ออกไปให้หมด
div#todays-topic{display:none}


ลบชื่อโปรไฟล์ขวาบนสุด
#PageHeader-FullName{display:none}



ลบแถบ hi5 Games ที่เลื่อนตามหน้า hi5 ล่างสุด

#GamesToolbar{display:none}


ลบโฆษณาใต้แถบสติถิ

#hi5-ad-1{display:none}



ลบกล่องข้อมูล info ใต้อัพเดท

#info-contact{display:none}




โค้ดลบโลโก้ด้านบนด้านขวามือ  หน้า account [Avatar]

#PageHeader-Avatar{display:none}

ลบอัพโหลดรูปภาพใต้ดิสเพ

#picture-button {display: none}

ลบโฆษณาด้านบนสุด

#PageLeader{display:none}


#groups {display:none;}  ลบกลุ่ม
#schools {display:none;}  ลบโรงเรียน
#videos {display:none;}  ลบวิดีโอ
#widgets {display:none;}  ลบวิดเจ็ต
#recent-updates {display:none;}  ลบอัพเดท
#friends {display:none;}  ลบเพื่อน
#photoAlbums {display:none;}  ลบอัลบั้มรูป
#interests{display:none;}ลบ interests
#lifestyle{display:none;}ลบ lifestyle
#user-fives {display: none;}ลบไฟล์


ลบอัพเดท

#recent-updates{display:none}

ลบเมนู hi5 ทั้งหมด

#PageHeaderContainer {display:none}

ลบชื่อโปรไฟล์

#headerName{display:none}

ลบของขวัญ hi5 ข้างบนท๊อปเฟรน

#gifts{display:none}

ลบ Applications

#apps{display:none}

ลบท๊อปเฟรน

#friends{display:none}

ลบคำว่า เพื่อน และพื้นหลังคำว่าเพื่อน

#friends h1{display:none}

ลบโลโก้ hi5

#PageHeaderLogo{display:none}

ลบ เหรียญ hi5 [coins]

#PageHeader-CoinsBalance-Value{display:none}


ลบข้อความ ใต้เหรียญ hi5 [messages]

.first{display:none}

ลบกลุ่ม

#groups{display:none}

ลบเกม hi5

#gamesModule{display:none}

ลบสมุดบันทึก

#journalDetail{display:none}

ลบ widget

#widgets{display:none}

ลบ comments ทั้งหมด

#comments{display:none}

ลบคำว่า ความเห็น และคำว่า ลบดูคอมเม้นท์ทั้งหมด

#comment-heading {display: none !important}

BY~http://xxnoomzaaxx.hi5.com

โค้ดเฮดด้านบน
#headerNameBg {background-image:url(รูป);width: ความกว้างpx; height: ความสูงรูปpx;background-repeat:no-repeat;}

โค้ดเฮดย่อยส่วนอัพเดท

<style type="text/css">
#recent-updates h1 { text-indent:1px;background: url(รูป);
background-position:50% 30%;background-repeat:no-repeat;height: ความสูงรูปpx;}

ส่วนของขวัญ
{ text-indent:1px;background: url(รูป);
background-position:50% 30%;background-repeat:no-repeat;height: ความสูงรูปpx;}
เพื่อน

#friends h1{ text-indent:1px;background: url(รูป);
background-position:50% 30%;background-repeat:no-repeat;height: ความสูงรูปpx;}

อัลบั้มรูป

#photoAlbums h1{ text-indent:1px;background: url(รูป);
background-position:50% 30%;background-repeat:no-repeat;height: ความสูงรูปpx;}

คอมเม้นท์

#comments h1{ text-indent:1px;background: url(รูป);
background-position:50% 30%;background-repeat:no-repeat;height: ความสูงรูปpx;}

ตรงข้อมูลใต้อัพเดท

#info-contact h1{ text-indent:1px;background: url(รูป);
background-position:50% 30%;background-repeat:no-repeat;height: ความสูงรูปpx;}

เกี่ยวกับฉัน

#lifestyle h1{ text-indent:1px;background: url(รูป);
background-position:50% 30%;background-repeat:no-repeat;height: ความสูงรูปpx;}

ความสนใจ

#interests h1{ text-indent:1px;background: url(รูป);
background-position:50% 30%;background-repeat:no-repeat;height: ความสูงรูปpx;}
เกมส์

#gamesModule h1{ text-indent:1px;background: url(รูป);
background-position:50% 30%;background-repeat:no-repeat;height: ความสูงรูปpx;}

กลุ่ม
#groups{ text-indent:1px;background: url(รูป);
background-position:50% 30%;background-repeat:no-repeat;height: ความสูงรูปpx;}
</style>

HI5 Beta  CODE ตัวหนังสือวิ่ง ไปมา หรือรูปภาพก็ได้ WoRK 100%

โค้ดนี้ไม่ต้องแก้ไรทั้งนั้นครับทำให้หมดแล้ว
เปลี่ยนแค่ตรงสีชมพู ใส่คำพูดหรือโค้ดรูปภาพไรก็ได้ที่อยากให้เลื่อน

เครดิต http://xxnoomzaaxx.hi5.com


วิ่งไปทางซ้าย

<marquee>โค้ด HTML หรือ TEXT</marquee>

วิ่งไปทางขวา
<marquee direction="right">โค้ด HTML หรือ TEXT</marquee>

ไว้ไปมาๆ

<marquee behavior="alternate">โค้ด HTML หรือ TEXT</marquee>

วิ่งจากล่างขึ้นบน

<marquee direction="up">โค้ด HTML หรือ TEXT</marquee>


วิ่งจากบนลงล่าง

<marquee direction="down">โค้ด HTML หรือ TEXT</marquee>

วิ่งขึ้นลงไปมา

<marquee direction="up" behavior="alternate">โค้ด HTML หรือ TEXT</marquee>

วิ่งขึ้นสลับไปมาทางซ้าย

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">โค้ด HTML หรือ TEXT</marquee></marquee>

วิ่งสลับไปมาขึ้นบนลงล่างซ้านขวาสลับไปมา

<marqueebehavior="alternate" direction="up" width="80%"><marqueedirection="right" behavior="alternate">โค้ด HTML หรือ TEXT</marquee></marquee>



รวมโค้ดเกี่ยวกับคอมเม้นท์

ลบคอมเม้นท์ออกหมด เหลือ แต่กล่องคอมเม้นท์

1. <style>.listitem-separator {visibility: hidden;}.comment-picture {display:none}.comment div{visibility:hidden}.comment-picture {visibility: visible !important}.comment-text{visibility:visible !important}.section .comment-text{display: none}</style>

คัดลอกไปที่คลิปบอร์ด

คอมเม้นท์เลื่อนได้แล้วมีสกอบาร์

1. #comments {overflow:auto;height:ความสูงpx;}
   
2. 0;}

คัดลอกไปที่คลิปบอร์ด

ลบวันและเวลาคอมเม้น

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

คัดลอกไปที่คลิปบอร์ด

ทำข้อความคอมเม้นต์ให้ห่างกัน

1. .comment-text { letter-spacing: ระยะห่างเริ่มที่เลข3px }

คัดลอกไปที่คลิปบอร์ด

ลบดูข้อมูลทั้งหมด

1. #comments h2 { display: none; }

คัดลอกไปที่คลิปบอร์ด

ลบเพื่อนที่มีเหมือนกัน

1. #common-friends { display:none; }

คัดลอกไปที่คลิปบอร์ด

ลบคอมเม้นทั้งหมด

1. #comments {display:none;}

คัดลอกไปที่คลิปบอร์ด

ใส่รูปแทนเส้นคั่นระหว่าง comment

1. #comments .listitem-separator
   
2. {background:url(URLภาพ) top center no-repeat !important;
   
3. height:ความสูงpx !important;}

คัดลอกไปที่คลิปบอร์ด

1. ใส่รูปในกล่อง comment
   
2. textarea {background-image:url( ลิ้งค์ภาพ);
   
3. border-style: inset;
   
4. color: สีของตัวอักษรเวลาที่พิม ;
   
5. height: ความสูงภาพpx;
   
6. width: ความกว้างไม่ควรเกิน 450px; }

คัดลอกไปที่คลิปบอร์ด

ลบเส้นคั่นระหว่าง Comment

1. .listitem-separator {visibility: hidden;}

คัดลอกไปที่คลิปบอร์ด

เปลี่ยนสีเส้นคั่น Comment

1. #comments .listitem-separator {background: ใส่รหัสสี !important;}

คัดลอกไปที่คลิปบอร์ด

ขยายรูป Comment

1. .comment-picture {height:100px !important;
   
2. width:100px;}
   
3. .comment-picture a img {width:100px; height:100px;}

คัดลอกไปที่คลิปบอร์ด

รูป เพื่อนcomment อยู่ตรงกลาง

1. .comment-picture {MARGIN-TOP: 6em; LEFT: 16em;POSITION: relative;}

คัดลอกไปที่คลิปบอร์ด

ซ่อนคอมเม้น 1 เอาเม้าชี้แล้วโชว์

1. .subsection .comment {height:105px !important;}
   
2. .subsection .comment:hover {height:100% !important;overflow-y:auto;}

คัดลอกไปที่คลิปบอร์ด

ซ่อนคอมเม้น 2 ใช้ได้เหมือกัน

1. #comments .comment .comment-text{display: none;}
   
2. #comments .comment:hover .comment-text{display: block;}

คัดลอกไปที่คลิปบอร์ด

ซ่อนคอมเม้น 3 ไว้ไม่ให้คนอื่นมาดู

1. .subsection .comment {height:105px !important;} .subsection .comment:hover {height:100% !important;overflow-y:auto;}

คัดลอกไปที่คลิปบอร์ด

ตัวหนังสือที่เกี่ยวข้องกับคอมเม้นเรืองแสง

1. .section .comment-text {
   
2. TEXT-ALIGN:left;
   
3. line-height: 15pt;
   
4. color: สีตัวหนังสือ;
   
5. border:0px  #000000 dashed;
   
6. filter:progid:DXImageTransform.Microsoft.Glow(color= สีเรืองแสง,strength=9);}

คัดลอกไปที่คลิปบอร์ด

ตัวหนังสือคอมเม้นเป็นเงา

1. .section .comment-text {
   
2. TEXT-ALIGN:left;
   
3. line-height: 15pt;
   
4. color: สีตัวหนังสือ;
   
5. border:0px  #000000 dashed;
   
6. filter:progid:DXImageTransform.Microsoft.SHADOW(color= สีเรืองแสง,strength=9);}

คัดลอกไปที่คลิปบอร์ด

ใส่BGครอบคลุมทั้งหมดของคอมเม้น

1. .section .comment-text{border:none;background:url(urlของรูป);}

คัดลอกไปที่คลิปบอร์ด

รวมโค้ดเกี่ยวกับ ท๊อปเฟรนปกตินะ ไม่ใช่ท๊อปเสริม

เหลือแค่รูปเพื่อน ลบ ชื่อเพื่อน + ลบคำว่า เพื่อน และดูเพื่อนทั้งหมด แล้วรูปเพื้อน ใหญ่ติดกันสวยงาม

1. <style>.friend-name {display:none}
   
2. .friend-picture,.friend-picture a img { height:100px;width:100px;border:none;margin-left: 0px;position:relative;left:+px;}
   
3. .friend {width:100px}
   
4. .friend-picture div {margin-left: 0px !important;center no-repeat !important;}
   
5. #friends .listitem-separator {display:none}
   
6. #friends h1,#friends h2{display: none !important}
   
7. #friends a[href="/friend/importer/displayImportGeneric.do"]{display:none}
   
8. </style>

คัดลอกไปที่คลิปบอร์ด

ท๊อปเฟรนเรืองแสง

1. .friend-picture {filter:progid:DXImageTransform.Microsoft.Glow(color=สีที่จะเรืองแสง,strength=ขนาดที่จะแปร่งแสงเริ่มต้นใส่เลข8ไป);}

คัดลอกไปที่คลิปบอร์ด

ท๊อปเฟรนเป็นเงา

1. .friend-picture {filter:progid:DXImageTransform.Microsoft.SHADOW(color=#สีที่จะเรืองแสง,strength=ขนาดที่จะแปร่งแสงเริ่มต้นใส่เลข8ไป);}

คัดลอกไปที่คลิปบอร์ด

ชื่อเพื่อนตรง top friendsเรืองแสง

1. .friend-name {filter:Glow(color=ใส่สีเอานะ,strength=5);}

คัดลอกไปที่คลิปบอร์ด

ชื่อเพื่อนตรง top friends มีเงา

1. .friend-name {filter:SHADOW(color=ใส่สีเอานะ,strength=5);}

คัดลอกไปที่คลิปบอร์ด

ท๊อปเฟรนใหญ่เฉยๆ

1. .friend-picture a img {width:100px; height:100px !important; }
   
2. .friend-picture {height:100px !important;width:100px!important}

คัดลอกไปที่คลิปบอร์ด

โค๊ดท๊อปเฟรนติดกันขนาด100*100

1. .friend-picture a img {width:100px; height:100px !important; }
   
2. .friend-picture {height:100px !important;width:100px!important}
   
3. .friend-picture {margin-left: 0px;}
   
4. .friend-name {display:none}

คัดลอกไปที่คลิปบอร์ด

โค๊ดท๊อปเฟรนขนาด100*100 รูปไม่ติดกัน

1. .friend-picture a img {width:100px; height:100px !important; }
   
2. .friend-picture {height:100px !important;width:100px!important}
   
3. .friend-picture {margin-left: 3px;}

คัดลอกไปที่คลิปบอร์ด

ท๊อปเฟรนเเนวตั้ง

1. .friend{ float: none !important; }

คัดลอกไปที่คลิปบอร์ด

ลบชื่อเพื่อนในท๊อปเฟรน

1. .friend-name {display:none}

คัดลอกไปที่คลิปบอร์ด

ใส่กรอบรูปท๊อปเฟรน

1. .friend-picture {border:ชนิดของกรอบ  ขนาดกรอบเริ่มที่3px #สกรอบ;}

คัดลอกไปที่คลิปบอร์ด

Dotted = ชนิดของกรอบDashed, Dotted, Solid, Groove, Inset, Outset  ,Ridge, Double

2px = ขนาดของกรอบ




โค้ดลบคำว่า ค้นหาเพื่อนใหม่ๆ ใต้ท๊อปเฟรน

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

คัดลอกไปที่คลิปบอร์ด

ลบ ดูเพื่อน เพื่อนโปรด แวดวงเพื่อน

1. #friends h2 { display:none; }

คัดลอกไปที่คลิปบอร์ด

ซ่อนรูปเพื่อน คลิกทีโผล่

1. .friend {height:15px !important; }
   
2. .friend:hover {height:100% !important;overflow-y:auto;}

คัดลอกไปที่คลิปบอร์ด

ลบเพื่อนที่มีเหมือนกัน

1. #common-friends { display:none; }

คัดลอกไปที่คลิปบอร์ด

ลบเพื่อนทั้งหมด

1. #friends {display:none;}  

คัดลอกไปที่คลิปบอร์ด

[ แก้ไขล่าสุด GothicRockMetal เมื่อ 15-4-2010 03:05 ]

โค้ดเก่าๆ...หลายโค้ดยังใช้ได้ปกติค่ะ

ยกเว้นเฉพาะส่วนที่เปลี่ยนเลข  ID  ไปแล้ว

...โค้ด Head หลัก + เฮดย่อย + Comment <Hi5Star Beta> ∞ Ƹ̴Ӂ̴Ʒ ∞..

http://www.hi5thai.com/thread-107276-1-1.html


ตัวอย่าง http://taonoimu.hi5.com

เพิ่มเติม     Credit :  [url=http://barelr.hi5.com ]http://barelr.hi5.com [/url]   <<  น้องนนท์ (Nontt)



เปลี่ยนสีลิงค์ให้แถบเมนู hi5

1. #PageHeaderContainer li a {color: #โค้ดสี !important} ลิงค์ปัจจุบัน
   
2. #PageHeaderContainer li a:hover {color: #โค้ดสี !important} ลิงค์ที่กำลังชี้อยู่

คัดลอกไปที่คลิปบอร์ด

ใส่รูปให้แถบเมนู hi5

1. #PageHeaderContainer {background: url(--urlรูป--) repeat !important; background-color: #โค้ดสี !important}

คัดลอกไปที่คลิปบอร์ด

ใส่สีให้แถบเมนู hi5

1. #PageHeaderContainer {background-color: โค้ดสี !important}

คัดลอกไปที่คลิปบอร์ด

ลบแถบ HI5 Menu

1. #PageHeaderContainer {display: none !important}

คัดลอกไปที่คลิปบอร์ด

ลบแถบบนสุด

1. #PageLeader, .pageLeaderAd {display: none !important}

คัดลอกไปที่คลิปบอร์ด

ลบ "HI5 ดารา"

1. #profileAvatarContainer {display:none;}

คัดลอกไปที่คลิปบอร์ด

ลบแถบล่างสุด

1. #PageFooterAd, #PageFooterContainer{display: none !important}

คัดลอกไปที่คลิปบอร์ด

ลบปุ่มอัพโหลดรูปใต้รูปโปรไฟล์

1. #picture-button {display: none}

คัดลอกไปที่คลิปบอร์ด

ลบช่อง SEARCH

1. #PageHeader-Search{display: none !important}

คัดลอกไปที่คลิปบอร์ด

ลบข้อมูลขวาสุด

1. #PageHeader-UserInfo {display: none !important}

คัดลอกไปที่คลิปบอร์ด

ลบแถบข้อมูลฝั่งซ้ายทั้งหมด

1. #PageHeader-GlobalNav {display: none !important}

คัดลอกไปที่คลิปบอร์ด

[ แก้ไขล่าสุด taonoi เมื่อ 14-4-2010 17:38 ]

ใสโค้ดตรงไหนคะ

- -

ต้นฉบับโพสโดย ๐MeLoDiC๐ เมื่อ 9-10-2009 13:45
ใสโค้ดตรงไหนคะ

- -

ใส่ใน แก้ไขโปรไฟล์ของฉันหรือความสนใจเฉพาะค่ะ

^^

ช่องกำหนดรูปแบบโปรไฟล์ใช้ไม่ได้ค่ะ เพราะ้ hi5 ลบออกแล้ว

ขอบคุณนะครับ ^^

ขอบคุนมากเรย ค่า  แต่มีแบบแก้ให้หายเปนแบบเก่าไปเรยมั้ยคะ

ขอบคุณมากนะครับ

ชอบตัวใหม่ของเล่นท่าทางจะเยอะดี

โห สุดยอด!

ขอบคุณสุด ๆ ค่ะ T__T

อยากได้โค้ดที่รูปโปรไฟล์ของเรา

สไลด์เปลี่ยนรูปไปเรื่อยนะค่ะ

อธิบายวิธีทำให้หน่อยได้ไหมค่ะ

ต้นฉบับโพสโดย เจี๊ยบคาสโนวี่ เมื่อ 14-10-2009 10:52
อยากได้โค้ดที่รูปโปรไฟล์ของเรา

สไลด์เปลี่ยนรูปไปเรื่อยนะค่ะ

อธิบายวิธีทำให้หน่อยได้ไหมค่ะ

...

โค้ดค่ะ...

<style type="text/css">
#user-picture img {visibility: hidden}
#user-picture {background:url(Url...รูป) no-repeat;
width:กว้างpx; height:สูงpx !important; background-position: top center;}
</style>



ส่วนรูปต้องทำในโปรแกรมแต่งรูปแล้วนำรูปไปอัพโหลด  นำ  Url  มาใส่ในโค้ดค่ะ

เวปฝากไฟล์รูป

http://www.hi5thai.com/thread-89474-1-1.html

ขอบคุณมาก


มาก มาก

ขอบใจ+มากกกกก

ลองเอาโค้ดไปใส่ แล้วมันมันอ่าน อ่าค่ะ



ทำไง อ่า

ใส่ใน แก้ไขโปรไฟล์ของฉัน ครับ

ของผมใส่แล้วดค้ดแสดงปกติ ยกเว้น เฮดไม่ขึ้น