Blur
<span style="width: 150; height: 50; font-size: 24px; font-family: verdana; color: #FFDAFC; filter: shadow(color=#99FFCC, direction=200)"><b>Blur</b></span>
Dropshadow
<span style="width: 150; height: 50; font-size: 24px; font-family: verdana; color: #FF63A5; filter: dropshadow(Color=#FFFFFF, OffX=2, OffY=2, positive=2)">Dropshadow</span>
Flip
<span style="width: 150; height: 50; font-size: 24px; font-family: verdana; color: #FF9AC5; filter: flipv">Flip</span>
Glow
<span style="width: 150; height: 50; font-size: 24px; font-family: verdana; color: #ff00cc; filter: glow(color=#000000, strength=10)">Glow</span>
Opacity
<span style="width: 150; height: 50; font-size: 24px; font-family: verdana; color: #ffffff; filter: alpha(opacity=100, finishopacity=0, style=1, startX=0, startY=0, finishX=200, finishY=0)">Opacity</span>
Shadow Blur
<span style="width: 150; height: 50; font-size: 24px; font-family: verdana; color: #ff00cc; filter: blur(add = 1, direction = 220, strength = 10)">Shadow Blur</span>
Wave
<span style="width: 150; height: 50; font-size: 24px; font-family: verdana; color: #ff00cc; filter: wave(add=0, freq=1, lightstrength=20, phase=10, strength=10)">Wave</span>
Glowing Text Link
<span style="position:relative; width:175; height:24; filter:glow(color=#00ff00,strength=2)"> <A href="YOUR LINK">Glowing Text Link</A></SPAN>
9月27日
แก้ไขข้อความค่ะ
ใส่รูปสวยๆ ก้อด้าย
จะเล่นแสงเล่นเงา หรือ
เปลี่ยนสีอักษรก้อได้
เปลี่ยนสี สกอล์ บาร์ ก้อด้าย
แต่
สีกรอบเปลี่ยนไม่ได้
เอ๊ะยังไง
<DIV align=center>
<DIV style="WIDTH: 476px; HEIGHT: 226px" align=center>
<DIV align=center>
<DIV style="WIDTH: 378px"><IMG height=220 src="http://www.iconhk.net/home/page2/pic2/bn96_as.gif" width=460 align=right>
<DIV style="FLOAT: left; WIDTH: 440px" align=center>
<P><FONT color=#999999><BR></P>
<DIV style="SCROLLBAR-FACE-COLOR: #ccffcc; FONT-SIZE: 12px; FLOAT: right; SCROLLBAR-HIGHLIGHT-COLOR: #ccffcc; OVERFLOW: auto; WIDTH: 390px; COLOR: #ccffcc; SCROLLBAR-3DLIGHT-COLOR: #ccffcc; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: green; SCROLLBAR-DARKSHADOW-COLOR: white; LETTER-SPACING: 2px; HEIGHT: 162px; BACKGROUND-COLOR: transparent" align=right>
<P align=center><FONT color=#cc6600></FONT></P><BR>
<P align=center><FONT color=#cc6600>แก้ไขข้อความค่ะ</FONT></P>
</DIV></FONT></DIV></DIV></DIV></DIV></DIV>
<DIV></DIV>
<P>
<TABLE class="fixedTable blogpost" cellSpacing=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=bvh8></TD></TR>
<TR>
<TD id=msgcns!1p8zBhe4NwImENfBhXRTm1MQ!657>
<DIV></DIV>
<P align=center><IMG height=90 src="http://k.excite.co.jp/pc/img/mobile_image_lt.gif" width=23><IMG style="WIDTH: 280px; HEIGHT: 90px" height=90 src="http://k.excite.co.jp/pc/img/mobile_image_t.gif" width=280 border=0><IMG height=90 src="http://k.excite.co.jp/pc/img/mobile_image_tr.gif" width=26><BR></P>
<DIV align=center>
<DIV style="BACKGROUND: white; LEFT: 10px; WIDTH: 329px; TOP: 301px; HEIGHT: 342px" align=center>
<DIV style="LEFT: 16px; FLOAT: left; WIDTH: 23px; TOP: 321px; HEIGHT: 110px"><IMG style="WIDTH: 23px; HEIGHT: 298px" height=298 src="http://k.excite.co.jp/pc/img/mobile_image_l.gif" width=23></DIV>
<DIV style="Z-INDEX: 1; LEFT: 16px; FLOAT: right; WIDTH: 26px; TOP: 321px; HEIGHT: 110px"><IMG style="WIDTH: 26px; HEIGHT: 298px" height=298 src="http://k.excite.co.jp/pc/img/mobile_image_r.gif" width=26></DIV>
<DIV style="SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px; FLOAT: left; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; WIDTH: 274px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #666666; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #b0b0b0; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; LETTER-SPACING: 2px; HEIGHT: 298px; BACKGROUND-COLOR: #ffffff" align=center>
<P align=center>แก้ไขข้อความค่ะ</P>
<IMG style="WIDTH: 279px; HEIGHT: 36px" height=36 src="http://k.excite.co.jp/pc/img/mobile_image_b_2.gif" width=279 border=0><IMG height=36 src="http://k.excite.co.jp/pc/img/mobile_image_br_2.gif" width=26>
<P></P></DIV></DIV></TD></TR></TBODY></TABLE></P>
credit to Khun นู๋นุช
|
|
|
|
Text Here ---- ข้อความ ---- Text Here |
|
|
|
|
Code <TABLE cellSpacing=0 cellPadding=0 align=center border=0> <TR> <TD background="Url ของภาพมุมซ้ายบน"></TD> <TD height=48 background="Url ของภาพขอบด้านบน"></TD> <TD background="Url ของภาพมุมขวาบน"></TD> </TR> <TR> <TD width=48 background="Url ของภาพขอบด้านซ้าย"></TD> <TD width=120 height=150 align=center> <FONT COLOR="#666666"> Text Here <BR>---- <BR>ข้อความ <BR>---- <BR>Text Here</FONT> </TD> <TD width=48 background="Url ของภาพขอบด้านขวา"></TD> </TR> <TR> <TD background="Url ของภาพมุมซ้ายล่าง"></TD> <TD height=48 background="Url ของภาพขอบด้านล่าง"></TD> <TD background="Url ของภาพมุมขวาล่าง"></TD> </TR> </TABLE>
Explain 1. เปลี่ยน Url ของรูปให้เป็นรูปที่ต้องการตามตำแหน่งที่ทำไฮไลท์สีแดงเอาไว้ 2. ตำแหน่งสีเขียว คือส่วนของข้อความ เปลี่ยนสีข้อความโดยใส่โค้ดสีที่ต้องการแทนสีเดิม 3. ขนาดของกรอบจะขยายออกมาเองตามความยาวของข้อความ
***วิธีดู Url ของภาพ คลิกขวาที่ภาพที่ต้องการ >> เลือก Properties จะเห็น Url ของภาพ เช่น http://album.romerun.com/happymew/folder/17131/album/34054/image/688164/pic/original.gif copy ทั้งหมดแล้วเอามาใส่ในโค้ดได้เลยค่ะ |
Background
อันแรก : ออกแนวหวานแหวว
|
<TABLE style="BORDER-RIGHT: #ff99ff 6px ridge; BORDER-TOP: #ff99ff 6px ridge; BORDER-LEFT: #ff99ff 6px ridge; WIDTH: 300px; BORDER-BOTTOM: #ff99ff 6px ridge; HEIGHT: 400px" cellSpacing=5 cellPadding=5 align=center background=http://album.romerun.com/happymew/folder/16063/album/25915/image/588810/pic/original.gif border=0> <TBODY> <TR> <TD vAlign=center align=middle> <P><FONT color=#cc33cc>Text Here</P> <P>Text Here</FONT></P></TD></TR></TBODY></TABLE> |
อันที่ 2 : ฝนตกเปาะแปะ
|
<TABLE style="BORDER-RIGHT: #99ffff 6px ridge; BORDER-TOP: #99ffff 6px ridge; BORDER-LEFT: #99ffff 6px ridge; WIDTH: 300px; BORDER-BOTTOM: #99ffff 6px ridge; HEIGHT: 400px" cellSpacing=5 cellPadding=5 align=center background=http://album.romerun.com/happymew/folder/16063/album/25915/image/588813/pic/original.gif border=0> <TBODY> <TR> <TD vAlign=center align=middle> <P><FONT color=#336699>Text Here</P> <P>Text Here</FONT></P></TD></TR></TBODY></TABLE> |
อันที่ 3 : ฝนอีกเวอร์ชั่น
|
<TABLE style="BORDER-RIGHT: #33ccff 6px ridge; BORDER-TOP: #33ccff 6px ridge; BORDER-LEFT: #33ccff 6px ridge; WIDTH: 300px; BORDER-BOTTOM: #33ccff 6px ridge; HEIGHT: 400px" cellSpacing=5 cellPadding=5 align=center background=http://album.romerun.com/happymew/folder/16063/album/25915/image/588819/pic/original.gif border=0> <TBODY> <TR> <TD vAlign=center align=middle> <P><FONT color=#336699>Text Here</P> <P>Text Here</P></FONT></TD></TR></TBODY></TABLE> |
อันที่ 4 : ลมแร๊ง...แรง
|
<TABLE style="BORDER-RIGHT: #ff6699 5px ridge; BORDER-TOP: #ff6699 5px ridge; BORDER-LEFT: #ff6699 5px ridge; WIDTH: 300px; BORDER-BOTTOM: #ff6699 5px ridge; HEIGHT: 400px" cellSpacing=0 cellPadding=3 align=center background=http://album.romerun.com/happymew/folder/16063/album/25915/image/588814/pic/original.gif border=0> <TBODY> <TR> <TD vAlign=center align=middle> <P><FONT color=#cc3300>Text Here</P> <P>Text Here</FONT></P></TD></TR></TBODY></TABLE> |
credit to Khun M¸e¸w¸
9月20日
ขั้นแรกให้เราเปิดโปรแกรม MS Notepad ซึ่งถือเป็น Text Editor ที่ใช้สะดวกที่สุดขึ้นมา (ถ้าเป็น Windows XP) ให้คลิกที่ Start >> Programs >> Accessories >> Notepad เราก็จะเห็นหน้าต่าง Notepad ขึ้นมาดังภาพ
ต่อจากนั้นให้ copy โค๊ดข้างล่างนี้ทั้งหมดไปใส่ไว้ใน Notepad
<ASX Version="3.0">
<title>ชื่อรายการเพลงของท่าน</title>
<entry>
<title>ชื่อของเพลงหรือมิวสิควีดิโอ 1</title>
<author>ชื่อศิลปิน</author>
<Ref href="URL ของเพลงหรือมิวสิควีดิโอ"/>
</entry>
<entry>
<title>ชื่อของเพลงหรือมิวสิควีดิโอ 2</title>
<author>ชื่อศิลปิน</author>
<Ref href="URL ของเพลงหรือมิวสิควีดิโอ"/>
</entry>
<entry>
<title>ชื่อของเพลงหรือมิวสิควีดิโอ 3</title>
<author>ชื่อศิลปิน</author>
<Ref href="URL ของเพลงหรือมิวสิควีดิโอ"/>
</entry>
</asx>
- ต่อจากนั้นให้ใส่ชื่อรายการเพลงของท่านลงไปแทนคำว่า ชื่อรายการเพลงของท่าน เช่น My Playlist
- ใส่ชื่อเพลงแทนคำว่า ชื่อของเพลงหรือมิวสิควีดิโอ 1, 2, 3 และต่อๆ ไป
- ใส่ชื่อศิลปินของเพลงนั้นๆ แทนคำว่า ชื่อศิลปิน
- ใส่ URL ของเพลงหรือมิวสิควีดิโอของแต่ละเพลงลงไปแทนคำว่า URL ของเพลงหรือมิวสิควีดิโอ
- ถ้าต้องการใส่เพลงในรายการมากกว่า 3 เพลง ก็เพียงเพิ่มชุด source codes ตั้งแต่คำว่า <entry>....</entry> ลงไปเรื่อยๆ เสร็จแล้วต้องอย่าลืมปิดท้ายด้วย </asx>
ตัวอย่าง
<ASX Version="3.0">
<title>myplaylist</title>
<entry>
<title>full house</title>
<author>ost</author>
<Ref href="http://www.fun4time.com/album/Full%20House%20OST/Full%20House%20OST%20-%2002.wma"/>
</entry>
<entry>
<title>full house</title>
<author>ost</author>
<Ref href="http://www.fun4time.com/album/Full%20House%20OST/Full%20House%20OST%20-%2004.wma"/>
</entry>
<entry>
<title>full house</title>
<author>ost</author>
<Ref href="http://www.fun4time.com/album/Full%20House%20OST/Full%20House%20OST%20-%2005.wma"/>
</entry>
<entry>
<title>full house</title>
<author>ost</author>
<Ref href="http://www.fun4time.com/album/Full%20House%20OST/Full%20House%20OST%20-%2008.wma"/>
</entry>
</asx>
เมื่อเราพิมพ์ใส่ codes รายการเพลงต่างๆ ตามตัวอย่างข้างบนแล้ว ต่อไปให้ทำการ Save ไฟล์ที่ได้เป็น ไฟล์นามสกุล .wmv ดูตามตัวอย่างโลด โดยให้เปลี่ยนตรงคำว่า Save as type เป็น All Files ก่อน แล้วค่อยพิมพ์ชื่อไฟล์ลงไปเช่น myplaylist.wmv แล้วกด Save ก็เป็นเสร็จ คือเราได้ Playlist ของเราเก็บไว้ที่เครื่องของเราแล้ว
ข้อควรระวัง:ถ้าไฟล์เพลงแต่ละเพลงที่เราใส่ไปใน Playlist เป็น .mp3 เราต้อง Save ไฟล์ Playlist ของเราเป็น .mp3 หรือถ้าไฟล์เพลงของเราเป็น .wma เราก็ต้อง Save ไฟล์ Playlist ของเราให้เป็นประเภทเดียวกันคือ .wma ด้วย


ขั้นตอนต่อไปคือขั้นตอนการนำไฟล์ Playlist ที่เราทำไว้เมื่อกี้นี้ไปฝากไว้ที่ Web ที่เขาให้บริการรับฝากไฟล์ฟรี เช่น
( http://geocities.yahoo.com/)
ใช้สำหรับฝากไฟล์ประเภท .wmv .wma ที่สามารถใช้เล่นกับ WMP ได้ หรือที่
ซึ่งก็ใช้สะดวกดี มีเนื้อที่ให้เก็บไฟล์ต่างๆ มากถึง 300 MB. และรับ
Upload ไฟล์ได้เกือบทุกประเภท ถ้าใครยังไม่มีก็คลิกเข้าไปลงทะเบียนได้ฟรี
เมื่อทำการ upload ไฟล์ ในตัวอย่างคือ myplaylist.wmv ไปไว้ที่ Yahoo!GeoCities แล้ว พอไปดูที่หน้า File Manager จะเห็นรายการของไฟล์ที่เรา upload ไว้ตามภาพ


credit to Khun : Sommai
"...กรอบเลื่อนๆ..."
ก่อนอื่นอันใด ต้องมาดูโค๊ดนี้กันก่อนก่า
<DIV align=center>
<DIV align=center> </DIV>
<DIV align=center>
<DIV style="BORDER-RIGHT: สีขอบขวา 2px dashed; BORDER-TOP: สีขอบบน 2px dashed; SCROLLBAR-FACE-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: สีขอบซ้าย 2px dashed; WIDTH: 288px; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffff00; SCROLLBAR-ARROW-COLOR: #ffff00; BORDER-BOTTOM: สีขอบล่าง 2px dashed; SCROLLBAR-DARKSHADOW-COLOR: #ffff00; HEIGHT: 233px" align=left>
**ต้องเปลี่ยนสีขอบเป็นตัวอักษรนะก่า อย่างเช่น ต้องการสีแดง ก็พิมพ์คำว่า "red" เข้าไป
หรือจะเอาสีชมพู่ ก็พิมพ์คำว่า "pink"
**ตรงที่เป็นสีน้ำเงิน เป็นสีขอบลูกศรก่า ต้องใส่โค๊ดสีลงไป กดดูโค๊ดสีกันไปเลย

**มาดูตัวอย่างกันดีกว่า**
โค๊ด
<DIV align=center>
<DIV align=center> </DIV>
<DIV align=center>
<DIV style="BORDER-RIGHT: orange 2px dashed; BORDER-TOP: orange 2px dashed; SCROLLBAR-FACE-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: orange 2px dashed; WIDTH: 288px; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ff4000; SCROLLBAR-ARROW-COLOR: #ff4000; BORDER-BOTTOM: orange 2px dashed; SCROLLBAR-DARKSHADOW-COLOR: #ff4000; HEIGHT: 233px" align=left>
credit to Khun : บ๊วย-หวาน-จอม-ซน
PowerToy : Tweak UI
1. ให้ Copy " &powertoy=tweakomatic "ใส่ลงไป Address ของ IE แล้ว Enter

2. Click ที่ [Customize] อีกครั้ง และไปที่ => [Modules]
3. ทีนี้จะเห็น " PowerToy: Tweak UI " เพิ่มขึ้นมา จากนั้นก็ให้ Click [Add]

4. จะมีฟังก์ชันการใช้งาน ขึ้นมา

5. ฟังก์ชันการใช้งาน ก็ลองดูเอานะ ช่องต่างๆส่วนใหญ่จะเป็นการให้ใส่"Color Code"ลงไป
เ พิ่ ม เ ติ ม
Background Colors กำหนดเมื่อต้องการพื้นหลังเป็นสี
Inner >> บริเวณพื้นหลังส่วนซ้ายของจอบริเวณที่มีกรอบต่างๆ (modules)ทั้งหมดของเราวางอยู่
Outer >> บริเวณพื้นหลังส่วนขวาสุดของจอ..อาจรวมถึงพื้นบนสุดของจอที่เป็นบริเวณโฆษณา
Background Image กำหนดเมื่อต้องการพื้นหลังเป็นภาพ...ภาพนั้นคือภาพที่เค้ากำหนดมา
ไม่สามารถใส่ภาพพื้นหลังเอง
Position >>ตำแหน่งของภาพพื้นหลัง
default ตำแหน่งปกติที่ตั้งมาตั้งแต่ต้น
top left บน-ซ้าย
top cnt บน-กลาง
top right บน-ขวา
cntr left กลาง-ซ้าย
cntr cntr กลาง-กลาง
cntr right กลาง-ขวา
btm left ล่าง-ซ้าย
btm cntr ล่าง-กลาง
btm right ล่าง-ขวา
Repeat >>ต้องการให้มีภาพซ้ำลงไปเรื่อยๆ จนกว่าจะสิ้นสุดกรอบ (Modules) ที่มี
default ค่าปกติที่ตั้งมา
repeat ซ้ำรูปภาพ
no-repeat ไม่ซ้ำรูปภาพ
repeat-y
repeat-x
Display >> ต้องการให้มีภาพหรือไม่มี...ถ้าไม่ต้องการ กด hide
Font Color กำหนดเปลี่ยนสีของตัวอักษร
Link/Bullets >> เปลี่ยนสี links ต่างๆ หรือบางธีมอาจรวมไปถึงสีของหัวกรอบ (Module) ด้วยงับ
Text >> เปลี่ยนสีอักษรทั้งหมดของสเปซ ยกเว้น หัวสเปซ
Module Background สีของกรอบ (module) ที่เป็นส่วนพื้น
Color >> ต้องการเปลี่ยนสีก็ใส่รหัสสีเลย
Transparent >> ต้องการให้มองเห็นพื้นหลังด้วยโดยกำหนดความเข้ม
เลือกได้จาก 20-100 ซึ่ง 100 คือ ค่าปกติพื้นหลังของ module
จะไม่สามารถเห็นพื้นหลัง
Module Borders สีของขอบ กรอบ (module)
Width >> ความหนาของขอบ (0 to 9)
Style >> แบบของขอบ
default ค่าที่ตั้งมา
none กำหนดไม่ให้มีเส้นขอบ
dotted ขอบเป็นจุด
dashed ขอบเป็นเส้นประ
solid เส้นตรง แข็งๆ
double เส้นคู่
groove เส้นร่อง
ridge แนว..สัน
inset ขอบลึกลง
win-inset ลองดูอธิบายมะถูก ^^"
outset ขอบนูนขึ้น
Color >> กำหนดสีของขอบ module
credit to Khun : http://spaces.msn.com/members/aisan/ จ้า
PowerToy : Custom HTML
1. เข้าไปที่ Edit Your Space
2. Copy " &powertoy=sandbox " ไปวางต่อหลังสุดบนช่อง Address ของ IE
(Internet Explorer) แล้ว Enter

3. Click ที่ [Customize] อีกครั้ง และไปที่ => [Modules]

4. ทีนี้จะเห็น " PowerToy: Custom HTML " เพิ่มขึ้นมา จากนั้นก็ให้ Click [Add]
5. จัดหน้าอยากไว้ตรงไหนก็ได้แล้วกด [Save]
6. นี่คือ ฟังก์ชั่นการใช้งานของ " PowerToy: Custom HTML
7. ใส่โคดรูปที่จะลงโดยรูปนั้นต้องมี url <img src=urlของคุณ></img> แล้วก็ save
8. ถ้าไม่อยากหั้ยมันขึ้นแถบบนก็เอาเครื่องหมายถูกหน้าช่อง Show border ออกซะ
<< ทีนี้เราก็จะได้กล่องเพิ่มอีกกล่อง สามารถย้ายไปตรงไหนในสเปซก็ได้จ้า
เหมือนคัสตอมลิสต์อ่ะ..ถ้าจะใส่รูปก็ทำเหมือนปกติ คือ
ฝากรูปกับเว็บโฮส แล้วก็เอาโค้ดมันมาใส่..>>
<<<< เครดิตลิ้งค์นี้ จ้า >>>
http://spaces.msn.com/members/thespacecraft/Blog/cns!1pBU8QRvZvOfXG4QTjpv_GFg!126.entry
http://spaces.msn.com/members/gene7299/PersonalSpace.aspx?_c=
9月16日
วิธีใส่ภาพ background
จะเป็นการใช้คำสั่ง Table เข้ามาช่วย ข้อดีก็คือทำให้เราสามารถ จัดตำแหน่งของภาพ และข้อความ รวมทั้ง การใส่ลูกเล่น ได้หลากหลาย
วิธีใช้
1.ไปที่หน้า Edit Blog Entry คลิกตรง <HTML> เพื่อเปิดการใช้งานโค้ด Html
2. copy โค้ด ที่ให้มา ไป paste เอาไว้
3. เปลี่ยน Url ของภาพ ให้เป็นภาพที่ต้องการ รวมถึง การจัดวาง ตามคำอธิบายด้านล่าง
4. คลิก <HTML> อีกทีเพื่อดูผลงาน
5. พิมข้อความ โดยคลิกไปที่ที่ว่างบน แบคกราว ละก็ พิมๆๆ
6. พอใจแล้ว Publish Entry เลย
Code
<TABLE style="WIDTH: 200px; HEIGHT: 200px" borderColor=#000000 cellSpacing=0 cellPadding=3 align=center background=http://album.romerun.com/happymew/folder/16063/album/25915/image/522882/pic/original.gif border=1>
<TBODY>
<TR>
<TD vAlign=center align=middle>
<P><FONT color=#003333>Text Here</FONT></P>
</TD></TR></TBODY></TABLE>
อธิบายโค้ด ดูตามสีนะคะ
WIDTH / HEIGHT ขนาดของภาพ เป็น พิกเซล
cellPadding=3 ระยะห่างระหว่าง ขอบ กะ ข้อความ
Url ของภาพที่จะนำมาทำเป็น แบคกราว
borderColor สีขอบ เปลี่ยนได้ ดูโค้ดสีได้จากลิ้ง ทางซ้าย
border ขอบของภาพ ใส่เลขเยอะ จะหนาขึ้น ถ้าจะไม่เอาขอบให้ใส่ค่า =0
vAlign การจัดตำแหน่งของข้อความ ชิดขอบบน =top / จัดกลาง =center / ชิดขอบล่าง =bottom
align การจัดตำแหน่งข้อความ ชิดซ้าย =left / กลาง =middle / ชิดขวา =right
FONT color สีตัวอักษร ดูโค้ดสีได้จาก ลิ้งค์ทางซ้ายของบลอคจ้า