ブログ

並べ替え:

< 前へ次へ >

7月8日

Image Table

แหะๆ วันนี้ไปเจอของน่าสนใจจาก space ของคุณ SP_Ladplakao62 ขออนุญาติ เอามาแปะไว้นะคะ
เป็นตารางเพื่อโชว์รูป แบบThumbnails แถมถ้าคลิกไปที่รูป ก็จะเปิดหน้าจอ windows ขึ้นมาใหม่
เพื่อดูรูปขนาดจริงได้ด้วย เยี่ยมไปเลยจอร์จ!! ใน space ของคุณSP_Ladplakao62 ยังมีเทคนิคอย่างอื่น
กับเรื่องราวดีๆ อีกนะคะ ลองเข้าไปดูกันได้ค่ะ โดย คลิกที่ชื่อได้เลย

ส่วนโค้ดถ้ามีคนขอมาพรุ่งนี้จามาจัดให้นะค๊าา มันยาวหน่อยอ่ะค่า

IMAGE TABLE

Edit: 9 July 2005เพิ่มเติมส่วนโค้ด + คำอธิบาย

Code & Explain

Code

<DIV align=center> </DIV>
<H1 align=center>IMAGE TABLE </H1>
<TABLE style="WIDTH: 250px; HEIGHT: 250px" cellSpacing=0 cellPadding=3 align=center border=3>
<TBODY>
<TR align=middle>
<TD><A href="http://album.romerun.com/happymew/folder/16063/album/25956/image/522821/pic/original.gif" target=_blank><IMG height=64 src="http://album.romerun.com/happymew/folder/16063/album/25956/image/522821/pic/original.gif" width=50 border=0></A></TD>

วิธีทำ

1. ไปที่หน้า Edit Blog Entry กด <HTML> เพื่อทำให้ใส่โค้ด html ได้
2. Copy โค้ดที่ให้ แล้วนำไป paste เอาไว้
3. เปลี่ยน รูปภาพ โดย เปลี่ยน url ของรูป ให้เป็นรูปที่ต้องการ (ดูคำอธิบายโค้ดด้านล่าง ประกอบ)
4. กด <HTML> อีกที เพื่อพรีวิวดูผลงาน ถ้ายังไม่พอใจสามารถกด <HTML> สลับไปมาเพื่อแก้ไขได้ค่ะ
5.ถ้าพอใจแล้วกด Publish Entry ได้เลยค่ะ
อธิบายโค้ด

เปลี่ยน รูปภาพ โดย เปลี่ยน url ของรูป ให้เป็นรูปที่ต้องการ
ในที่นี้ขอยกตารางมาอธิบายเพียง 1 แถว 3ช่อง (แนวนอน) เพื่อความเข้าใจ(เพราะมันเหมือนกัน)

จาก Code จะเห็นว่ามี url ของรูป เหมือนกัน 2 ชุด บรรทัดแรก คือ url ที่ลิ้งไปภาพใหญ่
บรรทัดที่2 คือ url ที่ใช้โชว์รูปในตาราง นะคะ ดูได้จากข้างล่าง ถ้าใส่ไม่เหมือนกัน มันก็จะลิ้งไปภาพอื่นอ่ะค่ะ

<TD><A href="URL Picture 3" target=_blank><IMG height=ความสูงภาพ
src="URL Picture 3" width=ความกว้างภาพ border=0></A></TD></TR>

ระหว่าง <TR>...</TR> คือ 1 แถวของตาราง(แนวนอน)
ระหว่าง <TD>...</TD> คือ 1 ช่อง ในแถวของตาราง ถ้าต้องการให้ในแถวมีกี่ช่อง ก็ใส่ไปเท่านั้นอ่ะค่ะ ตามตัวอย่างใส่ไป 3ชุด ทำให้ใน1แถวมี3ช่อง

19:30 | この記事を引用 | Html ZonE

コメント (51 件)

コメントを投稿するには、お使いの Windows Live ID でサインインしてください (Hotmail、Messenger、または Xbox LIVE を既に使用している場合は、そのアカウントが Windows Live ID です)。サインイン

Windows Live ID をお持ちでない場合は、アカウントを新規登録してください。

	babybirthさんの投稿: เข้ามาอ่าน space ของคุณหลายครั้งแล้ว ได้ความรุ้เพิ่มขึ้นมาก ....สำหรับวันนี้ขออนุญาตินำ link ของหน้านี้ไปเก็บไว้หน่อยนะค๊ะ เนื่องจากวันนี้ยังไม่มีเวลาทำ ..... เกรงว่าวันที่จะทำแล้วจะหาไม่เจอนะค๊ะ .... เอ..!! จะว่ากันหรือเปล่านะ 1 月 10 日
	DKM Puiizさんの投稿: พอใส่แล้วมันไม่เต็มให้อ่ะคะ มันได้แค่ครึ่งเดว เหมือนตอนทำสไลด์แล้วมันขาดอ่ะคะ ทำไงดีคะมันขึ้นให้ครึ่งเดวเองช่วยตอยด้วยนะคะ 9 月 18 日
	Rengrew Supreeya Rengrewさんの投稿: ขอบคุณค่ะ 8 月 14 日
	Rengrew Supreeya Rengrewさんの投稿: ขอบคุณค่ะ 8 月 14 日
	~*Mido:さんの投稿: Thanks 5 月 14 日
	PaNDAさんの投稿: พี่ค่ะคือว่าจะทำสเปรชของกลุ่มเพื่อนๆอะค่ะ แล้วสนใจการทำลูกเล่นในหัวข้อนี้ ลองก๊อบโค๊ชไปใส่แล้วก็ทำได้ แต่ไม่เข้าใจเรื่อง url อะค่ะ ว่าต้องทำแบบไหนให้ขึ้นขอมูลที่เราจะใส่ นู๋ลองเอารูปไปฝากตามเวบ แล้วใส่ uri ลงในโค๊ช พอกดดูตามปกติ รูปก็ไม่ขึ้นอะค่ะ ถ้าไง แนะนำด้วยนะค่ะ ทาง msn ก็ได้ค่ะ 4 月 24 日
	NaNさんの投稿: ยังไม่เข้าใจอ่ะ ใครทำได้ช่วยสอนหน่อยค้า 4 月 13 日
	TeeMeeTer Dee_Jungさんの投稿: ขอบคุณมากๆเลยนะ ที่แนะนำวิธีดีดีให้อ่ะ 4 月 4 日
	TeeMeeTer Dee_Jungさんの投稿: ขอบคุณมากๆเลยนะ ที่แนะนำวิธีดีดีให้อ่ะ 4 月 4 日
	TeeMeeTer Dee_Jungさんの投稿: ขอบคุณมากๆเลยนะ ที่แนะนำวิธีดีดีให้อ่ะ 4 月 4 日
	lNaZaalさんの投稿: ขอบมากเลยน้า เรากำลังหัดทำอยู่เลย ได้ฟามรู้เยอะขึ้น อิอิ 3 月 9 日
	lNaZaalさんの投稿: ขอบมากเลยน้า เรากำลังหัดทำอยู่เลย ได้ฟามรู้เยอะขึ้น อิอิ 3 月 9 日
	girl octさんの投稿: ขอบคุณมาก ขอบคุณ ที่สุดเลยจ้า 2 月 4 日
	Lakkhoatra Aphakonさんの投稿: โอ้ ตั้งแต่ได้เข้ามา สเปชพี่ ก็ได้อัพสเปชตัวเองขนานใหญ่ ทำให้มีความรู้เพิ่มขึ้นด้วย ขอบคุณคับ 12 月 18 日
	Lakkhoatra Aphakonさんの投稿: โอ้ ตั้งแต่ได้เข้ามา สเปชพี่ ก็ได้อัพสเปชตัวเองขนานใหญ่ ทำให้มีความรู้เพิ่มขึ้นด้วย ขอบคุณคับ 12 月 18 日
	หมดแสง หิ่งห้อยさんの投稿: อะคะ 11 月 17 日
	T PigletOrmさんの投稿: ลองทำมั้ง ^^ ขอบคุณมากมายคะ 10 月 6 日
	A AoNさんの投稿: ขอเอาไปลองทำมั้งนะค่ะ พี่ทำเก่งจังเลย ขอลิ้งด้วยได้มั้ยค่ะ 9 月 30 日
	surangkanang nangfarさんの投稿: ขอใช้บ้างนะเจ้าค่ะ ขอบคุณล่วงหน้าค่ะ 7 月 12 日
	ภาว์วรีย์さんの投稿: เข้ามาทักทาย แล้วก็เอาไปแต่งสเปชของตัวเองบ้าง แต่ก็ยังมือใหม่อยู่ แต่ก็ช่วยได้เยอะค่ะ ขอบคุณมากๆ นะค่ะ 6 月 30 日

次 > 最後 >>

トラックバック

この記事を参照しているブログ

なし