โค้ดของ hi5 โค้ดปลี่ยน header

โค้ดปลี่ยน header (กอบอันบน)

- header หลัก อันแรก

<style type="text/css">
#profile-name {background-image:url(http://img.thzhost.com/i/2f/newsssjjaa.jpg);
background-repeat:no-repeat;
color:#โค๊ตสี ตัวหนังสือ ;
height: 500 px;
width: 956 px;}
#profile-nav { background-color: #โค๊ตสี BG อัน ล่าง ; }
</style>

- header ใสมองทะลุได้ทุกอัน

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

- ใส่รูปภาพให้กับ 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>

ส้ม = แบบของเส้นขอบ

double = เส้นคู่
dotted = เส้นจุดประๆ
solid = เส้นตรงเรียบกริ๊บ!

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

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

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

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

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