โค้ดทำกรอบน่ารักๆแบบเก๋ๆ ใช้รูป 10 รูปมาต่อๆกัน (Table Code)


โค้ดทำกรอบน่ารักๆ ( Table Code )

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
<img src="ใส่ URL รูป เส้นที่ 1" border="0" width="ความยาวรูปที่ 1" height="ความสูงรูปที่ 1">
</td>
<td align="center" style="background-image: url(ใส่ URL รูป เส้นที่ 2); border="0" height="ความสูงรูปที่ 2"><img src="ใส่ URL รูป เส้นที่ 9" border="0" width="ความยาวรูปที่ 9" height="ความสูงรูปที่ 9">
</td>
<td>
<img src="ใส่ URL รูป เส้นที่ 3" border="0" width="ความยาวรูปที่ 3" height="ความสูงรูปที่ 3">
</td>
</tr>
<tr>
<td align="center" style="background-image: url(ใส่ URL รูป เส้นที่ 4); border="0" width="ความยาวรูปที่ 4">
</td>
<td style="background: โค้ดสีบีจีภายในกรอบ">
<center>ใส่รายละเอียดที่ต้องการที่นี่ค่ะ</center>
</td>
<td align="center" style="background-image: url(ใส่ URL รูป เส้นที่ 5); border="0" width="ความยาวรูปที่ 5">
</td>
</tr>
<tr>
<td>
<img src="ใส่ URL รูป เส้นที่ 6" border="0" width="ความยาวรูปที่ 6" height="ความสูงรูปที่ 6">
</td>
<td align="center" style="background-image: url(ใส่ URL รูป เส้นที่ 7); border="0" height="ความสูงรูปที่ 7"><img src="ใส่ URL รูป เส้นที่ 10" border="0" width="ความยาวรูปที่ 10" height="ความสูงรูปที่ 10">
</td>
<td>
<img src="ใส่ URL รูป เส้นที่ 8" border="0" width="ความยาวรูปที่ 8" height="ความสูงรูปที่ 8">
</td>
</tr>
</table>




อธิบายเกี่ยวกับโค้ด

100% = ลดขนาดกรอบให้เล็กลง ก็ลดตัวเลข

ความสูงรูปที่... = ดูรูปเส้นที่...นำมาทำกรอบ เป็นจำนวนพิกเซล

ความยาวรูปที่... = ดูรูปเส้นที่...นำมาทำกรอบ เป็นจำนวนพิกเซล

<td style="background: โค้ดสีบีจีภายในกรอบ"> = ส่วนมากจะเป็นสีขาว ( white ) หรือ สีดำ ( black )
ถ้ารูปที่นำมาทำเป็นพื้นหลังใส ใส่สีอะไรก็ได้ กะให้เหมาะสมกัน

<center>ใส่รายละเอียด</center> = ตัวหนังสืออยู่ตรงกลาง
ถ้าไม่อยากให้อยู่ตรงกลาง ก็เอา <center> และ </center> ออกค่ะ

ใส่ URL รูป เส้นที่... = ดูเส้นที่จะทำตามนี้ค่ะ



ก่อนนำโค้ดไปลงในบล็อค อย่าลืมทำโค้ดให้เป็นแถวเดียวกันก่อนนะคะ
ใส่รายละเอียดขึ้นวรรคใหม่ ให้กด Enter หรือ <br> ค่ะ




Create Date : 30 มกราคม 2551
Last Update : 1 กุมภาพันธ์ 2551 23:01:02 น. 5 comments
Counter : 1888 Pageviews.

 
ยากเหมือนกันนะคะ คนที่ทำมาแจกเก่งมากๆเลยค่ะ ขอบคุณสำหรับ code


โดย: thaispicy วันที่: 31 มกราคม 2551 เวลา:1:43:17 น.  

 
อยากทำเป็นจังแต่กำลังหัดอยู่


โดย: 2 (สร้อยหมาก ) วันที่: 31 มกราคม 2551 เวลา:11:50:48 น.  

 



" 3 กุมภาพันธ์.....วันทหารผ่านศึก "

.....แวะมาชวนคุณไหมไปซื้อดอกป๊อปปี้กันครับ.....


โดย: doctorbird วันที่: 31 มกราคม 2551 เวลา:13:36:12 น.  

 
อ้าว เพิ่งหลังไมค์ไป
เพิ่งมาเห็นว่าเมนท์ได้ที่บล็อกนี้จ้ะ
รักษาสุขภาพมากๆน๊า น้องไหมจ๋า
คิดถึงๆ นะจ๊ะ :)




โดย: ยอดสน วันที่: 1 กุมภาพันธ์ 2551 เวลา:11:51:25 น.  

 
สวยมากค่ะ จะลองเอาไปทำดูนะคะ


โดย: ItaliaZa วันที่: 1 กุมภาพันธ์ 2551 เวลา:15:45:22 น.  

Paradijs
Location :

Thailand ◕‿◕

Netherlands

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

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




Group Blog
 
<<
มกราคม 2551
 12345
6789101112
13141516171819
20212223242526
2728293031 
 
30 มกราคม 2551
 
All Blogs
 
Friends' blogs
[Add Paradijs's blog to your web]
Links
 

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