ตกแต่งบล็อก...

[M® ' s]

เอามาลงไว้ หายากหน่อยนะ เพราะขี้เกียจจัด ขุดหาเอาเอง....นะจ้ะ

โค้ดกรอบรูปแบบซ่อนกรอบไว้ในรูปด้วยโค้ดกรอบ solid

<table border="0" cellspacing="4" cellpadding="4" width=" ใส่ความกว้างของรูป" align="center" style="background-image: url('ใส่ http://….ของรูป'); height: ใส่ความยาวของรูปpx"><tbody><tr><td align="center" valign="middle" style="border: 2px solid ใส่โค้ดสี">.</td></tr></tbody></table>
โค้ดกรอบรูปแบบซ่อนกรอบไว้ในรูปด้วยโค้ดกรอบ dotted

<table border="0" cellspacing="4" cellpadding="4" width=" ใส่ความกว้างของรูป" align="center" style="background-image: url('ใส่ http://….ของรูป'); height: ใส่ความยาวของรูปpx"><tbody><tr><td align="center" valign="middle" style="border: 2px dotted ใส่โค้ดสี">.</td></tr></tbody></table>
โค้ดกรอบรูปแบบซ่อนกรอบไว้ในรูปด้วยโค้ดกรอบ dashed

<table border="0" cellspacing="4" cellpadding="4" width=" ใส่ความกว้างของรูป" align="center" style="background-image: url('ใส่ http://….ของรูป'); height: ใส่ความยาวของรูปpx"><tbody><tr><td align="center" valign="middle" style="border: 2px dashed ใส่โค้ดสี">.</td></tr></tbody></table>
โค้ดกรอบรูปแบบซ่อนกรอบไว้ในรูปด้วยโค้ดกรอบ double

<table border="0" cellspacing="4" cellpadding="4" width=" ใส่ความกว้างของรูป" align="center" style="background-image: url('ใส่ http://….ของรูป'); height: ใส่ความยาวของรูปpx"><tbody><tr><td align="center" valign="middle" style="border: 5px double ใส่โค้ดสี">.</td></tr></tbody></table>
โค้ดกรอบรูปแบบซ่อนกรอบไว้ในรูปด้วยโค้ดกรอบ groove

<table border="0" cellspacing="4" cellpadding="4" width=" ใส่ความกว้างของรูป" align="center" style="background-image: url('ใส่ http://….ของรูป'); height: ใส่ความยาวของรูปpx"><tbody><tr><td align="center" valign="middle" style="border: 3px groove ใส่โค้ดสี">.</td></tr></tbody></table>
โค้ดกรอบรูปแบบซ่อนกรอบไว้ในรูปด้วยโค้ดกรอบ ridge

<table border="0" cellspacing="4" cellpadding="4" width=" ใส่ความกว้างของรูป" align="center" style="background-image: url('ใส่ http://….ของรูป'); height: ใส่ความยาวของรูปpx"><tbody><tr><td align="center" valign="middle" style="border: 3px ridge ใส่โค้ดสี">.</td></tr></tbody></table>
โค้ดกรอบรูปแบบซ่อนกรอบไว้ในรูปด้วยโค้ดกรอบ inset

<table border="0" cellspacing="4" cellpadding="4" width=" ใส่ความกว้างของรูป" align="center" style="background-image: url('ใส่ http://….ของรูป'); height: ใส่ความยาวของรูปpx"><tbody><tr><td align="center" valign="middle" style="border: 3px inset ใส่โค้ดสี">.</td></tr></tbody></table>
โค้ดกรอบรูปแบบซ่อนกรอบไว้ในรูปด้วยโค้ดกรอบ outset

<table border="0" cellspacing="4" cellpadding="4" width=" ใส่ความกว้างของรูป" align="center" style="background-image: url('ใส่ http://….ของรูป'); height: ใส่ความยาวของรูปpx"><tbody><tr><td align="center" valign="middle" style="border: 3px outset ใส่โค้ดสี">.</td></tr></tbody></table>
โค้ดเปลี่ยน Title Bar (แถบสีฟ้าที่อยู่บนสุด)


<script> window.document.title="เขียนข้อความ";</script>


โค้ดการกำหนดรูปหัวบล็อก


<script> document.images[0].<center> src = "http://ของรูป" </center> </script>


โค้ดการกำหนดรูปพื้นหลัง


<style> body{background-image:url("http://ของรูป");}</style>


ใส่พื้นหลังโดยใช้โคดสี


<style>body{background:#ffffff}></style>


โคดลบกรอบสีขาว


<style>table {background-color:
transparent;border-style: none;border-spacing: none;}td
{border: none;border-color: none;background: none;}</style>

โค้ดกำหนด bullet หน้าหัวข้อให้เป็นรูปเล็ก ๆ น่ารัก

<style>ul{list-style: ;list-style-image: url(ใส่http://ของรูป);}</style>




โค้ดใส่รูปแทน now here( คือ หัวข้อใหม่ล่าสุดที่เราอัพเด็ต)

<script> iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="http://www.bloggang.com/images/now.gif") {document.images[i].src=" http://ของรูป"}</script>


โค้ดเปลี่ยนรูปเรารักในหลวง ท้ายชื่อใน Comment

<script> iLength = document.images.length; for(i=0;i< iLength;i++) if(document.images[i].src=="http://www.bloggang.com/images/smile.gif") {document.images[i].src=" http://ของรูป"}</script>




โค้ดใส่รูปใน commentพร้อมตัวอักษรและสี


<STYLE type="text/css"> textarea{width: ขนาดความกว้าง;height: ขนาดความสูง;background:url(" http://ของรูป");color=" สีอักษร"; font-family : ฟร้อนท์อักษร ; font-size:20pt; </STYLE>


โค้ดเปลี่ยนสี Scrollbar


<STYLE type="text/css"> <!-- BODY{ scrollbar-face-color: สีกรอบ; scrollbar-highlight-color: สีกรอบ; scrollbar-shadow-color: สีกรอบ; scrollbar-3dlight-color: สีกรอบ; scrollbar-arrow-color: สีกรอบ; scrollbar-track-color: สีกรอบ; scrollbar-darkshadow-color: สีกรอบ; } --></STYLE>


โค้ดสีกรอบและข้อความในcomment


<script> HTML = document.body.innerHTML; CommentCount = 0; var reg = new RegExp("-- Comment", "gm"); while(reg.test(HTML)) CommentCount++; CommentCount--; for(i=1; i<=CommentCount; i++){ originalHtml = document.getElementById( i ).innerHTML; beforeHtml = '<fieldset style="border: #ffb6c1 double 3px; padding:10"> <legend align=right> <font face="Broadway"size="1"color="#990000"<ข้อความต้องการเขียน ' + i + ' </font> <img src=http://ของรูป> </font> </legend> ';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;}</script>


โค้ดสีอักษรทั้งบล็อก


<style type="text/css"> <!--body { color:สีอักษร; background-color:สีอักษร;}a:link {color:สีอักษร;}a:visited {color:สีอักษร;}a:active {color:สีอักษร;}--> </style>


โค้ดใส่ข้อความในกระดาษโน๊ตเล็ก


<table height=220 width=157 cellSpacing=0 cellPadding=0 background=http://ของรูป border=0> <tbody> <tr> <td > <br> <font face="EucrosiaUPC" size="3" color=" #ccffff"> <center> <B> เขียนข้อความ </B> </font> </center> <br> </center> </td> </tr> </tbody> </table>


โค้ดเปลี่ยนรูปในMy FriendFlock


<script> iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="http://www.bloggang.com/images/icon_network_mini1.gif") {document.images[i].src=" http://ของรูป"}</script>


โค้ดเปลี่ยนรูปในฝากข้อความหลังไมค์


<script> iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="http://www.bloggang.com/images/message.gif") {document.images[i].src=" http://ของรูป"}</script>



โค้ดเปลี่ยนรูปในRss Feed


<script> iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="http://www.bloggang.com/images/icon_rss.png") {document.images[i].src=" http://ของรูป"}</script>

[M® ' s]

<B>โค้ดเขียนตัวหนา</B>

<em>โค้ดเขียนข้อความตัวเอียง</em>

<br/>โค้ดเว้นบรรทัด

< strong> โค้ดเน้นตัวหนังสือให้ชัดเจนขึ้น< /strong>

<center>โค้ดจัดข้อความให้อยู่ตรงกลาง</center>

<H1>ขนาดหัวข้อที่ 1</H1>โค้ดกำหนดขนาดของหัวข้อ

<H2>ขนาดหัวข้อที่ 2 </H2>โค้ดกำหนดขนาดของหัวข้อ

<H3>ขนาดหัวข้อที่ 3</H3>โค้ดกำหนดขนาดของหัวข้อ

<H4>ขนาดหัวข้อที่ 4</H4>โค้ดกำหนดขนาดของหัวข้อ

<font size="2">โค้ดกำหนดขนาดตัวอักษร</font>

<font color="#FF3030">โค้ดกำหนดสีตัวอักษร</font>

[M® ' s]

โค้ดการเขียนแบบต่าง ๆ

1.<i>เขียนข้อความตัวเอียง </i>

2. <b> เขียนข้อความตัวหนา </b>

3. <u> เขียนข้อความขีดเส้นใต้ </u>

4.<u>เขียนข้อความขีดเส้นใต้</u>

5. <big> เขียนข้อความตัวใหญ่ </big>

6. <small>เขียนข้อความตัวเล็ก </small> ตัวเล็ก

7. ^{เขียนข้อความยกสูงกว่าบรรทัด}

8._{เขียนข้อความตัวต่ำกว่าบรรทัด}

9.<font size="3">เปลี่ยนขนาดของตัวอักษร</font>

10.<font size="3" color="#A8D0E8">เปลี่ยนขนาดและสีของตัวอักษร </font>

11.<font face=" Angsana New" size="2" color="#A8D0E8"> เปลี่ยนขนาดและสีของตัวอักษรและชื่อฟอนท์ ของตัวอักษร </font>

12.โค้ด เว้นวรรคตัวอักษรหรือรูปภาพ & nbsp; เวลาใช้ให้เคาะ&ให้ติดกับnbsp;ด้วยจ๊ะ

[M® ' s]

http://writer.dek-d.com/Writer/story/viewlongc.php?id=341871&chapter=306

เมาส์

[M[o]D~]

โหเบล เยอะแยะมาก - -

ชั้นเพิ่งจะมาเห็นเนี่ย

(แต่อาจารย์เคยบอกว่า script เยอะๆก็ไม่ดีนะ เค้าบอกให้ทำตามที่เค้าสอนพอ -.-)