Code เกี่ยวกับ Header

 

Code ทำแถบ Header ให้ใสทุก box

 

โค้ดที่จะนำไปวาง

 

<style type="text/css">

#profile-name { background: none; }
#profile-nav,.section h1,.section h2
{ background-color: transparent; border: none; }

</style>

 

Code ใส่รูป Header ให้ Hi5

 

โค้ดที่จะนำไปวาง

 

<style type="text/css">

#profile-name {background-image:url(ใส่ URL รูปภาพ); width:956px;
height:ความสูงของรูปภาพpx}

</style>

 

 

Code ตกแต่งลิ้งใต้ Header

 

สามารถตกแต่งได้ 3 ส่วนหลักๆ ได้แก่
#profile-nav คือ ส่วนที่เป็นแถบ
คุณสมบัติที่สำคัญ
text-align: center; จัดกึ่งกลางตัวอักษร
background-image: url(ภาพพื้นหลัง) ;
background-color: สีของพื้นหลัง;
border: เส้นกรอบ ขนาดเส้น สีของเส้น;
height: ความสูงของแถบ เป็น px;

#profile-nav a คือ ส่วนที่เป็นตัวอักษร ลิ้ง
คุณสมบัติที่สำคัญ

font-family: รูปแบบตัวอักษร;
font-size: ขนาดตัวอักษร เป็น px;
color: สีตัวอักษร;
padding: ระยะห่างระหว่างลิ้ง;

#profile-nav a:hover คือ ส่วนที่เป็นตัวอักษรขณะชี้ที่ลิ้ง
คุณสมบัติที่สำคัญ
background-image: url(ภาพพื้นหลังขณะชี้ที่ลิ้ง) ;
text-decoration: none; (ไม่มีเส้นใต้)
color: สีตัวอักษรขณะที่ชี้ลิ้ง;

โค้ดที่จะนำไปวาง

 

<style type="text/css">

#profile-nav { background-color: สีพื้นหลัง; }
#profile-nav a { color: สีตัวอักษร; padding: 1.0em;
font-size: 12px; }
#profile-nav a:hover { color: สีตัวอักษรขณะชี้ลิ้ง;
text-decoration: none;}

</style>