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


สร้างกรอบเขียนข้อความแบบง่ายๆชุดที่3
 
เป็นลูกเล่นน่ารักๆของโคด html โดยการเอาบีจีแบบที่เป็นเซตๆ
มาซ้อนกันถ้าเลือกสีให้เหมาะดูแล้วเข้ากันไม่จำเป็นต้องเป็นเซตก็ได้
ใช้บีจีแบบใหนก็ได้..ประมาณไม่ใช่เซต  แต่ดูเหมือนเซต
บีจีที่เห็นเป็นตัวอย่างค่ะ..ลองจัดดูนะคะ ง่ายๆ..
ขอบคุณเพื่อนๆที่แวะมาทักทาย  จขบ.ค่ะ ขอบคุณค่ะ
 
ตัวอย่างโคด
 
<table border="0" cellspacing="10" cellpadding="8" 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%  หรือน้อยกว่าตามต้องการ
ส่วนที่เป็น พิมพ์ สี  ฟ้า  ใส่ตัวเลขได้ตามต้องการ 
ตัวเลขมากช่องระหว่าง บีจี  ต่อ  บีจี  ก็ห่างมาก
 
ลองจัดและใส่ตัวเลข แล้วนำไปวางที่ "กล่องทดสอบโคด"
ก็จะเข้าใจมากขึ้นค่ะ ลองดูนะคะง่ายๆ
 
ตัวอย่างของเซตบีจีชุดที่3
 
 
 
eosunderstate1a.gifeosunderstate1b.gifeosunderstate1c.gif
   
   
eosunderstate2a.gifeosunderstate2b.gifeosunderstate2c.gif
   
   
eosunderstate3a.gifeosunderstate3b.gifeosunderstate3c.gif
   
   
eosunderstate4a.gifeosunderstate4b.gifeosunderstate4c.gif
   
   
eosunderstate5a.gifeosunderstate5b.gifeosunderstate5c.gif
   
   
eosunderstate6a.gifeosunderstate6b.gifeosunderstate6c.gif
   
   
eosunderstate7a.gifeosunderstate7b.gifeosunderstate7c.gif
   
   
eosunderstate8a.gifeosunderstate8b.gifeosunderstate8c.gif
   
   
eosunderstate9a.gifeosunderstate9b.gifeosunderstate9c.gif
   
   
eosunderstate10a.gifeosunderstate10b.gifeosunderstate10c.gif
   
   
eosunderstate11a.gifeosunderstate11b.gifeosunderstate11c.gif
   
   
eosunderstate12a.gifeosunderstate12b.gifeosunderstate12c.gif





Create Date : 10 กุมภาพันธ์ 2551
Last Update : 10 กุมภาพันธ์ 2551 21:59:13 น.
Counter : 2398 Pageviews.

8 comments
  
 
ลองจัดโคดดูแล้ววางที่กล่องคอมเม้นเพื่อทดสอบโคดดูก็ได้ค่ะ 
 
โดย: lozocat วันที่: 10 กุมภาพันธ์ 2551 เวลา:22:00:31 น.
  
ทดสอบความสวยจ่ะ

โดย: เจ่เจ๊นุช (oranuch_sri ) วันที่: 11 กุมภาพันธ์ 2551 เวลา:4:41:59 น.
  
ทดสอบความน่ารักจ่ะ

โดย: เจ่เจ๊นุช (oranuch_sri ) วันที่: 11 กุมภาพันธ์ 2551 เวลา:4:47:17 น.
  
จะเอาไปตอบ tag จ้า


กรอบสามชั้น ไม่ยากเลยค่ะ
ไว้จะเอาไปทำ tag นะคะ
คิคิ .. ดูทางการดีค่ะ ชอบ

โดย: jumwilly วันที่: 11 กุมภาพันธ์ 2551 เวลา:5:37:55 น.
  
แวะมาขอความรู้ไปใช้คับ

ขอบคุณมากครับ
โดย: crazypaph วันที่: 12 กุมภาพันธ์ 2551 เวลา:10:46:12 น.
  
//uploadingit.com/files/447591_pilui/x1pxzZ39wV--_dyVdLRF0Ii3dezrBytUZJZMbu1-ขอบคุณค่ะ


โดย: deeplove วันที่: 12 กุมภาพันธ์ 2551 เวลา:22:33:12 น.
  


เขียนข้อความ


โดย: Alisara วันที่: 13 กุมภาพันธ์ 2551 เวลา:8:00:25 น.
  
ขอบคุนมากๆค่า
โดย: Mrs.RamBo วันที่: 28 กุมภาพันธ์ 2551 เวลา:18:44:06 น.
ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
 *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

Misscat.BlogGang.com

lozocat
Location :
  

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

บทความทั้งหมด