ก็อปปี้โคดไปวางที่สคริปเอรีย หรือ ช่องเขียนลายละเอียด ถ้าวางโคดไว้ที่สคริปเอรีย จะมีผลทุกหน้า แต่ถ้าวางโคดไว้ที่ช่องเขียนลายละเอียด จะมีผลเฉพาะหน้านั้น
ก็อปปี้ลิงค์ของรูปไปวางแทนนที่ พิมพ์สีแดง
จัดเสร็จแล้วลองทดสอบหน้าตาของโุคดได้ที่ "กล่องทดสอบโุดด้านขวามือ"ค่ะ
|
|
<style type="text/css"><!--body{background:url(..ใส่..//..ของรูปพื้นหลัง..) no-repeat fixed left top;background-color:#ffffff;}--></style>
|
|
ภาพมุมบล็อค - มุมบน-ด้านซ้ายมือ. พื้นสีขาว
|
|
 |
 |
 |
 |
 |
 |
 |
 |
 |
|
ภาพมุมบล็อค - มุมบน-ด้านซ้ายมือ พื้นสีดำ
|
|
<style type="text/css"><!--body{background:url(..ใส่..//..ของรูปพื้นหลัง..) no-repeat fixed left top;background-color:#000000;}--></style>
|
|
 |
 |
|
ภาพมุมบล็อค - มุมล่าง-ด้านซ้ายมือ. พื้นสีขาว
|
|
<style type="text/css"><!--body{background:url(..ใส่..//..ของรูปพื้นหลัง..) no-repeat fixed left bottom;background-color:#ffffff;}--></style>
|
|
 |
 |
 |
 |
 |
อย่าลืมทดสอบโุคดที่ "กล่องทดสอบโคด" เพื่อดูหน้าตาของโคดก่อนนำไปใช้งานนะคะ
ภาพมุมซ้ายมือธรรมดา-พื้นสีขาว
<style type="text/css"><!--body{background:url(..ใส่..//..ของรูปพื้นหลัง..) repeat-y fixed left bottom;background-color:#ffffff;}--></style>
ภาพมุมซ้ายมือธรรมดา-พื้นสีดำ
<style type="text/css"><!--body{background:url(..ใส่..//..ของรูปพื้นหลัง..) repeat-y fixed left bottom;background-color:#000000;}--></style>