การทำ Background โปร่งใส ให้ไฟล์ Flash (SWF)

เมื่อหลายสัปดาห์ก่อนพลอยมาถามเรื่องวิธีการทำให้พื้นหลังของไฟล์ Flash เป็นแบบโปร่งใสเวลาแสดงผลบนหน้าเว็บเพจ ก็เลยช่วยกันหาวิธีทำจนได้มาดังนี้ครับ

สำหรับคนที่ยังนึกไม่ออกว่าพื้นหลังโปร่งใส หรือ Transparency Background นั้นคือ อะไรให้ดูรูปด้านบนนี้ครับ ถ้าเราวาดรูปลิงในโปรแกรม Flash เมื่อ Publish ออกมาเป็นไฟล์ .swf แล้วนำไปวางบนหน้าเว็บเพจ มันจะมีพื้นหลังที่เป็นกรอบสีขาวติดมาด้วยแบบรูปด้านขวา แต่ถ้าเราไม่ต้องการให้เป็นเช่นนี้ ก็ต้องกำหนดค่าเว็บเพจนั้นแสดงผลไฟล์ Flash โดยให้มีพื้นหลังเป็นแบบโปร่งใส หรือ Transparency แบบรูปด้านซ้ายครับ

วิธีทำ สามารถทำได้ 3 วิธี ดังนี้

วิธีที่ 1 - ตั้งค่า Publish Settings ในโปรแกรม Flash

1. เลือกเมนู Flie >> Publish Settings… (หรือกด Ctrl+Shift+F12)
2. จะมีหน้าต่าง Publish Settings ขึ้นมาให้เลือกแถบ HTML
3. ในช่อง Window Mode ให้เลือก “Transparency Windowless” แล้วกดปุ่ม OK
4. เมื่อตั้งค่าเรียบร้อยแล้วก็ Publishไฟล์ HTML และ SWF ออกมาได้เลยครับ

.

.

วิธีที่ 2 - ตั้งค่าในการแสดงผลไฟล์ Flash ในโปรแกรม Dreamweaver

1. ใส่ไฟล์ Flash ลงในหน้าเว็บเพจโปรแกรม Dreamweaver ตามปกติ
2. คลิ๊กขวาบนไฟล์ Flash แล้วเลือก Parameters…
3. จะมีหน้าต่าง Parameter ขึ้นมา ในฝั่ง Parameter ให้ใส่ว่า “wmode” ส่วนฝั่ง Value ให้ใส่ว่า “transparent”
4. คลิ๊กปุ่ม OK แค่นี้ก็เสร็จแล้วครับ

.

.

วิธีที่ 3 - แก้โค้ด HTML เองเลย
ต้องเข้าไปแก้โดยการเพิ่มโค้ด 2 ที่ดังนี้ครับ

เพิ่ม Footer ให้กับ Email Template

แก้ไขไฟล์ modules/EmailTemplates/EditView.php

//Nathan******************/

if(isset($focus->body_html)){

$xtpl->assign("BODY_HTML", $focus->body_html);

}else{

$contact_name="$"."contact_name";

$body_html="<p><font face='arial,helvetica,sans-serif' size='2'>เรียน คุณ$contact_name</font><br /><br /></p><p><br /><font size='2'><font face='Arial'><strong><font color='#aa0000'><br />AppliCAD Co., Ltd.</font></strong> | The Engineering Software Center<br /><em><font color='#999999'>7th Floor, 69 Soi Sukhumvit 68, Sukhumvit Rd., Bangna, Bangna, Bangkok 10260 Thailand.</font></em><br /><strong>T</strong> : (66) 0-2744-9045 | <strong>F</strong> : (66) 0-2744-9049 <br /><strong>W</strong> : </font></font><a href='http://www.applicadthai.com/' target='_blank'><font face='Arial' size='2' color='#000000'>applicadthai.com</font></a><font face='Arial' size='2'>, </font><a href='http://www.solidworksthai.com/' target='_blank'><font face='Arial' size='2' color='#000000'>solidworksthai.com</font></a><font face='Arial' size='2'>, </font><a href='http://www.etcservice.com/' target='_blank'><font face='Arial' size='2' color='#000000'>etcservice.com</font></a><br /><font face='Arial' size='2'><img src='http://www.applicadthai.com/images/footer.gif' alt='' width='550' height='200' /></font><a href='http://www.applicadthai.com/products'><font face='Arial' size='3' color='#990033'>&nbsp;</font></a></p>";

$xtpl->assign("BODY_HTML", $body_html);

}

/**************************/