..ทำฝนตกให้กับรูปด้วยโุคด html


ขอบคูณที่มา..lozocat แห่งบล๊อคแกงค์

 

ทำฝนตกให้กับรูปด้วยโุคด html
 
เป็นลูกเลนน่ารักๆของโคด  html  นำมาให้ลองเล่นกัน

<table border="0" cellspacing="0" cellpadding="0" width="234" align="center" style="background-image: url('..ใส่..http://..ของรูป..'); height: 320px"><tbody><tr><td style="background-image: url('..ใส่..http://..ของภาพฝนตก..')"></td></tr></tbody></table>
 
พิมพ์  สีฟ้า  ใส่ขนาด  ความ กว้าง x ความสูง   ของรูป
 
ตัวอย่างของรูปที่ยังไม่ทำ
 
แคท
 
กับตัวอย่างอย่างของภาพที่ทำแล้ว

 


ปล.  ไม่จำเป็นต้องเป็นฝนตก  จะเป็นรูปอะไรก็ได้น่ารักๆๆ
แต่งรูปภาพของเราให้มีลูกเล่นกิ๊บเก๋ไว้อวดเพื่อนค่ะ..
 
 

 
มีหลายแบบให้เลือก..ที่เห็นเป็นตัวอย่างเอามาใส่ให้ดูเฉยๆ

ภ้าต้องการภาพน่ารักๆๆหลายๆแบบ  ลองคลิกที่ลิงค์ด้านล่างดูนะคะ 


รวมภาพแต่งรูปแบบที่1
รวมภาพแต่งรูปแบบท2
 
 
ขอบคุณแขก VIP ทุกๆท่านที่แวะมาทักทาย  จขบ.  นะคะ
และขอให้สนุกกับการแต่งบล็อคทุกๆคน ขอบคุณค่ะ

ตัวอย่างของภาพฝนตกที่ใช้แต่งรูป
 
Photobucket - Video and Image Hosting
Photobucket - Video and Image Hosting
Photobucket - Video and Image Hosting
Photobucket - Video and Image Hosting
Photobucket - Video and Image Hosting
Photobucket - Video and Image Hosting
Photobucket - Video and Image Hosting
Photobucket - Video and Image Hosting
Photobucket - Video and Image Hosting

 

 ลองทำดูนะคะง่ายๆแต่งบล๊อก..สวยๆๆ..อิอิ

 
อย่าลืมความสูง-ความกว้างของรูปที่ท่านจะนำมาทำนะคะ
...ขอให้สำเร็จคะ..

 

หมายเลขบันทึก: 263823เขียนเมื่อ 27 พฤษภาคม 2009 21:01 น. ()แก้ไขเมื่อ 20 มิถุนายน 2012 02:24 น. ()สัญญาอนุญาต: ครีเอทีฟคอมมอนส์แบบ แสดงที่มา-ไม่ใช้เพื่อการค้า-อนุญาตแบบเดียวกันจำนวนที่อ่านจำนวนที่อ่าน:


ความเห็น (38)

ขออนุญาตก๊อบ....อิอิ.  ชอบของแปลกให่  ขอบพระคุณครับ

P

1. นายประจักษ์~natadee
เมื่อ พ. 27 พฤษภาคม 2552 @ 21:06
1313643 [ลบ] [แจ้งลบ]
..........
พิมทำสำเร็จแระคะ
อิอิ..ดูตามภาพนางแบบจำเป็นได้เลยคะ.

จะลองไปทำเท่สุดๆ เลย ขอบใจจ้า

สวัสดีจ๊ะ  ขอบคุณสิ่งดีดีที่มอบให้จ๊ะ

  • ชอบนายแบบและสายฝนมากค่ะ โรแมนติก ซึ้งและฉ่ำหัวใจดีนะคะ
  • เพิ่งเข้ามาในระบบ G2K หลังหายหน้าไปหลายวัน นึกถึงภาพสวย ๆ ก็ขอแวะมาแบ่งปันชื่นชมด้วยค่ะ

พักสายตากับงาน ประจำ 5 นาที

ก็มีสิ่ง ดี ดี บรรเจิด....เลย นะครับ

คุณพิม...ช่างสรรหา ..เทห์ระเบิด....เลยนะครับ

คุณ sila ว่ามั้ย

ไปทำงานก่อน นะ ครับ

ขอบคุณ ครับ คุณ พิม

 

 

สวัสดี ค่ะ

ขอบคุณ สำหรับภาพน่ารัก และการตกแต่ง blog ค่ะ

subah นำมาใช้ประโยชน์ มากมาย ขอบคุณค่ะ

ดึงรูปฝนตกมาได้  แต่ภาพที่อยู่ด้านหลัง  ทำไม่เป็น  ก็รู้แต่กิ๊กภาพฝนมาไว้ที่บล้อค ได้แค่นี้แหละคะ ขอบคุณมากนะ  จะพยายามฝึก  ขอบคุณที่แบ่งปัน  ภาพเรียงทำเป็นแล้ว  ดึงภาพมาใส่บล้อคเป็นแล้วPhotobucket - Video and Image Hosting

แต่เลือกภาพมาเป็นแบลคกราวด้านหลังทำไม่เป็นนะคะ

น่ารักทั้งนั้น เก็บไว้หมดเลยค่ะ ขอบคุณมากค่ะ

สวัสดีจ๊ะ  ทักทายวันศุกร์สุดสัปดาห์จ๊ะ

สัตว์โลกน่ารัก

สวัสดีจ๊ะ  มาเติมกำลังใจให้จ๊ะ

ทักทายวันหยุด

ตอนนี้ช่วยทำให้ฝนหยุดได้มั๊ยครับ ตกหนักทุกวันเลย น้ำจะท่วมอยู่แล้วคร้าบ

  • สวัสดีค่ะ
  • มีความสุขวันหยุดนะคะ

แมว

ทำได้น่ารักมากคะ ชอบมากๆค่ะ

ถ้าไงอย่าลืมอ่านตอนใหม่ที่หมวยเขียนนะคะตอนที่ 2.4

ค่ะ ฝากคอมเมนด้วยนะคะ

สวัสดีค่ะ  สบายดีหรือเปล่าคะ

ทักทาย สวัสดี

สวัสดีค่ะ  ทักทายวันหยุดค่ะ  มีความสุขนะคะ

มี love มาฝาก

3. ลีลาวดี
เมื่อ พ. 27 พฤษภาคม 2552 @ 21:28
1313701 [ลบ] [แจ้งลบ]

"จุฟๆ"

...........

  • พี่สาวทำให้พิมดูจิ..อิอิ
  • เอาคนสวยมาลงม้างนะคะ
4. อ้อยเล็ก
เมื่อ พ. 27 พฤษภาคม 2552 @ 22:06
1313785 [ลบ] [แจ้งลบ]

..........

 

พี่อ้อยเก่งจังคะ

P
5. เปลวเทียน
เมื่อ พ. 27 พฤษภาคม 2552 @ 23:18
1313970 [ลบ] [แจ้งลบ]

จะลองไปทำเท่สุดๆ เลย ขอบใจจ้า

  • ..ได้เลยเจ้าคะปู่..อิอิ

 

P
6. KRUPOM
เมื่อ พฤ. 28 พฤษภาคม 2552 @ 12:41
1314768 [ลบ] [แจ้งลบ]

สวัสดีจ๊ะ  ขอบคุณสิ่งดีดีที่มอบให้จ๊ะ

  • ขอบคุณมากมายเลยค่ะที่ฝากคอมเม้นดีดี
  • มีกำลังใจให้ทุกวันแม้พิมจะไม่ได้เข้ามาก็นำมาฝากเสมอ.ขอบคุณนะคะ
  •  
P
7. Sila Phu-Chaya
เมื่อ พฤ. 28 พฤษภาคม 2552 @ 14:57
1315036 [ลบ] [แจ้งลบ]

  • ชอบนายแบบและสายฝนมากค่ะ โรแมนติก ซึ้งและฉ่ำหัวใจดีนะคะ
  • เพิ่งเข้ามาในระบบ G2K หลังหายหน้าไปหลายวัน นึกถึงภาพสวย ๆ ก็ขอแวะมาแบ่งปันชื่นชมด้วยค่ะ

แม้พิมไม่อยู่..เข้ามาเอาไปใช้ได้เลยคะเอามาแบ่งปันให้คะ

 

P

8. แสงแห่งความดี
เมื่อ พฤ. 28 พฤษภาคม 2552 @ 15:02
1315052 [ลบ] [แจ้งลบ]

พักสายตากับงาน ประจำ 5 นาที

ก็มีสิ่ง ดี ดี บรรเจิด....เลย นะครับ

คุณพิม...ช่างสรรหา ..เทห์ระเบิด....เลยนะครับ

คุณ sila ว่ามั้ย

ไปทำงานก่อน นะ ครับ

ขอบคุณ ครับ คุณ พิม

ไม่ได้เจอหลายวัน.ระลึกถึงเพื่อนคนนี้เสมอนะคะลองทำดูค่ะ

 

P
9. subah
เมื่อ พฤ. 28 พฤษภาคม 2552 @ 20:41
1315740 [ลบ] [แจ้งลบ]

สวัสดี ค่ะ

ขอบคุณ สำหรับภาพน่ารัก และการตกแต่ง blog ค่ะ

subah นำมาใช้ประโยชน์ มากมาย ขอบคุณค่ะ

 

ยินดีเจ้าคะไม่เข้าใจฝากข้อความไว้นะคะ..แล้วพิมจะนำมาฝากอีกคะ

P

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

อาจารย์ต้องเอาโค๊ดของภาพที่เราต้องการให้เป้นพื้นหลังของฝนตกอะคะลงไปที่บอกว่าลงurlรูปภาพอะคะ.ลองใหม่นะคะ

 

P
13. คุณน้อยหน่า
เมื่อ ส. 30 พฤษภาคม 2552 @ 10:36
1319024 [ลบ] [แจ้งลบ]

น่ารักทั้งนั้น เก็บไว้หมดเลยค่ะ ขอบคุณมากค่ะ

..........

ยินดีค่ะ..คุณน้อยหน่า

 

P
19. suksom
เมื่อ ส. 06 มิ.ย. 2552 @ 15:26
1334033 [ลบ] [แจ้งลบ]

ตอนนี้ช่วยทำให้ฝนหยุดได้มั๊ยครับ ตกหนักทุกวันเลย น้ำจะท่วมอยู่แล้วคร้าบ

........

แหะๆๆแล้วถ้าเจอเทวดาจะบอกให้นะคะ55555+

 

 

ไม่มีรูป
22. หมวยบูริน Pinky
เมื่อ พฤ. 11 มิ.ย. 2552 @ 14:54
1343313 [ลบ] [แจ้งลบ]

ทำได้น่ารักมากคะ ชอบมากๆค่ะ

ถ้าไงอย่าลืมอ่านตอนใหม่ที่หมวยเขียนนะคะตอนที่ 2.4

ค่ะ ฝากคอมเมนด้วยนะคะ

............

 

ได้จ้า..แล้วจะแวะไปค่ะ

 

สวัสดี ครับ คุณ พิม

ผมเข้ามาที่บันทึก ของคุณ

แต่วันนี้ ....ช้ามากครับ

ตั้งใจมาทักทาย....

และขอบคุณ ความรู้สึก ดี ดี ที่มีให้กัน ครับ

พรุ่งนี้ อารมณ์น่าจะสดใสกว่านี้ ครับ

วันนี้....ก็ยังคงสบายดี เหมือนเดิม

ด้วยความระลึกถึง ครับ

 

 

<table border="0" cellspacing="0" cellpadding="0" width="234" align="center" style="background-image: url("http://www.manager.co.th/imageupload/images/552000010029811.JPEG"); "><tbody><tr><td style="background-image: url("http://i194.photobucket.com/albums/z118/bondslozo/1-title-bg/5-bg/cdc06a82.gif")"></td></tr></tbody></table>

<table border="0" cellspacing="0" cellpadding="0" width="234" align="center" style="background-image: url("http://www.manager.co.th/imageupload/images/552000010029811.JPEG"); "><tbody><tr><td style="background-image: url("http://i194.photobucket.com/albums/z118/bondslozo/1-title-bg/5-bg/cdc06a82.gif")"></td></tr></tbody></table>

พบปัญหาการใช้งานกรุณาแจ้ง LINE ID @gotoknow
ClassStart
ระบบจัดการการเรียนการสอนผ่านอินเทอร์เน็ต
ทั้งเว็บทั้งแอปใช้งานฟรี
ClassStart Books
โครงการหนังสือจากคลาสสตาร์ท