Bloggang.com : ดอกพิกุลจะร่วง :

Code แต่งบล็อค

รวบรวม Code ที่ใช้บ่อย..แต่ไม่เคยจำได้
มาเก็บไว้ใช้เอง (แบบว่า..ขี้เกียจค้นหาบล็อคที่สอนอ่ะ..
เพราะบางทีมันก้อเสียเวลาหา
เลยนำมาแปะไว้บล็อคเราเสียเลย)
แต่หากใครจะเอาไปใช้ก้อไม่ว่ากันเน้อ
ขอบพระคุณเจ้าของหลาย ๆ บล็อค ที่แนะนำการใช้ Code ต่าง ๆ ..
Thank you - Thank you

Create Date : 21 กุมภาพันธ์ 2549

14 comments

Last Update : 27 กุมภาพันธ์ 2549 17:38:23 น.

Counter : 1908 Pageviews.

Code ใส่ภาพแบล็คกราวน์

แบบมีภาพเดียว หน้าไม่เลื่อน
<style>Body{background-image:url("//ของรูปภาพ");background-position: center (bottom left..etc..);background-repeat: no-repeat;background-attachment: fixed;background-color:#สีของแบล็คกราวน์;}</style>

โดย: ดอกพิกุลจะร่วง 22 กุมภาพันธ์ 2549 14:56:08 น.

Code ใส่รูปภาพแบล็คกราวน์เป็นแนวด้านต่างๆ

รูปอยู่ด้านบน
<style type>body { background: สีของแบล็คกราวน์ url(http:ของรูปภาพ) repeat-x fixed } </style>

รูปอยู่ด้านล่าง
<style type>body { background: สีของแบล็คกราวน์ url(http:ของรูปภาพ) repeat-x fixed bottom } </style>

รูปอยู่ด้านข้างซ้าย
<style type>body { background: สีของแบล็คกราวน์ url(http:ของรูปภาพ) repeat-y fixed}</style>

รูปอยู่ด้านข้างขวา
<style type>body { background: สีของแบล็คกราวน์ url(http:ของรูปภาพ) repeat-y fixed right } </style>

โดย: ดอกพิกุลจะร่วง 22 กุมภาพันธ์ 2549 14:57:02 น.

Code ทำ blog ไม่มีเส้น
<style>TABLE {background-color: transparent;border-style: none;border-spacing: none;}TD {border: none;border-color: none;background: none;} </style>

โดย: ดอกพิกุลจะร่วง 22 กุมภาพันธ์ 2549 15:01:54 น.

Code เปลี่ยนรูป Bullet
<style>ul{list-style: ;list-style-image: url('//ของรูปภาพ');} </style>

โดย: ดอกพิกุลจะร่วง 22 กุมภาพันธ์ 2549 15:02:29 น.

Code ใส่รูปในกล่อง coment
<STYLE type="text/css">textarea{width:300;height:295;background:url("//ของรูปภาพ");color="blue"; font-family : tahoma; font-size:10pt; </STYLE>

โดย: ดอกพิกุลจะร่วง 22 กุมภาพันธ์ 2549 15:03:00 น.

Code เปลี่ยนรูปอมยิ้ม
<script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="https://www.bloggang.com/images/smile.gif") {document.images[i].src="//ของรูปภาพ"}</script>

โดย: ดอกพิกุลจะร่วง 22 กุมภาพันธ์ 2549 15:07:46 น.

Code เปลี่ยนสี Font ของบล็อค
<script language=javascript>document.body.style.color="Code สีของ Font"</script>

โดย: ดอกพิกุลจะร่วง 22 กุมภาพันธ์ 2549 15:34:17 น.

Code เปลี่ยนรูปภาพ cursor
<body style="cursor:url(http:ของรูปภาพ)" >

โดย: ดอกพิกุลจะร่วง 22 กุมภาพันธ์ 2549 15:50:45 น.

Code ใส่รูปภาพ..แล้วมีข้อความรอบ ๆ รูปภาพ
<image align="right"valign="left" src=" http:ของรูปภาพ" ALT="*"> ข้อความ..ข้อความ

โดย: ดอกพิกุลจะร่วง 22 กุมภาพันธ์ 2549 16:38:19 น.

Code แปะเพลง

แบบมี console ให้เปิดปิดได้ สำหรับไฟล์ที่เป็น wma
<embed src="url ของเพลง" autostart="true" loop="false" height="45" width="170"></embed>

แบบไม่มี console ให้เปิดปิดได้ สำหรับไฟล์ที่เป็น wma
<BGSOUND balance=0 src="url ของเพลง"volume=-600 loop=0>

แบบไม่มี รูป console สำหรับไฟล์ที่เป็น swf
<embed pluginspage=//www.macromedia.com/go/getflashplayer src="url ของเพลง"width=1 height=1 type=application/x-shockwave-flash quality="high"></embed>

โดย: ดอกพิกุลจะร่วง 22 กุมภาพันธ์ 2549 16:39:48 น.

Code ใส่รูปภาพให้เป็น link
<a href=' ใส่ URL ของเวปที่ต้องการให้ลิงค์'target='_blank'><img src = ใส่ URL ของรูป></a>

โดย: ดอกพิกุลจะร่วง 22 กุมภาพันธ์ 2549 16:53:44 น.

Code แปะไฟล์ Flash
<embed src=" //ของไฟล์ Flash " quality="high" pluginspage="//www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="400"></embed>

เอาไว้สำหรับเกมส์ของบล็อคเรา..

โดย: ดอกพิกุลจะร่วง 22 กุมภาพันธ์ 2549 17:16:52 น.

Code แปะรูปภาพ
<img src=//ของรูปภาพ>

ไว้แปะรูปภาพในบล็อก รวมถึงแปะรูปในกล่องคอมเม้นส์ของเพื่อน ๆ ที่เราไปเยี่ยมด้วยนะ

โดย: ดอกพิกุลจะร่วง 23 กุมภาพันธ์ 2549 11:32:41 น.

Code ตัวหนังสือเล็กลงทั้งหน้า
<style>p,font,td,div {font: 13px Verdana,Tahoma;} </style>
<style>p b font {font:bold 14px Verdana,Tahoma;} </style>

โดย: ดอกพิกุลจะร่วง 23 กุมภาพันธ์ 2549 13:13:33 น.