การนำข่าว เว็บข่าวแม่สอด www.maesod.info ไปติดหน้าเว็บไซค์ของท่าน
หลังจากที่เราได้ทราบข้อดี และ ข้อเสียของ iframe แล้วต่อไปเรามาดูวิธีการเรียกใช้งานกันนะครับ ซึ่งวิธีการใช้งานก็ง่ายๆครับ เอา code iframe ไปไว้ใน html ส่วนที่เราต้องการให้แสดงผลครับ โดย code iframe สามารถเขียนคร่าวๆได้ดังนี้ครับ
1
|
<p style=”text-align: center;”><strong>รวมข่าวแม่สอด – ข่าวอื่น ๆ </strong><iframe src=”https://www.maesod.info” width=”599″ height=”999″ scrolling=”auto”></iframe></p> |
การนำข่าว เว็บ www.maesod.info ไปติดหน้าเว็บไซค์ของท่าน สามารถคัดลอกโค้ดด้านล่างไปได้เลยนะครับ
สำหรับ option ของ tag iframe นี้จะมีให้เลือกใช้อยู่มากมายครับ อยู่ที่เราจะใส่เข้าไปครับ ในที่นี้ผมจะช่วยเขียนอธิบายให้ทราบ เท่าที่หลักๆได้ใช้งานกันนะครับ
เป็น url ของหน้าที่ต้องการดึงมาแสดงใส่ได้ทั้งลิ้งค์ภายใน และ ลิ้งค์ภายนอกจากที่อื่นครับ
1
|
src="https://www.maesod.info/" |
ในส่วนนี้จะเป็นความสูงครับ
1
|
height="599" |
ความกว้างของกรอบ iframe ที่เราดึงมาแสดงครับ
1
|
width="999" |
สามารถใส่ได้ (auto | yes | no) ในส่วนนี้คือกำหนดให้กรอบของเรามี scrollbar หรือไม่
1
|
scrolling="auto" |
สามารถใส่ class และ id เช่นเดิม
1
|
class="{classname}" |
หลักๆสามารถใส่ได้ (0 | 1 | yes | no) หรือตัวเลขครับ ในส่วนนี้จะเป็น border ของกรอบครับ
1
|
frameborder="1" |
ระยะห่างจากขอบ
1
|
marginheight="" marginwidth="" |
สามารถใส่ style css ได้ตามปกติ
1
|
style="" |
สีของเส้นขอบ border ของกรอบ iframe
1
|
bordercolor="#CCCCCC" |
จัดกลาง / ขวา / ซ้าย
1
|
align="left" |
ที่นี้ผมหวังว่าหลายๆท่านที่สงสัยเกี่ยวกับ iframe และเรื่องการเรียกใช้งาน รวมไปถึง option ต่างๆน่าจะพอเข้าใจอยู่บ้างนะครับไม่มากก็น้อย และหวังว่าบทความชุดนี้คงเป็นประโยชน์สำหรับหลายๆท่านนะครับ หากตัวเนื้อหาของผมในจุดไหนไม่ถูกต้องหรือไม่ครบถ้วนสามารถแจ้งมาได้ครับ และทางทีมงาน siammodify ก็ต้องขออภัยด้วยครับ
หากท่านใดนำบทความเราไปใส่ในเว็บผมรบกวนใส่ลิ้งค์ที่มา ให้ผมด้วยนะครับ
ขอบคุณครับ
ตัวอย่าง อยู่ด้านล่างของบทความ
คลิกที่นี่
รวมข่าวแม่สอด – ข่าวอื่น ๆ