Hi5.SoiZaa.com

ก่อน

หลัง

[-]?View Code <style type="text/css">
#new_header { zoom:1 position:relative background:url(URL รูป) 10px 1px no-repeat width:100% text-align:left }
</style>

Note: รูปที่ใช้ไม่ควรใหญ่กว่ารูป hi5 อันเก่า

Code ใส่ Link Effect ให้กับรูปภาพ
เเบ่งเป็น 2 ขึ้นตอนนะครับ
a img {ใส่โค๊ต} = การกำหนดเอฟเฟคของรูปปกติ
a:hover img {ใส่โค๊ต} = การกำหนดเอฟเฟคของรูปหลังชี้ Mouse
ถ้าอยากให้เป็นภาพปกติก็ใส่โค๊ต Filter: none = ภาพปกติ
::Code::
<style type=”text/css”>
a img {ใส่โค๊ต}
a:hover img {ใส่โค๊ต}
</style>
::Filter ที่จะนำไปใส่ในช่อง {}::
- ชี้เเล้วภาพขาว-ดำ
Filter: Gray
- ชี้เเล้วภาพเเนวx-ray
Filter: Xray
- ชี้เเล้วภาพกลับเป็นสีตรงข้ามกัน
Filter: Invert
- ชี้เเล้วภาพจางลงเหลือ60% ::สามารถปรับค่าได้ใส่เลขอะไรภาพจะเหลือความจางเท่านั้น%::
Filter: Alpha(opacity=60)
- ภาพเบลอธรรมดา ::กำลังดี::
Filter: Blur
- ภาพเบลอมากๆ
Filter: Blur(Add = 0, Direction = 225, Strength = 10)
- ชี้ลิ้งเป็นรูปคลื่น
Filter: Wave(Add=0, Freq=10, LightStrength=20, Phase=220, Strength=10)
- [...]

ธีการนำโค๊ดไปใช้ครับ
1.Copy โค๊ดข้างล่างนี้ไป และวางไว้ใน กล่องคอมเม้นท์ของคนที่เรา
ต้องการคอมเม้นท์  ห้ามขาดแม้แต่บรรทัดเดียวนะครับ
2. เพิ่มข้อความของคุณที่ต้องการส่งให้เพื่อนๆ พิมพ์ตรงที่
“พิมพ์ข้อความของคุณ”
เพียงแค่นี้ข้อความดีๆ ของคุณ ก็สามารถส่งไปให้เพื่อนๆได้
ในรูปแบบที่สวยงาม และแปลกใหม่
Update On 8-9 July 2008
credit by G-u-y
เคล็ดลับ : จะสะดวกยิ่งขึ้น หาก Copy แล้ว นำไปแก้ไขใน NotePad ครับ แล้วค่อย Copy จาก NotePad มาวางไว้ในกล่องคอมเม้นท์ครับ
แบบที่ 1

[-]?View Code <div align="center"><tr>
<td colspan=2 valign="top">
<div class="text_comment_body" style="width:754 overflow-x:auto">
<table width="5%" border="0"cellpadding="0" cellspacing="0" background="http://img389.imageshack.us/img389/7766/temxh8.png">
 
<tr><td><img src="http://img511.imageshack.us/img511/240/green01dp4.png" width="260"height="38" /></td></tr><tr>
 
<td><center><marquee direction="up" height="120" width="200" scrollamount="1" ><p align="center" center>พิมพ์ข้อความของคุณ<br />
 
</p></marquee></center></td></tr><tr><td><img src="http://img140.imageshack.us/img140/8138/green03zo1.png" width="260" [...]

โค้ดซ่อนรูปอัลบั้มไว้หลังรูปอื่น
<style type=”text/css”>
.album { background:url( urlของรูป );background-repeat:no-repeat; background-position: center center;}
.album:hover {background:url( urlของรูป );}
.album img {filter:alpha(opacity=0);}
.album img:hover {filter:alpha(opacity=100);}
</style>
———————————————————
โค้ดซ่อนรูปFiveไว้หลังรูปอื่น
<style type=”text/css”>
#user-fives a:hover img {filter:none}
.link_five img {display:none}
.link_five img {margin-top: 5px;}
.link_five {display: block;background: url( urlของรูป ) center center no-repeat;height: ความสูงpx;}
.link_five:hover img {display: block;}
.link_five .listitem-separator {display:none}
</style>
———————————————————–
โค้ดทุกอย่างอยู่ตรงกลาง
<style type=”text/css”>
#photoAlbums {display:none}
#recent-updates {display:none} #user-fives {position:relative;bottom: -0em;left: -20.2em;}
#content-left {position:relative;bottom: -57.5em;left: 0em;}
#friends {position:relative;bottom: -0em;left: -20.2em;}
.friend-picture{height:ความสูงรูปเพื่อนpx}
#photoAlbums {display:none}
#recent-updates {display:none}
#user-fives [...]