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/
Extra Sell_Hatyai
-
File Not Found
*Extra sells in Hatyai*
ร้านโลหะศิลป์
ขายเหล็กรูปพรรณและรับทำงานเหล็ก ในหาดใหญ่
71 ซ.ชื่นอุทิศแก้วสมิทพัฒนา อ.หาดใหญ่ จ.สงขลา 90110
โท...
16 years ago
