อัพเดตโค้ดใหม่ๆได้ที่นี่


อย่าลืมว่าก่อนใส่โค้ดเหล่านี้ จะต้องลบสกินเก่าออกก่อนนะครับโดยคลิ้ก Remove skin แล้วเลือกที่ Customize Profile จากนั้นจึงสามารถใส่โค้ดที่ต้องการลงในส่วนของ Style

Google
Custom Search

กลิตเตอร์ ของตกแต่ง hi5 โดนๆมากมาย เอามาฝากครับ เรื่องน่ารู้ประจำเดือนนี้ อัพเกรดเป็น IE8 เพื่อความปลอดภัยยิ่งขึ้น

รวบรวมข้อมูล กรอปรูปแต่งHi5, กราฟิค, โค้ดสี, โค๊ด, โค้ดกลอน, กลอนแต่ง hi5, แต่ง comment hi5, code hi5 เพลง - ชมที่นี่

หากเห็นว่าเว็บนี้มีประโยชน์ ร่วมกันโหวตให้ง่ายๆ เพียง คลิกที่นี่

*** ทิป-เทคนิค hi5 ประจำสัปดาห์ ***

ลบโฆษณาที่ทำให้หน้าโปรไฟล์ hi5 ไม่สวยงาม อ่านวิธีและรับโค้ดลบโฆษณา

ใช้ hi5 ง่ายขึ้น เปลี่ยน URL ให้เป็นรูปแบบ www. ชื่อของเรา.co.cc อ่านขั้นตอนวิธีการทำ

Download Firefox 3 [เวอร์ชันล่าสุด ใช้ดีกว่าเดิม] ดาวน์โหลดที่นี่

อยากทำงานพิเศษ แต่กลัวถูกหลอก ตอบแบบสอบถามออนไลน์ 100% ช่วยคุณได้แน่ (ทำกันได้ฟรีๆ)

 อ่านต่อ

มีโค้ดต่อหน้าที่2

กลับสู่หน้าข้อมูล hi5

แอบดู hi5 ดารา

====================================================================

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=&#9562;&#9658;จั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

กลับสู่หน้าข้อมูล hi5

แอบดู hi5 ดารา