โค้ดใส่รูป




การใส่รูป

อย่าลืมเอาเครื่องหมาย * ออก ทุกคำสั่ง นะค่ะ

ใส่รูปแบบธรรมดา

<*img src = …..ใส่ URL ของรูปนั้นๆ….>

จะได้รูปออกมาตามตัวอย่าง


ถ้าจะให้รูปเรียงเป็นแถวต่อกันไปเรื่อยๆ
ให้ใส่คำสั่งเรียงต่อไปเรื่อยๆตามจำนวนรูป

<*img src = …..ใส่ URL ของรูปนั้นๆ….><*img src = …..ใส่ URL ของรูปนั้นๆ….><*img src = …..ใส่ URL ของรูปนั้นๆ….>

จะได้รูปออกมาตามตัวอย่าง


ใส่ให้อยู่ตรงกลางหน้า

<*center><*img src=http:XXX><*/center>

จะได้รูปออกมาตามตัวอย่าง


รูปใหญ่เกินไป ให้ใส่ขนาดตัวเลขที่ต้องการลดขนาด
จะได้รูปออกมาตามตัวอย่าง


<*center><*img src=http:XXX width=ใส่เลขของขนาดที่ต้องการ height=ใส่เลขของขนาดที่ต้องการ><*/center>


ใส่รูปอยู่ด้านขวาพร้อมข้อเขียนอยู่ด้านซ้ายมือของรูป

<*table border="0"><*tbody><*tr><*td valign="top"><*p>เขียนข้อความที่ต้องการ <*/p><*/td><*td valign="top"><*img src="..ใส่..http://..ของรูป.." border="0"><*/td><*/tr><*/tbody><*/table>

จะได้รูปออกมาตามตัวอย่าง

Miss U



รูปอยู่บนด้านซ้ายพร้อมข้อเขียนอยู่ด้านขวามือของรูป

<*table border="0"><*tbody><*tr><*td valign="top"><*img src="urlของรูปที่จะใส่" border="0" /><*/td><*td valign="top"><*p>ข้อความที่ต้องการใส่<*/p><*/td><*/tbody><*/table>

จะได้รูปออกมาตามตัวอย่าง

Miss U



ทำให้รูปเลื่อนได้

<*marquee><*img src=urlของรูปที่จะใส่> <*/marquee>

จะได้รูปออกมาตามตัวอย่าง



โค้ดใส่กรอบให้รูป

<*table border="3" cellspacing="1" style="border: 3px solid ใส่โค้ดสี"><*tbody><*tr><*td><*img src="..ใส่..http://..ของรูป.." border="0" /><*/td><*/tr><*/tbody><*/table>

จะได้รูปออกมาตามตัวอย่าง



กรอบรูปแบบเรียบง่ายแบบต่างๆ

กรอบเส้นธรรมดา solid



<*fieldset style="border:5px solid โค้ดสี; padding:10;">
<*center>ข้อความหรือรูปที่ต้องการ<*/center><*/fieldset>


5px=ความหนาของกรอบ เปลี่ยนที่ตัวเลข
padding10=ความสูงของกรอบจากตัวหนังสือ เปลี่ยนที่ตัวเลข


กรอบเส้นคู่ double



<*fieldset style="border:5px double โค้ดสี; padding:10;">
<*center>ข้อความหรือรูปที่ต้องการ<*/center><*/fieldset>



กรอบเส้นคู่ด้านบนบาง ด้านล่างหนา groove



<*fieldset style="border:5px groove โค้ดสี; padding:10;">
<*center>ข้อความหรือรูปที่ต้องการ<*/center><*/fieldset>



กรอบเส้นประ dashed



<*fieldset style="border:5px dashed โค้ดสี; padding:10;">
<*center>ข้อความหรือรูปที่ต้องการ<*/center><*/fieldset>



กรอบจุด dotted



<*fieldset style="border:5px dotted โค้ดสี; padding:10;">
<*center>ข้อความหรือรูปที่ต้องการ<*/center><*/fieldset>



กรอบแบบ inset



<*fieldset style="border:5px inset โค้ดสี; padding:10;">
<*center>ข้อความหรือรูปที่ต้องการ<*/center><*/fieldset>



กรอบแบบ outset



<*fieldset style="border:5px outset โค้ดสี; padding:10;">
<*center>ข้อความหรือรูปที่ต้องการ<*/center><*/fieldset>


Fieldset Box คือกรอบที่ใส่รอบรายละเอียดของข้อความที่เขียนอยู่
ส่วนกลางของบล็อก

Fieldset Box



<*fieldset>ใส่รายละเอียดที่นี่<*/fieldset>


Fieldset Box



<*fieldset><*center>ข้อความหรือรูปที่ต้องการ<*/center><*/fieldset>



โค้ดใส่เพลง





รวบรวมโค้ดใส่รูปที่ใช้บ่อยมาเก็บไว้
หากเพื่อน ๆ จะนำไปเก็บไว้ใช้ก้อยินดีจ้า






Richard Clayderman_Je T'Aime





 

Create Date : 30 กันยายน 2553
7 comments
Last Update : 27 กรกฎาคม 2555 21:34:24 น.
Counter : 1338 Pageviews.

 

ขอบคุณนะคะ

 

โดย: แม่สามข้าว (sinaporn ) 2 ตุลาคม 2553 15:04:18 น.  

 


แวะมาทักทายค่ะ มีความสุขมากๆ นะคะ

 

โดย: Elbereth 5 ตุลาคม 2553 9:30:21 น.  

 

ขอบคุณค่ะ

 

โดย: วรรณวิศา IP: 118.172.251.3 1 พฤศจิกายน 2553 9:02:30 น.  

 

สยบ

 

โดย: ...... IP: 223.206.101.115 19 ธันวาคม 2553 13:43:35 น.  

 

สยบ

 

โดย: ......ดกฟดิ IP: 223.206.101.115 19 ธันวาคม 2553 13:44:18 น.  

 

ขอบคุณมากนะคะ

 

โดย: กล่องกระดาษ 12 มกราคม 2554 3:59:59 น.  

 


ขอบคุณค่ะ


 

โดย: สายหมอกและก้อนเมฆ 30 มีนาคม 2554 19:05:00 น.  

ชื่อ :
Comment :
  *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 
รหัสส่งข้อความ
กรุณายืนยันรหัสส่งข้อความ


destiny_ying
Location :
เชียงใหม่ Thailand

[ดู Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 5 คน [?]





: Users Online
Group Blog
 
 
กันยายน 2553
 
 1234
567891011
12131415161718
19202122232425
2627282930 
 
30 กันยายน 2553
 
All Blogs
 
Friends' blogs
[Add destiny_ying's blog to your web]
Links
 

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