มาแต่งไดอารี่กัน...^w^

ลำดับตอนที่ #3 : (_การขีดเส้นใต้ ใต้ข้อความ_)

การทำนะคะ ให้ก็อปโค้ดเลย เส้นใต้ข้อความจะยาวออกมาตามความยาวตัวอักษรค่ะ

 

Code 

<TABLE align=center>
<TBODY>
<TR>
<TD style="BACKGROUND-POSITION: left bottom; BACKGROUND-REPEAT: repeat-x" background=Url ของภาพ>
<FONT color=#333333 size=2>TEXT ข้อความ TEXT ข้อความ </FONT></TD></TR></TBODY></TABLE>

 

align คือ การจัดวาง
                 center จัดกลาง
                 right ชิดขวา
                 left จัดข้อความให้อยู่ทางซ้ายของข้อความอื่น

Url ของภาพ - เปลี่ยนให้เป็น Url ของภาพที่จะเอามาทำแบคกราว เพื่อนๆ จะทำเอง หรือว่าเลือกดู url ด้านล่างก็ได้ค่ะ

color สีของตัวอักษร เปลี่ยนได้โดยใส่โค้ดสีที่ต้องการลงไป

size  ขนาดตัวอักษร เปลี่ยนได้ตามใจชอบ

ตัวอย่าง

<TABLE align=left>
<TBODY>
<TR>
<TD style="BACKGROUND-POSITION: left bottom; BACKGROUND-REPEAT: repeat-x" background=http://i32.photobucket.com/albums/d25/happymew2/underline/u02.gif>
<FONT color=#333333 size=2>TEXT ข้อความ TEXT ข้อความ </FONT></TD></TR></TBODY></TABLE>

 

TEXT ข้อความ TEXT ข้อความ

http://i32.photobucket.com/albums/d25/happymew2/underline/u02.gif

TEXT ข้อความ TEXT ข้อความ

 http://i32.photobucket.com/albums/d25/happymew2/underline/u03.gif

TEXT ข้อความ TEXT ข้อความ

 http://i32.photobucket.com/albums/d25/happymew2/underline/u04.gif

TEXT ข้อความ TEXT ข้อความ

 http://i32.photobucket.com/albums/d25/happymew2/underline/u05.gif

TEXT ข้อความ TEXT ข้อความ

 http://i32.photobucket.com/albums/d25/happymew2/underline/u06.gif

TEXT ข้อความ TEXT ข้อความ

 http://i32.photobucket.com/albums/d25/happymew2/underline/u07.gif

TEXT ข้อความ TEXT ข้อความ

 http://i32.photobucket.com/albums/d25/happymew2/underline/u09.gif

TEXT ข้อความ TEXT ข้อความ

 http://i32.photobucket.com/albums/d25/happymew2/underline/u11.gif

TEXT ข้อความ TEXT ข้อความ

 http://i32.photobucket.com/albums/d25/happymew2/underline/u12.gif

TEXT ข้อความ TEXT ข้อความ

 http://i32.photobucket.com/albums/d25/happymew2/underline/u13.gif

TEXT ข้อความ TEXT ข้อความ

 http://i32.photobucket.com/albums/d25/happymew2/underline/u14.gif

TEXT ข้อความ TEXT ข้อความ

 http://i32.photobucket.com/albums/d25/happymew2/underline/u15.gif

TEXT ข้อความ TEXT ข้อความ

 http://i32.photobucket.com/albums/d25/happymew2/underline/u16.gif

**ใส่ได้ทีละ 1 บรรทัดเท่านั้น เพราะถ้าเรากด enter ขึ้นบรรทัดใหม่ เส้นใต้จะไปอยู่ที่ข้อความล่างสุดอย่างเดียว ดังนั้น ถ้าอยากจะขึ้นบรรทัดใหม่ ให้ก๊อบใหม่ ทำแบบเดิม**