อย่าลืมว่าก่อนใส่โค้ดเหล่านี้ จะต้องลบสกินเก่าออกก่อนนะครับโดยคลิ้ก Remove skin แล้วเลือกที่ Customize Profile จากนั้นจึงสามารถใส่โค้ดที่ต้องการลงในส่วนของ Style
เชิญเข้าร่วมทดสอบ มีเว็บที่จะแจกมือถือฟรีจริงหรือ
รวบรวมข้อมูล กรอปรูปแต่งHi5, กราฟิค, โค้ดสี, โค๊ด, โค้ดกลอน, กลอนแต่ง hi5, แต่ง comment hi5, code hi5 เพลง - ชมที่นี่
หากเห็นว่าเว็บนี้มีประโยชน์ ร่วมกันโหวตให้ง่ายๆ เพียง คลิกที่นี่
ทิป-เทคนิค hi5 ประจำสัปดาห์
ลบโฆษณาที่ทำให้หน้าโปรไฟล์ hi5 ไม่สวยงาม เลือกใช้โค้ดได้ที่นี่
ลดการใช้พลังงาน เปลี่ยนสี profile hi5 เป็นสีโทนมืดกันดีกว่า
ใช้ hi5 ง่ายขึ้น เปลี่ยน URL ให้เป็นรูปแบบ www. ชื่อของเรา.co.cc อ่านขั้นตอนวิธีการทำ
Download Firefox 3 [เวอร์ชันล่าสุด ใช้ดีกว่าเดิม] ดาวน์โหลดที่นี่
ตอบแบบสอบถามลุ้นรับของรางวัล<รอบใหม่>
คลิ้กที่นี่เพื่อเริ่มขั้นตอน
====================================================================
Code ทำตัวหนังสือ Commemt ให้มาอยู่ตรงกลาง
style type="text/css">
.section .comment-text {
TEXT-ALIGN: center; }
</style>
---------------------------------------------------------------
CodeตัวหนังสือCommentเป็นสีต่างๆ
<style type="text/css">
.section .comment-text {
filter:glow(color:ใส่สี , strength=ใส่เลข);height:ใส่เลข; }
</style>
---------------------------------------------------------------
Code ขยาย รูป คอมเม้นต์
<style type="text/css">
.comment-picture {height:100px !important;
width:100px;}
.comment-picture a img {width:100px; height:100px;}
</style>
--------------------------------------------------------------------
โค้ดใส่รูปหัวด้านบน
<style type="text/css">
#profile-name {background-image:url(ใส่ URL รูปตรงนี้นะคับ);
width:956px;
height:ความสูงpx}
</style>
----------------------------------------------------------------------------
โค้ดลบแถบ log in - (ใส่แล้วจะ Logout ยากหน่อยนะครับ)
<style type="text/css"> #p_nav_header{display:none}</style>
-----------------------------------------------------------------------------
โค้ดทำรูป profile อยู่ทางขวา
<style type="text/css"> #user-details .content { DIRECTION: rtl }</style>
-----------------------------------------------------------------------------
โค้ดใส่ background (พื้นหลัง)
<style type="text/css">
body {
background-image: url( ใส่ url รูป ) ;
background-attachment: fixed ;
background-repeat: repeat ;
}
</style>
---------------------------------------------------------------------
โค้ดลบเส้น+ทำแถบให้ใส
<style type="text/css">
#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; }
-----------------------------------------------------------------------------
โค้ดใส่รูปตรงกรอบ Comment
<style type="text/css">
textarea {background-image:url( ใส่ URL ของรูป );
border-style: inset;
color: สีตัวอักษร ; height: ความสูง px; width: ความกว้างpx; }
</style>
--------------------------------------------------------------------------
โค้ด ใส่รูป,ตัวอักษร ใช้เวลาคอมเม้นต์ให้คนอื่นๆนะครับ
<a href=""target=_blank>
<img src="ชื่อ รูป" width=กว้าง height=สูง border="0" alt="">
<FONT color=สี size=ขนาด><center>ข้อความ </center></FONT>
-------------------------------------------------------------------------------
โค้ดทำให้ comment อยู่ทางซ้ายของจอ
<style type='text/css'>
table {direction:rtl;}
table table table {direction:ltr;}
</style>
</style>
--------------------------------------------------------------------
โค้ดทำให้ รูปตรง comment ใหญ่ขึ้น
<style type="text/css">
.comment-picture {height:100px !important;
width:100px;}
.comment-picture a img {width:100px; height:100px;}
-------------------------------------------------------------------------
โค้ด ลบช่องที่ไม่ต้องการ อยากเอาอันไหนออกให้เพิ่มตัวที่จะเอาออก เช่น จะเอา Friends ออกก็เพิ่ม #friends {DISPLAY: none} ไว้ส่วนที่จะเอาไว้ในhi5ก็ลบออกจากสคริปต์
<style type='text/css'>
#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;}
</style>
</style>
------------------------------------------------------------------------------
โค้ดทำ scrollbar(ต้องหาโค้ดสีมาด้วย หรือใส่สีเป็นภาษาอังกฤษได้เลย เช่น สีแดงก็ Red)
<style type="text/css">
html {
scrollbar-arrow-color: โค้ดสี;
scrollbar-face-color: โค้ดสี;
scrollbar-highlight-color: โค้ดสี;
scrollbar-3dlight-color: โค้ดสี;
scrollbar-shadow-color: โค้ดสี;
scrollbar-darkshadow-color: โค้ดสี;
scrollbar-track-color: โค้ดสี;
}
</style>
------------------------------------------------------------------------------------
โค้ด รูป Profife อยู่ตรงกลาง
<style type='text/css'>
#about-left{position: relative;left: 27.5em;}#about-right{position: relative;left: -52em;}#about-center{position: relative;left: 27.5em;}
</style>
-------------------------------------------------------------------------------------
Code ใส่พื้นหลัง + ลบเส้นขอบ
<style type="text/css">
body {
background-image: url( ใส่ url ของรูป ) ;
background-attachment: fixed ;
background-repeat: repeat ;
}
#user-details { border: none; }
.section .content { border: none; }
</style>
-------------------------------------------------------------------------------
Code ใส่รูปในกล่อง comment
<style type="text/css">
textarea {background-image:url( ใส่ URL ของรูปนะคับ );
border-style: inset;
color: สีของตัวอักษรเวลาที่พิม ;
height: ความสูงของ CommentBox หน่วยเป็น px;
width: ความกว้างไม่ควรเกิน 450px; }
</style>
------------------------------------------------------------------------------
ข้อความเลื่อนโดยอัตโนมัติ
<marquee>พิมพ์ข้อความตรงนี้ครับ</marquee> ข้อความวิ่งจากขวามาซ้าย
<marquee direction="right">พิมพ์ข้อความตรงนี้ครับ</marquee> ข้อความวิ่งจากซ้ายมาขวา
<marquee behavior="alternate">พิมพ์ข้อความตรงนี้ครับ</marquee> ข้อความวิ่งไปกลับ
<marquee direction="up">พิมพ์ข้อความที่นี่</marquee> (ข้อความเลื่อนขึ้น)
<marquee direction="down">พิมพ์ข้อความที่นี่</marquee> (ข้อความเลื่อนลง)
<marquee direction="up" behavior="alternate">พิมพ์ข้อความที่นี่</marquee> (ข้อความเลื่อนขึ้นลง)
<marquee style="border:BLUE 2px SOLID">พิมพ์ข้อความที่นี่</marquee> (ข้อความวิ่งในกรอบสี่เหลี่ยม)
--------------------------------------------------------------------------------------
รูปเบลอๆ เมื่อเอา mouseชี้รูปจะกลับเป็นปกติ
<style type="text/css"> 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}</style>
-----------------------------------------------------------------------------------------
เอา mouse ชี้รูปจะเปลี่ยนเป็นสีเทา
<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:gray;} </style>
------------------------------------------------------------------------------------------
เอา mouse ชี้จะเปลี่ยนรูปจากด้านซ้ายไปขวา
<style type="text/css"> a:hover img {filter:fliph;} </style>
------------------------------------------------------------------------------------------
ภาพเป็นขาวดำ เมื่อเอาเม้าชี้ จะเป็นปกติ
<style type="text/css"> a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;} </style>
------------------------------------------------------------------------------------------
รูปทุกรูปในจะกลืนไปกับ blackground เมื่อเอา mouseชี้รูปจะกลับเป็นปกติ
<style type="text/css"> a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;} </style>
------------------------------------------------------------------------------------------
ภาพลายๆๆ ลอง เอาไปดูเองนะ
<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;} </style>
-------------------------------------------------------------------------------------------
โค้ดเม้าส์
<style type="text/css">
body {cursor: url( ใส่ url ของเม้าส์ จะแสดงเมื่อชี้เม้าส์บนหน้า page );}
a {cursor: url( ใส่ url ของเม้าส์ จะแสดงเมื่อชี้เม้าส์บน link );}
</style>
---------------------------------------------------------------------------------------
Code ทำแถบ Header ให้ใสทุก box
<style type="text/css">
#profile-name { background: none; }
#profile-nav,.section h1,.section h2
{ background-color: transparent; border: none; }
</style>
------------------------------------------------------------------------------------
Code ทำให้แถบ Log in ให้หายไป
<style type="text/css">
#p_nav_header{display:none}
</style>
-------------------------------------------------------------------------------
Code ลบเส้นคั่นระหว่าง Comment
<style type="text/css">
.listitem-separator {visibility: hidden;}
</style>
-----------------------------------------------------------------------------
Code เปลี่ยนสีเส้นคั่น Comment
<style type="text/css">
#comments .listitem-separator {background: ใส่รหัสสี !important;}
</style>
-------------------------------------------------------------------------------
Code ขยายรูป display Comment
<style type="text/css">
.comment-picture {height:100px !important;
width:100px;}
.comment-picture a img {width:100px; height:100px;}
</style>
-----------------------------------------------------------------------------------
โค้ดแต่ง Content คือข้อมูลส่วนตัว
<style type="text/css">
#user-details .content { direction: RtL;}
#about-left { direction: LtR; }
#about-center{ direction: LtR; }
#about-right { direction: LtR; }
#about-left, #about-center, #about-right
{ border: outset #1c1c1c 10px; }
</style>
-------------------------------------------------------------------------
Code ใส่ Footer ด้านล่าง
<style type="text/css">
#footer {
background: url(ใส่ URL รูปภาพ) no-repeat center center;
border: none; display: block; height: 50px;
}
#footer *,#footer a,#ad_banner {display: none;}
</style>
----------------------------------------------------------------------------
Code ใส่รูป Header
<style type="text/css">
#profile-name {background-image:url(ใส่ URL รูปภาพ); width:956px;
height:ความสูงของรูปภาพpx}
</style>
--------------------------------------------------------------------------------------------
โค้ดเปลี่ยนขีดสถานะ
<style type="text/css">
.vanity-bar div {background:url(ใส่ URL ภาพแถบพื้น) !important;}
.vanity-bar div div {background:url(ใส่ URL ภาพแถบบน) !important;}
.vanity-bar div div img,.vanity-bar div img
{display:none;}
</style>
---------------------------------------------------------------------------------
Code ทำกรอบ box, bg ให้ Comment
<style type="text/css">
.subsection .comment {background: url(ใส่ URL รูปภาพ);
border: inset 3px #c00000;
height: ความสูงของ box px; overflow: auto;}
</style>
-----------------------------------------------------------------------------------------
เอาโค้ดเพลงมาฝาก โหลดเร็วกว่า imeem รับรองไม่มีสะดุด
กาลครั้งหนุ่ง FRICKครับ
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=6966&musicDT=กาลครั้งหนึ่ง / ฟริก-ฟริก Frick&musicNM=hi5 cLuB&musicIM=xoe555&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลง ปฎิเสษอย่างไร LIPTA ครับ
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=9068&musicDT=ปฏิเสธอย่างไร-Lipta&musicNM=หนึ่ง khothakian&musicIM=the1za007&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลง รู้ไหม นัชทิว ครับ
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=10433&musicDT=รู้ไหม-นัท AF5 ทิว&musicNM=ploy&musicIM=meploy&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลง แสงแรก จากคอนเสิต บอดี้ ครับ
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=11092&musicDT=แสงแรก-BodySlam Concert&musicNM=EmoTionJub&musicIM=prikna123&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลง ฟ้าส่งฉันมา ของ ปาล์มมี่ครับ
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=11096&musicDT=ฟ้าส่งฉันมา-ปาล์มมี่&musicNM=H2O CHILLSHOCK&musicIM=wasabiizaa&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลง รักสามเศร้า ของ พริกไทยครับ
<!-----โค้ดเพลง รักสามเส้า-พริกไทย-----><center><embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=11090&musicDT=รักสามเส้า-พริกไทย&musicNM=นู๋หน่อย&musicIM=noisk0170&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลง ปฏิเสษรัก แคลช ครับ
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=6346&musicDT=ปฏิเสธรัก-CLASH แคลช&musicNM=+.+&musicIM=nopigpig&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลง ตบด้วยเมาส์ แบล็ควะนิลาครับ
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=6287&musicDT=ตบด้วยเม้าส์-Black Vanilla&musicNM=+.+&musicIM=nopigpig&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลง รักเคยดีกว่านี้ ของ NO MORE TEAR ครับ
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=6025&musicDT=รักเคยดีกว่านี้-NO MORE TEAR&musicNM=+.+&musicIM=nopigpig&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลง ผ่าน ของ SLOT MACHINE
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=5673&musicDT=Slot Machine-02 ผ่าน&musicNM=+.+&musicIM=nopigpig&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลงหวั่นไหว ของ บอดี้ ครับ
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=5671&musicDT=หวั่นไหว-BODYSLAM&musicNM=+.+&musicIM=nopigpig&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลง งมงาย ของ บอดี้ครับ
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=5667&musicDT=08 งมงาย-บอดี้สแลม&musicNM=+.+&musicIM=nopigpig&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลง โกหก ของ TATTO COLER
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=5667&musicDT=08 งมงาย-บอดี้สแลม&musicNM=+.+&musicIM=nopigpig&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลง ที่รักของใครซํกคน ของ เต้ ครับ
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=6854&musicDT=ที่รักของใครซักคน-เต้ วิทย์สรัช&musicNM=hi5 cLuB&musicIM=xoe555&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลง โจทย์รัก ของ เล้าโลมครับ
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=6634&musicDT=โจทย์รัก-เล้าโลม&musicNM=hi5 cLuB&musicIM=xoe555&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลง ถูกที่ผิดเวลา ของ HOBBIT ครับ
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=11106&musicDT=ถูกที่ ผิดเวลา-Hobbit&musicNM=cassiopeia&musicIM=cassiopeia&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลง เปิดประตูฝัน ของ แพรวครับ
<<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=11107&musicDT=เปิดประตูฝัน-แพรว คณิตกุล&musicNM=ด.ช.พีรพัฒน์ พรหมเวียง&musicIM=bewtyzung2&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลง ถอนตัว ของ CLASH ครับ
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=11108&musicDT=ถอนตัว&musicNM=ณัฐพล&musicIM=nookzaa&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลง หนี พริกไทย ครับ
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=10875&musicDT=หนี-พริกไทย&musicNM=รักกัล บ้างไหม&musicIM=eyeiizziies&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลง รักรึป่าว Ost. รักริทึ่ม
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=11338&musicDT=01 รักรึเปล่า-Ost.รักริทึ่ม&musicNM=hi5 cLuB&musicIM=xoe555&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลง ฝากไว้อีกวัน หวาย ครับ
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=11165&musicDT=ฝากไว้อีกวัน-WAII หวาย&musicNM=Ploy&musicIM=sanploy&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
เพลงยังไงก็รักครับ
<embed src="http://www.musicbump.com/player/bump.swf" flashvars="musicID=11565&musicDT=ยังไงก็รัก สมพล สุวัจนี-Ost.ยังไงก็รัก&musicNM=╚►จัEละlมo&musicIM=babybu191&musicRP=yes" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="120"></embed></center>
-----------------------------------------------------------------------------------------
ขอขอบคุณข้อมูลบางส่วนจาก thaihi5.com