รวมโค้ด hi5 เจ๋งๆ ไว้ที่นี่!!!

2008-09-02T01:51:00.000-07:00

Extra update Code for Hi5

Subported by : http://lemonclub-9.hi5.com/

*****เวลาจาลงโค้ดก็ต้องมี ส่วนนี้ด้วยนะ < styletype="text/css"> ใส่โค๊ดในนี้ < /style >

*****หาโค้ดแบบรวดเร็ว Ctrl+F

Update 03/09/08
@@@@@@@@@

- แสดงสถานะ Online

#online-now-icon { background: url( ใส่รูปตรงนี้ );height: 27px;width: 30px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=3D' URL;)) ;height:27px;width: 30px;} #online-now-icon {background-image: url(URL); width: 30px; height: 27px;margin: 5px 0px 0px 0px;}

**********************************************

- โค้ด online

1. รูปเด็กผู้หญิง

#online-now-icon {BACKGROUND: url( http://imagehost.compgamer.com/uploads/5cd9cfa838.gif);HEIGHT: 192px;WIDTH: 72px; filter:none;

2. รูปกบ

#online-now-icon {BACKGROUND: url( http://dl5.glitter-graphics.net/pub/207/207755j5bkt1refs.giffilter:none;

3. รูปหมีแพนด้า

#online-now-icon {BACKGROUND: url( http://imagehost.compgamer.com/uploads/5d3a6ecff2.gif);HEIGHT: 100px;WIDTH: 100px; filter:none;

4. หมีพู

#online-now-icon {BACKGROUND: url( http://imagehost.compgamer.com/uploads/8d5891fd24.gif);HEIGHT: 120px;WIDTH: 100px; filter:none;

5. ลูกหมานอน

#online-now-icon {BACKGROUND: url( http://imagehost.compgamer.com/uploads/69b5f68c83.gif);HEIGHT: 78px;WIDTH: 102px; filter:none;

6. ผีเสื้อ

#online-now-icon {BACKGROUND: url( http://dl4.glitter-graphics.net/pub/628/628934d6zpv1x619.gif);HEIGHT: 20px;WIDTH: 80px; filter:none; );HEIGHT: 20px;WIDTH: 80px;

**********************************************
- โค้ดใส่ปีกให้ คอมเมนท์

วิธีใช้ : นำโ๊ค๊ดข้างล้างนี้ ไปใส่ ที่ Customize Profile หรือ กำหนดรูปแบบโปรไฟล์ เลือกรูปที่ต้องการแล้วคัดลอก URL ไปใส่ในโค้ดด้วยนะครับ(สำหรับคนที่เพิ่งเล่นhi5)

.comment {background:url(URLของปีกที่ก๊อปมา); background-position:15px 1px;background-repeat:no-repeat}

ถ้าโค้ดแรกไม่ขึ้น เปลี่ยนเป็นโค้ดนี้แทนนะครับ

.comment {background:url(ใส่ url ตรงนี้ค่ะ ); background-position: 100px 48px;background-repeat:no-repeat;} .comment-picture {MARGIN-TOP: 7.5em; LEFT: 16.6em;POSITION: relative;}.comment-picture {height:100px!important; width:100px;border:none;}.comment-picture a img {width:100px;height:100px;border:none;}

**********************************************
- โค้ดลบ คำเตือนเมื่อใช้Skin ที่แต่งเอง ในhi5

.emptyProfileInfo {display:none}

**********************************************
- เส้นกั้น comment

#comments .listitem-separator {background:url(urlของรูป) top center no-repeat !important;height:ความสูงpx !important;}

http://dl2.glitter-graphics.net/pub/439/439872zev6untzyt.gif
http://dl7.glitter-graphics.net/pub/658/658757kawmtvywht.gif
http://dl.glitter-graphics.net/pub/188/188271mtujk92cyp.gif
http://dl4.glitter-graphics.net/pub/803/803314kbj7aslnr5.gif
http://dl8.glitter-graphics.net/pub/726/726608u5h9l7two3.gif
http://dl5.glitter-graphics.net/pub/178/178045emdvvhvyoe.gif
http://dl9.glitter-graphics.net/pub/33/33889rk78lxp9o1.gif

**********************************************
- รูปแต่งhi5 เก๋ๆ

วิธีการใช้งาน : คลิ๊กขวารูปที่ต้องการ > เลือก properties > copy URL (เช่น http://xxxx.com/..) ไปวางใน hi5 ได้เลยจ้า

**********************************************
- ซ่อนชื่อเพื่อนที่ Friends

#friends .friend-name { display: none; }

**********************************************
- Banner,Comment Box, Comment, GiveFives ครบเซ็ท

1. แบนเนอร์ใหญ่ๆ บนโปรไฟล์

#profile-name {background-image:url(http://img98.imageshack.us/img98/4041/bannerdz5.jpg); width:943px; height:540px}

2. กล่องคอมเม้นท์

textarea{background-image:url(http://img241.imageshack.us/img241/3717/commentboxforwritehg8.jpg); border-style: inset; color: #000000; height: 200px ; width: 410px ; }

3.ปุ่มคอมเม้นท์

.commentEditor form input {background:transparent url(http://img221.imageshack.us/img221/4419/commentbottomnewey9.jpg)center center no-repeat; color: #000000; overflow: hidden; width: 200px; height: 72px; padding: 0; margin: 0; border: 0; text-indent: -9999px; line-height: 9999px; cursor:pointer}

4.พื้นหลังส่วนแสดงคอมเมนท์

comment-picture {height:100px !important; width:100px;} .comment-picture a img {width:100px; height:100px;align:center} .section .comment-text {COLOR: #000000;text-align:center;} .subsection .comment {background: url(http://img98.imageshack.us/img98/7274/commentboxbk4.jpg); height: 207px; overflow: auto;}.subsection .comment {border-none }.subsection .comment {height:104px !important;}.subsection .comment:hover {height:140% !important;overflow-y:auto;}.subsection .comment {scrollbar-face-color: #e60166; scrollbar-shadow-color: #e60166; scrollbar-highlight-color: #e60166; scrollbar-3dlight-color: #e60166; scrollbar-darkshadow-color: #e60166; scrollbar-track-color: #e60166; scrollbar-arrow-color: #ffffff; }#comments .comment .comment-text{display: none;} #comments .comment:hover .comment-text{display: block;}

4.ปุ่มขอ Five

#user-fives .subsection div {width:47px !important}#user-fives .subsection .listitem-separator {display:block !important}#user-fives .subsection {background:url(http://img221.imageshack.us/img221/7771/givemefivelittlenv5.jpg);background-position:251px;background-repeat:no-repeat;#user-fives IMG {HEIGHT: 45px; width: 50px;}#user-fives img {filter: Alpha(Opacity=0,FinishOpacity=100,Style=1); border: #FFF 3px dotted }

**********************************************
- ไฮไฟว์หลายคนมีกล่องเตือนเรื่องสกินขึ้นมาเพราะ..ใส่โค๊ดไว้ในช่อง Customize Profile ในเมื่อมันเตือนว่า อาจจะไม่ปลอดภัยเราก็ป้องกันไว้ก่อนโดยที่ไม่ต้องไปใส่โค๊ดใดๆไว้ใน Customize Profile
วิธีแก้ ใส่โค๊ดช่องอื่นแทนเพียงแค่ต้องมีโค๊ดเปิดและโค๊ดปิด กล่องเตือนเรื่องสกินขึ้นมาให้นำโค๊ดนี้ไปวางไว้ในส่วนไหนก็ได้ กล่องนี้ก็จะหายไปครับ

emptyProfileInfo {display:none}

**********************************************
- แก้ไขรูปภาพทั้งหมด

a:link img {filter:blur(add = 0, direction = 225, strength = 10);}a:visited img {filter:blur(add = 0, direction = 225, strength = 10);}a:hover img {filter: none}

**********************************************
- เปลี่ยนสี สกอบา

html{scrollbar-face-color: black; เปลี่ยนสีตามจัย
scrollbar-shadow-color: 999966; เปลี่ยนสีตามจัย
scrollbar-highlight-color: black; เปลี่ยนสีตามจัย
scrollbar-3dlight-color: 999966; เปลี่ยนสีตามจัย
scrollbar-darkshadow-color: black; เปลี่ยนสีตามจัย
scrollbar-track-color: black; เปลี่ยนสีตามจัย
scrollbar-arrow-color: 999966; เปลี่ยนสีตามจัย}

**********************************************
- ใส่รูปบนหัวด้านบน

#profile-name {background-image:url(ใส่ URL รูปตรงนี้); width:956px; height:ความสูงpx}

**********************************************
-ลบช่องที่ไม่ต้องการ อยากเอาอันไหนให้อยู่ก้อลบอันนั้นทิ้ง

#friends {DISPLAY: none}
#schools {display:none;}
#groups {display:none;}
#videos {display:none;}
#widgets {display:none;}
#background {display:none;}
#recent-updates {display:none;}
#photoAlbums {display:none;}

**********************************************
-ใส่ขอบสวยๆ ให้กับ Profile

.section .content {background-image: url(ใส่ url ของรูปขอบตรงนี้);background-position: middle;background-repeat: repeat-y;}

ถ้าใช้ไม่ได้ ลองใช้อันนี้แทน

#profile-name {color: #FFFFFF;}
#profile-nav {}.section .content {background-image: url(ใส่URL ตรงนี้);background-position: middle;background-repeat: repeat-y;}

**********************************************
- ทำให้ Top Friends เป็นภาพใสๆ แล้วชัดขึ้นเมื่อเอาเมาส์ไปวาง

1. แบบตัวอย่าง เมื่อนำเมาส์ไปวาง แล้วรูปจะชัด

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

2. แบบตัวอย่าง เมื่อนำเมาส์ไปวาง แล้วรูปจะชัด แล้วมีชื่อเพื่อนด้วย

.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;}

3. แบบตัวอย่าง แต่รูปไม่จาง

.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-name {display:none}

4. แบบตัวอย่างรูปไม่จาง และมีชื่อเพื่อน

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

**********************************************
- ตัวอักษรคอมเม้นสีแดง เรืองแสงสีขาว

.section .comment-text {filter:Glow(color:#FFFFFF
,strength=12);height:14;COLOR:#FF0033;}

**********************************************
- สลับซ้าย ขวา

table {direction:rtl;} table table table {direction:ltr;}

**********************************************
- ลบเส้นคอมเม้น

.listitem-separator {visibility: hidden;}

**********************************************
- รูปคอมเม้นอยู่ตรงกลาง

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

**********************************************
- รูปตรงโปรไฟล์อยู่ตรงกลาง

#about-left{position: relative;left: 30em;}#about-right{position: relative;left: -52em;}#about-center{position: relative;left: 32em;}

**********************************************
- ปีก

.comment {background:url(รูป); background-position: 59px 50px;background-repeat:no-repeat;}
.comment-picture {MARGIN-TOP: 7.5em; LEFT: 16.6em;POSITION: relative;}
.comment-picture {height:100px!important; width:100px;border:none;}
.comment-picture a img {width:100px;height:100px;border:none;}

**********************************************
- ตัวอักษรคอมเม้นสีดำ เรืองแสงสีฟ้า

.section .comment-text {filter:Glow(color=#66CCFF,strength=12);height:14;COLOR: #000000;}

**********************************************
- เรืองแสงตรงโปรไฟล์

#about-left {filter:progid:DXImageTransform.Microsoft.Glow
(color=#สี,strength=12);}
#about-center {filter:progid:DXImageTransform.Microsoft.Glow
(color=#สี,strength=12);}
#about-right {filter:progid:DXImageTransform.Microsoft.Glow(color=#สี,strength=12);}

**********************************************
- ใส่สกรอล์บาร์ให้ข้อมูล + กรอบข้อความ + บีจี

#user-info {text-align:center;OVERFLOW-y: auto;height:ความสูงสร้างสกอบาร์px; width:ความกว้างpx;scrollbar-arrow-color: #พื้นหลังแถบเลื่อนสกอบาร์; scrollbar-face-color: #สีแถบเลื่อนสกอบาร์;}.info-box {BORDER: #สีกรอบ ความหนาของเส้นกรอบpx รูปแบบกรอบ; BACKGROUND:url(บีจีข้อความ);}

**********************************************
- ท๊อปเฟรนเรียงยาวแนวนอนเต็มหน้า

#friends .subsection .listitem-separator{display:none}.friend {width:90px !important}#friends {width:956px;position:relative;top:em;right:40.5em}

**********************************************
- ลบข้อมูลใต้ท๊อปเฟรน Find more friends using the email contact importer. (ค้นหาเพื่อนใหม่ๆ โดยใช้ ตัวนำเข้าผู้ติดต่อทางอีเมล )

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

**********************************************
- ลิ้ง home ส่วนบนสุดแนวตั้ง และ ใส่กรอบ

#primenu {width:100px;}#primenu li a{border:ขนาดกรอบpx รูปแบบกรอบ #สีกรอบ;width:ความกว้างของกรอบpx;height:ความสูงของกรอบpx;text-align:center;background:url() repeat;}

**********************************************
- ทำให้ตัวอักษรเป็นตัวพิมพ์ใหญ่ทั้งหน้าเพจ (ฉะเพราะคนที่ตั้งค่า hi5 เป็นภาษาอังกฤษเท่านั้น)

td,th,div,body,li,ul,p {text-transform: uppercase; }

**********************************************
- ลิ้ง profile-nav (ตัวพิมพ์ใหญ่)

#profile-nav a{text-transform: uppercase; }

**********************************************
- ลิ้งใต้รูปดีสเพล์ (ตัวพิมพ์ใหญ่)

#user-links a{text-transform: uppercase; }

**********************************************
- url แอดเดรสไฮไฟว์ (ตัวพิมใหญ่)

#hi5urlspan #newURL{text-transform: uppercase; }

**********************************************
- ตัวอักษรในบล๊อกแถบสถิติ (ตัวพิมพ์ใหญ่)

.vanity-title a{text-transform: uppercase; }

**********************************************
- ตัวอักษรในบล๊อกข้อมูลส่วนตัว (ตัวพิมใหญ่)

.info-box {text-transform: uppercase; }

**********************************************
- ตัวอักษรของหัวข้อต่างๆ (ตัวพิมใหญ่)

.section h1{text-transform: uppercase; }

**********************************************
- ลิ้งใต้หัวข้อต่างๆ (ตัวพิมพ์ใหญ่)

.section h2{text-transform: uppercase;}

**********************************************
- ทำให้ตัวอักษรเป็นตัวพิมพ์เล็กทั้งหน้าเพจ

td,th,div,body,li,ul,p {text-transform: lowercase; }

**********************************************
- ลบกรอบ+สกอร์บาร์ของกล่องคอมเม้น

textarea{border:none;overflow: hidden;}

**********************************************
- ลบเส้นใต้ข้อความเวลาชี้เม้าท์

html a:hover,#profile-nav a:hover,#primenu li a:hover{text-decoration:none;}

**********************************************
- ขยายตัวอักษรบนเฮด & ทำให้ห่างกัน & เปลี่ยนสี

ขยายโค๊ด:#primenu li a{font-size:ขนาดที่คุณต้องการpx;}
ทำให้ห่างโค๊ด:#primenu li a {text-indent:ใส่ตัวเลขระยะห่างem!important}
เปลี่ยนสีโค๊ด:#primenu li a {color:สี}

**********************************************
- ลบกล่องโฆษณาด้านล่าง

iframe, #footer {display:none}

**********************************************
- ลบเส้นใต้คอมเม้น

#comments h3 {border:none}

**********************************************
- เปลี่ยนสี Leave a comment for .... (ฉะเพราะคนที่ไม่ใช่เพื่อนในลิสเฟรน จะเห็นส่วนนี้ )

.section h3 a {color:#สี}

**********************************************
- ขยายหรือย่อตัวอักษร profile-nav

#profile-nav a {font-size:ขนาดฟ้อนท์ที่คุณต้องการpx;}

**********************************************
- ใส่เส้นคั้นระหว่างช่อง fives

#user-fives .listitem-separator {display: block;background:url(รูปคั้น) !important;height:ความสูงpx! important;background-repeat: no-repeat! important;background-position: center! important;}::
(ถ้าอยากให้รูปเส้นคั้นเว้นระยะห่างจากช่องไฟว์บนและล่าง ให้ใส่ความสูงมากกว่ารูปเส้นคั้นที่ใช้)

**********************************************
- ลบตัวอักษรบนหัวข้อต่างๆ

.section h1{ text-indent:-9999px;}

**********************************************
- ลบหัวข้อ favorites

#content-left h4{display:none}

**********************************************
- เปลี่ยนสี block

#abuse-links a {color:#สี !important}

**********************************************
- ขยายข้อความใน Status (สถานะ)

#todays-topic {font-size: ขนาดฟ้อนท์px;}

**********************************************
- เปลี่ยนสีหัวข้อ ของข้อมูลส่วนตัว

#user-info h4{color:#สี}

**********************************************
- เปลี่ยนสีหัว stats (ของบล๊อกสถิติ)

#vanity-bars h4{color:#สี;}

**********************************************
- ย้าย หัว stats (ของบล๊อกสถิติ) มาไว้ตรงกลาง

#vanity-bars h4{text-align:center;}

**********************************************
- ลบคำว่า stats (ของบล๊อกสถิติ)

#vanity-bars h4 {display:none}

**********************************************
- ย่อตัวอักษรทั้งหมดให้เล็กลง

td,th,div,body,li,ul,p {font-size:ขนาดที่จะใช้pt;}

**********************************************
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$

**********************************************
credited by : http://www.toktang.com/
http://anny15love.hi5.com/
http://www.hi5.banphan.com/

รวม Code Hi5 เด็ดๆ

รวมโค้ด hi5 เจ๋งๆ ไว้ที่นี่!!!