Bloggang.com : Lonelyboy and Empty House : วิธีการทำ "กล่องประกาศข้อความ"

วิธีการทำ "กล่องประกาศข้อความ"

........กล่องเอาไว้เขียนข้อความประกาศต่างๆครับ เอาไปตกแต่งบล๊อก โค๊ดก็ได้มาจากเพื่อนๆน่ะครับ แล้วเอามาดัดแปลงเล็กน้อย ไม่ได้คิดเองทั้งหมดครับ

แบบที่ 1 แบคกราวน์เป็นรูปเล็กๆมาต่อกัน

Notice Board

ใส่ข้อความที่นี่ได้เลยจ้า

<center><table style="border: 4px double #FF66CC;" cellspacing=2> <tr> <td> <table style="border: 1px solid #FF99CC;"cellspacing=5> <tr> <td> <table style="background: white url(//img313.imageshack.us/img313/2112/b233fe3.gif);border: 2px dotted #FFCCCC;" cellspacing=20><tr><td><center> <img src=//i11.photobucket.com/albums/a171/merrymod/star12.gif>Notice Board<img src=//i11.photobucket.com/albums/a171/merrymod/star12.gif> </center>
<p> <marquee height="189" width="170" direction=up scrollamount="3" ="this.scrollAmount='0'" onMouseOut="this.scrollAmount='3'">
<center><img src='//i11.photobucket.com/albums/a171/merrymod/star12.gif'border=0>ใส่ข้อความที่นี่ได้เลยจ้า<img src='//i11.photobucket.com/albums/a171/merrymod/star12.gif'border=0><p></center></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </center>

แบบที่ 2 จะเป็นแบบ แบล๊กกราวน์รูปใหญ่ ให้ใช้ขนาด 215*270 นะครับ รูปจะได้พอดี

Notice Board

ใส่ข้อความที่นี่ได้เลยจ้า

<center><table style="border: 4px double blue;" cellspacing=2> <tr> <td> <table style="border: 1px solid blue;"cellspacing=5> <tr> <td> <table style="background: white url(//img183.imageshack.us/img183/6656/bgsunvx2.gif);border: 2px dotted skyblue;" cellspacing=20><tr><td><center> <img src=//i11.photobucket.com/albums/a171/merrymod/star12.gif>Notice Board<img src=//i11.photobucket.com/albums/a171/merrymod/star12.gif> </center>
<p> <marquee height="189" width="170" direction=up scrollamount="3" ="this.scrollAmount='0'" onMouseOut="this.scrollAmount='3'">
<center><img src='//i11.photobucket.com/albums/a171/merrymod/star12.gif'border=0>ใส่ข้อความที่นี่ได้เลยจ้า<img src='//i11.photobucket.com/albums/a171/merrymod/star12.gif'border=0><p></center></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </center>

การปรับแต่ง

1.เปลี่ยนพื้นหลังได้ที่ URL รูป อันบนสุดนะครับ พื้นหลังถ้าเป็นภาพใหญ่ๆภาพเดียว ควรใช้ขนาด 215*270 นะครับจะพอดีกับกรอบ ถ้าเป็นภาพเล็ก ภาพมันจะมาต่อๆกันครับ

2.เปลี่ยนกรอบ มีทั้งหมด 3 กรอบนะครับที่
border: 1px <-- ความหนาของกรอบ
solid <--รูปแบบกรอบ
#FF99CC <-- รหัสของสีกรอบ
ส่วนเรื่องประเภทของกรอบ solid = เส้น double = เส้นคู่ dotted = ลายจุด 9ล9 ถ้าไม่ให้มีกรอบให้ใส่ทุกอันเป็น 0px ครับ

3. สีของ Font เป็นสีเดียวกับข้อความปกติครับ

หวังว่าคงมีประโยชน์บ้างนะครับ ~

Create Date : 10 พฤศจิกายน 2549

Last Update : 10 พฤศจิกายน 2549 20:31:47 น.

34 comments

Counter : 1358 Pageviews.

.. น่ารักเชียว ขอบคุณค่ะ

โดย: hayashimali

วันที่: 11 พฤศจิกายน 2549 เวลา:3:37:49 น.

ผมขอหยิบไปฝากแม่อันนะครับ ขอบคุณครับ

โดย: น้องเบิร์ด (AsWeChange

) วันที่: 11 พฤศจิกายน 2549 เวลา:6:53:58 น.

คือ ...อยากรู้ code ที่จะทำให้ตรงหัว comment นับตัวเลขได้อ่ะคะ พอจะกระซิบบอกได้มั้ยคะ เพราะ พยายามมั่ก ๆ แล้วทำไม่ได้เลย

ขอบคุณล่วงหน้านะคะ

โดย: รอยยิ้มนางฟ้า

วันที่: 11 พฤศจิกายน 2549 เวลา:10:14:52 น.

น่ารักดีนะครับ

โดย: tahming (tahming

) วันที่: 11 พฤศจิกายน 2549 เวลา:10:30:15 น.

แล้วจะมาเอาไปใช้บ้างค่ะ

โดย: หนึ่งนางนี้

วันที่: 13 พฤศจิกายน 2549 เวลา:0:50:12 น.

สวยมากๆ ค่ะ แล้ว เอาไปใส่ตรงไหน อะค่ะ แบบว่าไม่ เก่ง ค่ะ

โดย: STAR A LONE (STAR ALONE

) วันที่: 14 พฤศจิกายน 2549 เวลา:0:27:31 น.

เอาโค๊ดไปวางตรง Script Area เลยครับ

โดย: hydrophobia

วันที่: 14 พฤศจิกายน 2549 เวลา:0:44:24 น.

แ ว ะ ม า ช ม ค่ ะ

มี ค ว า ม สุ ขม า ก ๆ ๆ ๆ ๆ น๊ า ค ะ วั น นี้

โดย: d__d (มัชชาร

) วันที่: 15 พฤศจิกายน 2549 เวลา:18:14:57 น.

ขอบคุณมากค่ะ เก็บไปเป็นความรู้ค่ะ และจะได้ลองทำดูค่ะ

โดย: ยอร์ค

วันที่: 16 พฤศจิกายน 2549 เวลา:10:30:19 น.

ขอบคุณมากน่ะค่ะ น่ารักจังเลย

โดย: rayasuree(jeab) (rayasuree

) วันที่: 24 พฤศจิกายน 2549 เวลา:21:31:01 น.

...เนื่องในวาระดิถีขึ้นปีใหม่ พ.ศ.2550 นี้...
แกงส้มขออนุญาตเข้ามาอวยพร ให้เจ้าของบล็อค และครอบครัวสุขกายสบายใจตลอดไปนะคะ..

โดย: แกงส้มชะอมกุ้งใส่ผักบุ้งนิดนึง ณ.จ๊ะ.... (น้องแกงส้ม

) วันที่: 30 ธันวาคม 2549 เวลา:19:49:15 น.

สวัสดีค่ะ...แกงส้มมาทักทายจ๊ะ

..ปีใหม่แล้วโปรดรักษามิตรภาพ และอารมณ์ดีดี ไว้ใกล้ๆ ตัวเสมอๆ นะคะ....

โดย: แกงส้มชะอมกุ้งใส่ผักบุ้งนิดนึง (น้องแกงส้ม

) วันที่: 8 มกราคม 2550 เวลา:23:02:16 น.

HaPpY BiRtHdAy ka k. hydrophobia
มีความสุขมากๆ น่ะค่ะ คิดอะไรให้สมปรารถนาค่ะ มีแต่สิ่งดีดีเข้ามาในชีวิตน่ะค่ะ

โดย: icebridy

วันที่: 10 กุมภาพันธ์ 2550 เวลา:0:38:34 น.

ขอให้มีคาวมสูขในวันคล้ายวันเกิดค่ะ

โดย: saengjan

วันที่: 10 กุมภาพันธ์ 2550 เวลา:2:49:42 น.

Happy birthday ka

โดย: KungGuenter

วันที่: 10 กุมภาพันธ์ 2550 เวลา:5:26:35 น.

//i91.photobucket.com/albums/k285/somchai_2006/49224zwojqhoout.gif
HAppY BiRthDay

โดย: Yoawarat

วันที่: 10 กุมภาพันธ์ 2550 เวลา:5:29:50 น.

สุขสันต์วันเกิดค่ะ

จิ๊กไปใช้นะ ขอบคุณมากๆๆๆน่ารักจนอดหยิบไม่ได้

มีความสุขมากมายนะ

โดย: บ้านโคกโจด (my_oom

) วันที่: 10 กุมภาพันธ์ 2550 เวลา:8:45:59 น.

ทำไมเปลี่ยนสีตัวหนังสือไม่ได้อ่ะ

โดย: บ้านโคกโจด (my_oom

) วันที่: 10 กุมภาพันธ์ 2550 เวลา:9:27:49 น.

แจ่มมากค่ะ ขอบคุณนะคะ

ปล แวะมา HBD ค่ะ
มีความสุขมากๆนะคะ
สุขภาพแข็งแรง
ร่ำรวย ร่ำรวยนะคะ

โดย: หัวใจสีชมพู

วันที่: 10 กุมภาพันธ์ 2550 เวลา:10:13:22 น.

HAPpy BirTHdaY

โดย: Yoawarat

วันที่: 10 กุมภาพันธ์ 2550 เวลา:12:27:43 น.

สุขสันต์วันเกิดค่ะ ขอให้มีความสุขมากๆ นะคะ
แข็งแรงทั้งกายและใจ แฮปปี้ๆ ค่ะ

โดย: บัวริมบึง

วันที่: 10 กุมภาพันธ์ 2550 เวลา:14:22:44 น.

Happy Birthday ค่ะ ขอให้มีความสุขในวันเกิดปีนี้นะค่ะ

แล้วจะแวะมาหาความรู้การทำบล๊อกนะค่ะ

โดย: vpjeab

วันที่: 11 กุมภาพันธ์ 2550 เวลา:7:56:23 น.

กล่องประกาศข้อความพร้อมโค๊ด ผมเพิ่งจะเห็นครับ ใส่ไว้ในscript area ขอบคุณ

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

โดย: yyswim

วันที่: 11 กุมภาพันธ์ 2550 เวลา:9:10:17 น.

ขอให้มี

ความสุข

เนื่องในวัน

คล้าย

วันเกิดครับ

โดย: somnumberone

วันที่: 11 กุมภาพันธ์ 2550 เวลา:13:48:13 น.

ป้าพานางฟ้ามาอวยพรวันเกิดค่ะ
ขอให้พบแต่สิ่งดีๆ คนที่ดีมีจิตใจดี และเหตุการณ์ดีๆนะคะ
หวังว่าคงจะไม่ช้าไปนะคะ
ป้าขอแอดให้เปนอาจารย์สอนแต่งบล๊อกนะคะ
"ขอคารวะท่านอาจารย์ค้า"

โดย: ป้าหู้เองค่ะ (fifty-four

) วันที่: 11 กุมภาพันธ์ 2550 เวลา:14:53:35 น.

Happy Birthday คร้าบ..

โดย: smartman หล่อสุดๆ

วันที่: 12 กุมภาพันธ์ 2550 เวลา:11:32:14 น.

โดย: > เอ้ < photo

วันที่: 13 กุมภาพันธ์ 2550 เวลา:10:20:40 น.

สุขสันต์วันเกิดย้อนหลังและวันแห่งความรักนะคะ
มีความสุขทุกวันค่ะ^^

...

โดย: ขอบคุณที่รักกัน (blueberry_cpie

) วันที่: 14 กุมภาพันธ์ 2550 เวลา:8:02:23 น.

ผ่านมาสุขสันต์วันเกิด
แวะมาสุขสันต์วันแห่งความรัก
มีความสุขมากๆนะคะ

โดย: KungGuenter

วันที่: 15 กุมภาพันธ์ 2550 เวลา:23:37:48 น.

สวัสดีคร๊าบ

คิดถึงพี่เลยแวะมาเยี่ยมน่ะครับ

ขอให้พี่ มีความสุขมากๆนะครับ

โดย: น้องเบิร์ด (AsWeChange

) วันที่: 17 มีนาคม 2550 เวลา:7:44:53 น.

ช่วยโมหน่อยค่ะทำไมตัวหนังสือเปงสีดำค่ะมองม่ะเหงเลยค่ะ

โดย: แตงโม sister

วันที่: 5 เมษายน 2550 เวลา:11:15:18 น.

น้อมขอพรสิ่งศักดิ์สิทธิ์อธิษฐาน
ดลบันดาลปีใหม่ไทยให้พร้อมพรั่ง
ทั้งอายุ วรรณะ สุขะพลัง
เลิศดังหวังเกษมมั่นนิรันดร์เทอญ

สุขสันต์วันสงกรานต์นะคะ

โดย: เราสองคน (ฝากเธอ

) วันที่: 14 เมษายน 2550 เวลา:11:36:55 น.

เพื่อนๆคะ เมื่อเช้าได้เข้าไปดูบล็อกของคุณจอมแก่นแสนซน เห็นว่าเป็นเรื่องเร่งด่วนมากที่เราต้องช่วยกันเรื่องที่ You Tube ได้ลงภาพหมิ่นในหลวงของเรา แต่เราช่วยกันยับยั้งเรื่องนี้ได้นะคะ ขอให้ทุกคนติดตามเรื่องนี้ได้จากบล็อกของคุณจอมแก่นแสนซนตามลิ้งค์ข้างล่าง

บล็อกคุณจอมแก่นแสนซน

ส่วนลิ้งค์นี้ลงชื่อเพื่อถอดคลิปออกจาก You Tube ค่ะ

ลงชื่อเพื่อในหลวง

โดย: ฝากเธอ

วันที่: 4 กรกฎาคม 2550 เวลา:15:55:21 น.

อยากทำกรอบคอมเม้นแบบนี้บ้างอ่ะค่ะ สวยดีค่ะ แต่ทำไม่เป็นอ่ะค่ะ

โดย: อุ ค่ะ (au_444

) วันที่: 30 กรกฎาคม 2550 เวลา:23:03:36 น.