
รวมฮิต 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
{mosloadposition user26} | {mosloadposition user27} |
{mosloadposition user28} |