อย่า อยู่ อย่าง อยาก
Group Blog
 
All blogs
 

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

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

แบบที่ 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 น.
Counter : 694 Pageviews.  

User Bar

แจก USER BAR ที่กำลังเป็ที่นิยมในเวบบอร์ดครับ แต่จะเอาไปใช้ในเวปพันทิปไม่ได้อะครับ เอาไว้ตรงลายเซนต์เวบบอร์ดต่างๆ หรือเอาไปตกแต่งบลอก ก็ได้ครับ















 

Create Date : 07 พฤศจิกายน 2549    
Last Update : 9 พฤศจิกายน 2549 19:34:37 น.
Counter : 252 Pageviews.  


Lonelyboy and Empty House
Location :
กรุงเทพ Thailand

[Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed

ผู้ติดตามบล็อก : 2 คน [?]




web site hit counters

NOTE

สวัสดีครับบบ
มาลดความอ้วนกันเถอะครับ
นน.เริ่มต้น: 98kg

นน.วันนี้: 90kg

นน. ที่ต้องการ: 70kg

ลดอีก 20kg

เป็นวันที่: 14



เมนูพร่องแป้งงดน้ำตาล


ไข่เจียวหมูสับ
ยำปลาทูไข่ต้ม
ผัดบลอกโคลีหมู
หมูสับชุบไข่ทอด
หมูทอดเกลือ
กุ้งทอดเกลือ
ผัดหมูผักกาดขาว
กระเพราไก่
คะน้าหมูกรอบ
แกงจืดหมู
ไข่น้ำ
หมูมะนาว
ผัดบลอกโคลีกุ้ง

Friends' blogs
[Add Lonelyboy and Empty House's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.