รวมฮิต Code hi5 ที่ใช้บ่อยๆ (ภาค 3) จ้า....
 

- ใส่รูปภาพให้กับ header ส่วน อื่นๆ

<style type="text/css">
.section h1 { background-color: transparent; border: ขนาดของเส้น px แบบของเส้นขอบ #โค๊ตสีของเส้นรอบ;
background-image:url(Url รูปภาพ);
color: #สีตัวอักษรชื่อตาม header;
background-repeat:repeat;
height: แล้วแต่ px ;
width: แล้วแต่ px ;}
.section h2 { background-color: transparent; border:none;}
</style>


Code :ปิดเส้นขอบและพื้นหลัง

<style type="text/css">
#profile-nav,.section h1,.section h2
{ background-color: transparent; border: none; }
 </style>


-------------------------  Link ---------------------

Code : สำหรับชี้ลิ้งค์แล้วเปลี่ยน


- เป็นจุดสีชมพูวิบวับๆ

<style type="text/css">
a:hover{background: url('http://www.ayw102.th.gs/web-a/yw102/hi5/12.gif'); }
</style>



- ไฮไลท์แว๊บๆ - แดง

<style type="text/css">
a:hover{background: url('http://www.ayw102.th.gs/web-a/yw102/hi5/16.gif'); }
</style>



- ไฮไลท์แว๊บๆ - ดำ

<style type="text/css">
a:hover{background: url('http://www.ayw102.th.gs/web-a/yw102/hi5/17.gif '); }
</style>



- ไฟลุกขึ้นมา

<style type="text/css">
a:hover{background: url('http://www.ladylony.com/xox1.gif'); }
</style>




-------------------  Five  --------------------



Code : ใส่รูปขอ Five นะ

<style type="text/css">
#user-fives .subsection div {width:45px !important}
#user-fives .subsection .listitem-separator {display:block !important}
#user-fives .subsection {background: url(/ URLของรูปภาพ );
background-position:225px;
background-repeat:no-repeat
</style>




------------------------  ส่วน ประ กอบ อื่นๆ  ------------------------



Code : ใส่กรอบให้หน้าเวป


มีทั้งหมด 4 แบบ สามารถเปลี่ยนสีได้ตามใจชอบ




แบบที่ 1

<STYLE>     
html   
{  BORDER-RIGHT: #ใส่โค๊ตสี 12px ridge;
BORDER-TOP: #ใส่โค๊ตสี    12px   ridge;   
BORDER-LEFT: #ใส่โค๊ตสี    12px ridge;
BORDER-BOTTOM: #ใส่โค๊ตสี   12px ridge }   
</STYLE>



แบบที่ 2

<STYLE>     
html   
{  BORDER-RIGHT: #ใส่โค๊ตสี  12px solid;
BORDER-TOP: #ใส่โค๊ตสี    12px   solid;   
BORDER-LEFT: #ใส่โค๊ตสี    12px solid;
BORDER-BOTTOM: #ใส่โค๊ตสี  12px solid;}   
</STYLE>



แบบที่ 3

<STYLE>     
html   
{  BORDER-RIGHT: #ใส่โค๊ตสี  12px  dotted;
BORDER-TOP: #ใส่โค๊ตสี  12px   dotted;   
BORDER-LEFT: #ใส่โค๊ตสี    12px dotted;
BORDER-BOTTOM: #ใส่โค๊ตสี  12px dotted;}   
</STYLE>



แบบที่ 4

<STYLE>     
html   
{  BORDER-RIGHT: #ใส่โค๊ตสี  12px  double;
BORDER-TOP: #ใส่โค๊ตสี    12px   double;   
BORDER-LEFT: #ใส่โค๊ตสี    12px double;
BORDER-BOTTOM: #ใส่โค๊ตสี    12px double;}   
</STYLE>


Code : เปลี่ยนสี scrollbar ( แถบเลื่อน ทาง ขวา สุด ของ จอ )


<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>

ที่มา http://board.unlimitlife.com/index.php?topic=6253.0