สังคมของการเรียนรู้ และแบ่งปัน ชอบตกแต่ง โปรไฟล์ Hi5 หน้าเว็ป ด้วยโค๊ด HTML.Java.เชิญทางนี้ครับ more...
ก่อตั้งโดย poneag
กระทู้: เทคนิคการใส่รูปในโปรไฟล์ โดยใช้โค้ด

 

 

 

เทคนิคการใส่รูปในโปรไฟล์ โดยใช้โค้ด

 

การใส่รูปและการวางรูปในโปรไฟล์ โดยใช้โค้ด หลากหลายแบบ

 

 

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

 

โค้ด

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

 

ตัวอย่าง

 

 

 

การใส่รูปเรียงแถวต่อกันไปเรื่อยๆ

 

โค้ด

<*img src =  URL ของรูปนั้นๆ ><*img src =  URL ของรูปนั้นๆ ><*img src =  URL ของรูปนั้นๆ >

 

ตัวอย่าง

 

<*img src = http://upic.me/i/6c/computeruser.gif  ><*img src = http://upic.me/i/6c/computeruser.gif  ><*img src =  http://upic.me/i/6c/computeruser.gif >

 


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

การใส่รูปด้านซ้ายของโปรไฟล์ รูปมักจะชิดซ้ายเสมอ เมื่อขนาดรูปไม่เท่ากันจึงดูเหลื่อมล้ำกันไม่สวยงาม

โค้ดนี้จะบังคับให้รูปอยู่ตรงกลาง

 

โค้ด

<*center><*img src=URL.ของรูป><*/center>


ตัวอย่าง

 

<*center><*img src=http://upic.me/i/6c/computeruser.gif><*/center>

 

 

การย่อ และขยายขนาดของรูป

การใส่รูปด้านซ้ายของโปรไฟล์ มักจะมีขนาดของรูปที่ไม่เท่ากัน บางรูปก็มีขนาดใหญ่จนเลยขอบด้านขวา

ควรใช้โค้ดนี้ปรับขนาดของรูปให้เท่ากัน

 

โค้ด

<*center><*img src=URL.ของรูป width=ใส่เลขของความกว้างที่ต้องการ height=ใส่เลขของขนาดความสูงที่ต้องการ><*/center>

 

ตัวอย่าง

 

<*center><*img src=http://upic.me/i/jz/1d560476f1ba93e4d62902acf64766e1.gif  width=412 height=300><*/center>

 

 

การใส่รูปด้านขวา และมีข้อความอยู่ด้านซ้าย

 

โค้ด

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

 

สีส้ม คือตำแหน่งการวางข้อความ

top  บนสุด

center ตรงกลาง

bottom ล่างสุด

 

ตัวอย่าง

 

ชมรมคนชอบแต่งโปรไฟล์

 

 

การใส่รูปด้านซ้าย และมีข้อความอยู่ด้านขวา

 

โค้ด

 

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

 

ตัวอย่าง

 

ชมรมคนชอบแต่งโปรไฟล์

 

 

 

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

 

โค้ด

 

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

 

ตัวอย่าง

 

 

ทำรูปเลื่อนได้ พร้อมข้อความ

 

โค้ด (ขวาไปซ้าย)

 

<*marquee direction=left scrollamount=2>
<*img src=URL.ของภาพ> ข้อความที่ต้องการ<*/marquee>
 

สีส้ม ความเร็วของภาพที่เลื่อน ตัวเลขมากภาพยิ่งเลื่อนเร็ว
 
 
ตัวอย่าง
 

ชมรมคนชอบแต่งโปรไฟล์

 

 

โค้ด (ซ้ายไปขวา)

 

<*marquee direction=right scrollamount=2>
<*img src=URK.ของภาพ> ข้อความที่ต้องการ<*/marquee>
 
 
ตัวอย่าง
 
 

ขอบคุณที่แวะมา ทิ้งข้อความไว้เป็นกำลังใจบ้างนะครับ

 

 

เมื่อก๊อบโค้ดไปใช้ให้ลบเครื่องหมาย * ออกให้หมด

โพสต์โดย
poneag

17 ก.ย. 55 เวลา 12:30 815 2
  • ความเห็นที่ 1
    ขอบคุณค้าบบบบ พึ่งลองทำ
    โพสต์เมื่อ 29 พ.ค. 56 เวลา 20:57
    โดย

    pen1 one11
  • ความเห็นที่ 2
    ขอบคุณมากค่ะคุณพล
    โพสต์เมื่อ 16 พ.ย. 55 เวลา 21:47
    โดย

    noguchieed