สร้างกรอบแบบง่ายๆด้วยตัวเองชุดที่4


สร้างกรอบเขียนข้อความแบบง่ายๆชุดที่4
 
เป็นลูกเล่นน่ารักๆของโคด html โดยการเอาบีจีแบบที่เป็นเซตๆ
มาซ้อนกันถ้าเลือกสีให้เหมาะดูแล้วเข้ากันไม่จำเป็นต้องเป็นเซตก็ได้
ใช้บีจีแบบใหนก็ได้..ประมาณไม่ใช่เซต  แต่ดูเหมือนเซต
บีจีที่เห็นเป็นตัวอย่างค่ะ..ลองจัดดูนะคะ ง่ายๆ..
ขอบคุณเพื่อนๆที่แวะมาทักทาย  จขบ.ค่ะ ขอบคุณค่ะ
 
ตัวอย่างโคด
 
<table border="0" cellspacing="10" cellpadding="10" width="100%" align="center" style="background-image: url('ใส่//บีจีที่1')"><tbody><tr><td align="center" valign="middle" style="background-image: url('ใส่//บีจีที่2')"><table border="0" cellspacing="5" cellpadding="5" width="100%" align="center" style="background-image: url('ใส่//ของบีจีที่3')"><tbody><tr><td align="center" valign="middle">เขียนข้อความ</td></tr></tbody></table></td></tr></tbody></table>
 
100% ลดให้เหลือ 80%-90%  หรือน้อยกว่าตามต้องการ
ส่วนที่เป็น พิมพ์ สี  ฟ้า  ใส่ตัวเลขได้ตามต้องการ 
ตัวเลขมากช่องระหว่าง บีจี  ต่อ  บีจี  ก็ห่างมาก
 
ลองจัดและใส่ตัวเลข แล้วนำไปวางที่ "กล่องทดสอบโคด"
ก็จะเข้าใจมากขึ้นค่ะ ลองดูนะคะง่ายๆ
 
ตัวอย่างของเซตบีจีชุดที่4
 
 
 
eosaut1.gifeosaut1a.gif
eosaut1b.gif 
  
  
  
eosaut2.gifeosaut2a.gif
eosaut2b.gif 
  
  
  
eosaut3.gifeosaut3a.gif
eosaut3b.gif 
  
  
  
eosaut4.gifeosaut4a.gif
eosaut4b.gif 
  
  
  
eosaut5.gifeosaut5a.gif
eosaut5b.gif 
  
  
  
eosaut6.gifeosaut6a.gif
eosaut6b.gif 





Create Date : 11 กุมภาพันธ์ 2551
Last Update : 11 กุมภาพันธ์ 2551 21:40:05 น.
Counter : 2304 Pageviews.

5 comments
  
 
ลองจัดและทดสอบโคดได้ที่กล่องคอมเม้นค่ะ
 
โดย: lozocat วันที่: 11 กุมภาพันธ์ 2551 เวลา:21:48:20 น.
  
เขียนข้อความ
โดย: กระต่ายไม่ขูดมะพร้าว วันที่: 11 กุมภาพันธ์ 2551 เวลา:23:42:58 น.
  
ทดสอบกรอบสวยจ่ะ

โดย: เจ่เจ๊นุช (oranuch_sri ) วันที่: 12 กุมภาพันธ์ 2551 เวลา:5:41:07 น.
  
พื้นหลังดู Classic ดีคับ อาจขอไปใช้บ้างนะครับ

ขอบคุณมากครับ
โดย: crazypaph วันที่: 12 กุมภาพันธ์ 2551 เวลา:10:48:13 น.
  
เขียนข้อความ

ขอบคุณนะคะ นั่งลองจนปวดเมื่อยไปหมดเลยละคนแก่..
โดย: engon วันที่: 12 กุมภาพันธ์ 2551 เวลา:11:33:20 น.
ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
 *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

Misscat.BlogGang.com

lozocat
Location :
  

[ดู Profile ทั้งหมด]
 ผู้ติดตามบล็อก : 13 คน [?]

บทความทั้งหมด
 
 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.