แต่งกรอบใส่รูปสวยๆๆ..ด้วย dashed ** ( dashed คือชื่อของเส้นรอยปะ ) |
ซึ่งจะมีการใส่กรอบ 2 ชั้นเรามาเริ่มกันที่กรอบชั้นนอกกันก่อนนะคะ มี 3 แบบมาให้เลือกสวย...ตามตัวอย่างด้านล่างเลยค่ะ |
ตัวอย่างของกรอบชั้นนอก |
เปลี่ยนแปลงคำสั่งตามพิมพ์สีกำกับไว้นะคะ
|
●ใส่ขนาดความกว้างให้กรอบ |
●ใส่สีให้กับรอยเส้นปะ |
●ใส่สีให้แถบสีที่เขียนข้อความ |
เมื่อเข้าใจคำสั่งแล้วมาเริ่มการตกแต่งได้เลยค่ะ.... |
ตัวอย่างที่ 1. แบบที่มีแถบสีเขียนข้อความด้านบน |
!แบบที่มีแถบสีเขียนข้อความด้านบน | |
|
| <table border="0" cellspacing="2" cellpadding="2" width="270" align="center"><tbody><tr><td align="center" valign="middle" style="background-color: #ffffff; border: 1px dashed #FF6193"><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center"><tbody><tr><td align="center" valign="middle" style="background-color: #FFA6D1">.....เขียนข้อความ......</td></tr><tr><td align="center" valign="middle" style="padding: 10px">......ใส่กรอบขั้นในที่นี่......</td></tr></tbody></table></td></tr></tbody></table> | |
ตัวอย่างที่ 2. แบบที่มีแถบสีเขียนข้อความด้านล่าง |
| !แบบที่มีแถบสีเขียนข้อความด้านล่าง |
|
| <table border="0" cellspacing="2" cellpadding="2" width="270" align="center"><tbody><tr><td align="center" valign="middle" style="background-color: #ffffff; border: 1px dashed #FF6193"><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center"><tbody><tr><td align="center" valign="middle" style="padding: 10px">......ใส่กรอบขั้นในที่นี่.....</td></tr><tr><td align="center" valign="middle" style="background-color: #FFA6D1">.....เขียนข้อความ.....</td></tr></tbody></table></td></tr></tbody></table> | |
ตัวอย่างที่ 3. แบบที่มีแถบสีเขียนข้อความด้านทั้งด้านบน และ ด้านล่าง |
| | !แบบที่มีแถบสีเขียนข้อความทั้ง ส่วน และ ล่าง |
|
| <table border="0" cellspacing="2" cellpadding="2" width="270" align="center"><tbody><tr><td align="center" valign="middle" style="background-color: #ffffff; border: 1px dashed #FF6193"><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center"><tbody><tr><td align="center" valign="middle" style="background-color: #FFA6D1">.....เขียนข้อความส่วนบน.....</td></tr><tr><td align="center" valign="middle" style="padding: 10px">......ใส่กรอบขั้นในที่นี่......</td></tr><tr><td align="center" valign="middle" style="background-color: #FFA6D1">.....เขียนข้อความส่วนล่าง......</td></tr></tbody></table></td></tr></tbody></table> | |
|
เมื่อเราจัดการและตกแต่งในส่วนของกรอบชั้นนอกเรียบร้อยแล้ว ตอนนี้มาดูการตกแต่งในสวนกรอบชั้นในกันค่ะ |
ตัวอย่างของกรอบชั้นใน |
| <table border="0" cellspacing="2" cellpadding="2" width="" align="center" style="border: 1px dashed #FF6193"><tbody><tr><td align="center" valign="middle" style="border: 1px dashed #FFA6D1"><img src="...ใส่..//ของรูป..." border="0" ></td></tr></tbody></table>
| |
ดูตามคำสั่งที่พิมพ์สีกำกับไว้ เมื่อเราจัดการเรียบร้อยแล้วก็อปปี้โคดในส่วนนี้ไปวางที่กรอบชั้นนอกด้านบน.... |
●ใส่สีให้รอยปะ เส้นนอก |
●ใส่สีให้รอยปะ เส้นใน |
|
แถมโคดสีพิมพ์ และ ใส่ขนาดให้ตัวพิมพ์..... |
<strong><font size="2" color="#f9acff">...เขียนข้อความ...</font></strong> |