เม้าส์ชี้รูปแล้วรูปแข็งเหมือนหิน
<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">
a:link img {filter:progid:dximagetransform.microsoft.emboss;}
a:visited img {filter:progid:dximagetransform.microsoft.emboss;}
a:hover img {filter:none;}
</style>
รูปกลืนไปกับแบล็คกราว เมาส์ชี้เป็นปกติ
<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:alpha(opacity=60);}
</style>
Hi5กลับด้าน (เพื่อน,five,คอมเม้นต์ อยู่ด้านซ้าย)
<style type="text/css">
table {direction:rtl;} table table table {direction:ltr;}
</style>
พื้นหลังล็อคติด และไม่ทำรูปซ้ำ (เหมาะกะBGเต็มจอ)
<style type="text/css">
body {
background-image: url(URLของรูป) ;
background-attachment:fixed;
background-repeat: no-repeat; }
</style
พื้นหลังล็อคติด และทำรูปซ้ำ (เหมาะกะBGเล็กๆ)
<style type="text/css">
body {
background-image: url(URLของรูป) ;
background-attachment:fixed;
background-repeat:repeat; }
</style>
พื้นหลังเลื่อนตามสกอร์บาร์ และทำรูปซ้ำ (เหมาะกะBGเล็กๆ)
<style type="text/css">
body { background-image: url(URLของรูป) ;
background-attachment:scoll;
background-repeat:repeat; }
</style>
พื้นหลังเลื่อนตามสกอร์บาร์ และไม่ทำรูปซ้ำ (เหมาะกะBGเต็มจอ)
<style type="text/css">
body {
background-image: url(URLของรูป) ;
background-attachment:scoll;
background-repeat: no-repeat; }
</style>
ใส่ปีกให้รูปคอมเม้นต์
<style type="text/css">
.comment {background:url(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;}
</style>
ใส่ปีกให้รูปโปรไฟล์
<style type="text/css">
#user-picture { background-image: url( urlของปีก );
background-repeat: no-repeat;background-position: top center;}
</style>
ใส่รูปแทนปุ่มเพิ่มคอมเม้นต์
<style type="text/css">
input{
color:#โค้ดสีของคำว่าเพิ่มคอมเม้นต์;
border:1px solid #โค้ดสีของกรอป;
background-image:url(url รูป);
padding: 0px 3px 0px 3px;}
</style>
ใส่กรอปให้รูปโปรไฟล์
<style type="text/css">
#user-picture img{border-style:ชนิดของกรอป; border: 1px; border-color: #โค้ดสีของกรอป;}
</style>
ใส่BGให้อัลบั้มรูป
<style type="text/css">
.album {
background: url(Url รูป) top left no-repeat;
height: 120px;
width: 130px;
position: relative;}
</style>
ชี้ลิ้งค์อักษรใหญ่ขึ้น
<style type="text/css">
A:hover { font-variant: small-caps; font-size:16px; font-weight:bold; color:#โค้ดสีของตัวหนังสือที่ใหญ่ขึ้น;}
</style>
ชี้ลิ้งค์แล้วไฮไลท์
<style type="text/css">
a:hover{background:#โค้ดสีของส่วนไฮไลท์;}
</style>
ชี้ลิ้งค์มีกรอป
<style type="text/css">
A:hover {border:1px ชนิดของกรอป #โค้ดสีของกรอป;}
</style>
ชี้ลิ้งค์เรืองแสง //
<style type="text/css">
a:hover{filter:Glow(color=#โค้ดสีของตัวเรืองแสง,strength=4);height:0px;}
</style>
ชี้ลิ้งค์แล้วขึ้นเงาเป็นตัวหนังสือ
<style type="text/css">
a:hover{filter:DropShadow(color=#โค้ดสีของเงา,strength=4);height:0px;}
</style>
ชี้ลิ้งค์มีเงา
<style type="text/css">
a:hover {filter:Shadow(color=#โค้ดสีของเงา,strength=4);height:0px;}
</style>
ชี้ลิ้งค์แล้วเบลอ
<style type="text/css">
a:hover{filter:blur(add="1",direction="360",strength="4"); height:0;}
</style>
ชี้ลิ้งค์แล้วเป็นสีรุ้ง
<style type="text/css">
a:hover {
color:#FFFFFF !important;
text-decoration: none;
background: url(http://img99.imageshack.us/img99/3043/ranpy5.gif) !important;}
</style>
ชี้ลิ้งค์แล้วเป็นรูป
<style type="text/css">
a:hover {
color:#โค้ดสีตัวหนังสือ !important;
text-decoration: none;
background: url( urlของรูป ) !important;}
</style>
.gif)
