ชี้แจง: เราเพิ่งหัดเล่นflashนะคะ ถ้ามีข้อผิดพลาดอะไรแนะนำกันได้ค่ะ ควรรู้ -เฟลชจะมีสกุลไฟล์เป็น .swf
-โค๊ดในการลงเฟลชถ้าผิดแม้แต่ตัวเดียวจะไม่ติดนะคะ โดยเฉพาะการเว้นวรรคจะเกิดการผิดพลาดบ่อยเวลา
เราใส่URL โค๊ดด้านหลังจะเลื่อนมาติดกับURLทำให้ใส่เฟลชไม่ได้นะคะ
-บางคนบอกว่าให้ลงเฟลชก่อนที่จะเขียน แต่เราชอบเขียนก่อนแล้วค่อยลง ดังนั้นแล้วแต่ท่านเลือกนะคะ
-แนะนำว่าควรวางโค๊ดเฟลชไว้ในnotepage แล้วค่อยใส่ไฟล์เฟลชเสร็จแล้วค่อยก๊อบลงเอนทรี่จะดีกว่าค่ะ การลงเฟลช -เวลาลงในเอนทรี่ ให้คลิ๊กเครื่องหมาย <> ก่อนนะคะ โค๊ดปกติที่ใช้ในการลงเฟลช <EMBED style="LEFT: 0px; WIDTH: 820px; POSITION: absolute; TOP: 0px; HEIGHT: 370px" align=right src= URLของเฟลช width width=820 height=370 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>
คำอธิบาย (แบบไม่ได้ร่ำเรียนมาแต่ก็พยายาม
ศึกษาเอา บางครั้งก็มั่วเหมือนกันอะค่ะ ต้องขอออกตัวไว้ก่อน)
LEFT: 0px
เรากำหนดไฟล์ภาพแสดงเริ่มที่ด้านซ้ายมือ
ห่างจากขอบบล็อกทางซ้ายมือ 0px คือให้ติดขอบด้านซ็ายมือ
มากที่สุด ถ้าต้องการให้เลื่อนมาทางขวามือก็ใส่ค่าตัวเลขมากขึ้น
WIDTH: 820px
คือความกว้างที่เราต้องการ กรณีนี้กำหนดให้
มีความกว้างเต็มพื้นที่ของบล็อกที่เห็น แต่อย่าให้มากเกินไป
เพราะบล็อกจะขยายมากจนทำให้ดูมีขนาดกว้างเกินไปค่ะ
HEIGHT: 300px
คือกำหนดความสูงของไฟล์ค่ะ
ถ้าอยากให้เห็นภาพมีความสูงมากก็เพิ่มตัวเลขค่ะ
Top : 0px
ก็ใส่ไฟล์Flash ให้ภาพติดส่วนบนสุดของบล็อก
ถ้าต้องการให้ต่ำลงมาก็เพิ่มค่าตัวเลขจาก0 เป็นตัวเลขมากขึ้น
http://imgfree.21cn.com/free/flash/162.swf
คือ URL ของไฟล์ Flash
ถ้าต้องการไฟล์แบบอื่น ก็เปลี่ยนค่าURL (มีURL ไฟล์Flash
ให้เลือกไว้ใช้ที่ด้านล่างของบล็อกค่ะ)
wmode="transparent"
ก็คือเวลาที่เราใส่ Flash เราต้องการให้
มองเห็นทะลุไปยังBackground เนื่องจากFlash
บางไฟล์จะมีพื้นสีต่างๆเช่น ขาว ดำ ฟ้า หรือ อื่นๆ เมื่อเราใส
transparent ก็จะเห็นเฉพาะส่วน Flash
ส่วนที่เป็นพื้นสีก็จะหายไปทำให้กลมกลืนกับภาพบีจีที่เราใส่ไว้
ถ้าต้องการใส่ไฟล์ Flash ชนิดอื่นเพิ่มเข้ามาอีก อย่างตามตัวอย่าง
ที่เห็นคือภาพหัวใจสีขาวลอยอยู่นะคะก็ใส่โค้ดเพิ่มเข้าไป
กรณีของหัวใจนี้ใส่เข้าไป3ที คือ 3 ไฟล์นั่นเองค่ะ
เพราะไม่ต้องการใส่ให้หัวใจมีขนาดใหญ่เหมือนลูกแกว่งๆนั่นอะค่ะ
เลยลดขนาดลง แต่เพิ่มจุดที่ใส่เข้าไปให้มีจำนวนหัวใจมากขึ้น
ที่จริงก็โค้ดเดิมเหมือนข้างบนแหละค่ะ แต่เปลี่ยนค่านิดหน่อย
ตามความต้องการของเราว่าจะให้ไฟล์ Flash มีความกว้าง
ความสูงเท่าไหร่
และโค้ดต่อไปคือโค้ดหัวใจสีขาวที่ใส่ไว้
ข้างบนเหมือนกันกับลูกแกว่งๆนั่นอะค่ะ
ถ้าต้องการใส่่ให้เห็นอยู่ที่ข้างบนเหมือนตัวอย่างก็
นำโค้ดข้างล่างนี้ไปใส่้ ถัดกันไปจากโค้ด แกว่งๆ เมื่อกี้นี้นะคะ
<embed style="LEFT: 0px; WIDTH: 280px; POSITION: absolute; TOP: 0px; HEIGHT: 300px" align=right src=http://imgfree.21cn.com/free/flash/195.swf width=280 height=300 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED><EMBED style="LEFT: 250px; WIDTH: 280px; POSITION: absolute; TOP: 0px; HEIGHT: 350px" align=right src=http://imgfree.21cn.com/free/flash/195.swf width=280 height=300 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED><EMBED style="LEFT: 500px; WIDTH: 280px; POSITION: absolute; TOP: 0px; HEIGHT: 350px" align=right src=http://imgfree.21cn.com/free/flash/195.swf width=280 height=300 type=application/octet-stream ;; quality="high" wmode="transparent"></embed>
ต่อมาเป็นวิธีการใส่ Flashโดยมีภาพเป็นBackground อยู่ข้างหลัง
<table align=center cellSpacing=0 cellPadding=0 border=0 background=http://www.bloggang.com/data/uggie/picture/1135143866.gifwidth=300height=300><tr><td align=center><embed src=http://imgfree.21cn.com/free/flash/129.swf width=300 height=300 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"></embed>
</td></tr></table>
จะอธิบายโค้ดเฉพาะส่วนที่เห็นว่ามีการ
เปลี่ยนแปลงค่าบ่อยหรือน่าจะรู้ไว้นะคะ
การใส่โค้ดกรณีนี้ ตัวหนังสือสีแดงชุดแรกในโค้ด
คือURLของ Backgroundสามารถแทนที่ด้วย URL
ของภาพอื่นๆที่ชอบนะคะ
ตัวหนังสือแดงชุดที่สองคือ URL ของไฟล์Flash
สามารถเปลี่ยนURL เป็นไฟล์ที่ต้องการได้ค่ะ
มีให้เลือกที่ข้างล่างของบล็อกค่ะ หรือว่าจะหามาเอง
จากที่อื่นที่มีไว้ให้ก็ได้ค่ะ
width=300height=300
ช่วงแรกเป็นความกว้าง และความสูงของภาพBackground
ที่นำมาใส่ไว้
width=300height=300 ช่วงที่สอง
คือ ความกว้าง และ ความสูงของไฟล์ Flash ที่เราต้องการใส่
ถ้าต้องการให้ไฟล์ใหญ่ภาพใหญ่ขึ้นก็เพิ่มค่าตัวเลขค่ะ
ถ้าต้องการใส่ข้อความลงไปด้วยก็ใช้โค้ดนี้ค่ะ
โค้ดค่ะ
<table align=center cellSpacing=0 cellPadding=0 border=0 background=http://www.bloggang.com/data/uggie/picture/1135143866.gifwidth=280height=300><tr><td align=center><embed src=http://www.dearfish.com/download/down/flash/pp1.swf width=280 height=300 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"></embed>ใส่ข้อความที่นี่
</td></tr></table>
โค้ดสำหรับการใส่แบบภาพข้างบนนี้ค่ะ
<table align=center cellSpacing=0 cellPadding=0 border=0 background=http://www.bloggang.com/data/uggie/picture/1135392626.gifwidth=300height=350><marquee direction="up" scrollamount="1.0" scrolldelay="100" id="layer1" style="position:absolute; z-index:1; margin-left:120; margin-top:80;">
<span style="font:bold 12px/100%; FILTER:shadow(color=#4466ff); height:30px;">อันว่าความกรุณาปราณี <br>
จะมีใครบังคับก็หาไม่ <br>
</span></marquee>
<tr><td align=center><embed src=http://wmp334.com.ne.kr/swf/dolppi_drop.swfwidth=300 height=350 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"></embed>
</td></tr></table>
การใส่Flash แบบมีBackgroundนี้
เราต้องคำนึงถึงว่าเมื่อมีการใส่ข้อความมากขึ้นเกินขนาดของภาพ
จะทำให้เห็นมีภาพBackgroundเพิ่มขึ้นมาซึ่งอาจจะทำให้มีภาพ
Backgroundซ้ำเพิ่มขึ้นมาได้ คือ Repeat นั่นเองค่ะ
ถ้าต้องการใส่ข้อความเยอะๆควรคำนึงถึงชนิดของ background
ที่มีความต่อเนื่อง
จากตัวอย่างข้างล่างทำให้เห็นถึงปัญหาที่ว่ามาค่ะ
จากตัวอย่างข้างล่างทำให้เห็นถึงปัญหาที่ว่ามาค่ะ
ความรักเหมือนโรคา บันดาลตาให้มืดมนต์
ไม่ยินและไม่ยล อุปสรรคใดๆ
ความรักเหมือนโคถึก กำลังคึกผิขังไว้
ก็โลดจากคอกไป บ่ ยอมอยู่ ณ ที่ขัง
ถึงหากจะผูกไว้ ก็ดึงไปด้วยกำลัง
ยิ่งห้ามก็ยิ่งคลั่ง บ่ หวลคิดถึงเจ็บกายฯ.
|
การใส่แบบภาพ กับ Flash ไม่ใช่ใส่ภาพให้เป็น Background พร้อมกับใส่กรอบ
โค้ดค่ะ
<center><table style="background:none url(http://www.bloggang.com/data/uggie/picture/1134874750.gif);";cellpadding="12" cellspacing="5"><tr><td><table style="background:none url(http://www.bloggang.com/data/uggie/picture/1134875116.gif);";cellpadding="9" cellspacing="5"><tr><td><table style='background:#000000 ;cellpadding='7' cellspacing="5"; width=200><tr><td align=center><embed src=http://imgfree.21cn.com/free/flash/68.swf width=280 height=160 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"></embed>
<center><img src =http://www.bloggang.com/data/uggie/picture/1134875481.jpg></center>
</td></tr></table></td></tr></table></td></tr></table></center>
URL อันแรก กับอันที่สอง คือ URL ของภาพที่นำมาเป็นกรอบ
URL อันที่3 เป็น URL ของไฟล์ Flash
URL อันที่4 เป็น URL ของ ภาพที่ใส่เข้าไปซึ่งแสดงให้เห็น
เป็นภาพที่ปรากฏอยู่ในกรอบ
เลือกเปลี่ยนสีกรอบ เปลี่ยนURL และความกว้าง ความสูงได้ตามที่
อธิบายไว้ในตอนต้นนะคะ
ต่อไปก็เป็นการใส่ Flash แบบธรรมดา ซึ่งจะทำให้เห็นพื้นสีของFlash
ติดมาด้วย ถ้าสังเกตดูจะแตกต่างจากโค้ดข้างบนที่มีคำว่า transparent
อยู่ในโค้ดซึ่งทำให้พื้นของFlash ซึ่งตามตัวอย่างไฟล์็ข้างล่างก็คือ
พื้นสีขาว สีฟ้า หรือ สีดำ ที่เห็นจะหายไป
สรุปว่าถ้าใส่โค้ดแบบที่มีคำว่า Transparent
อย่างโค้ดข้างบน จะไม่มีสีพื้นของ Flash ติดมา
แต่การใส่แบบธรรมดา ตามโค้ดข้างล่างจะเห็นพื้นสีในภาพ
ข้างล่างติดมาด้วย
ไฟล์เหล่านี้สามารถเพิ่มให้มีขนาดใหญ่ข้ึ้น ซึ่งจะทำให้เห็นภาพใหญ่ขึ้น
ได้ด้วยการใส่ค่า Width หรือ Height เพิ่มขึ้นอีกค่ะ
โค้ดแบบใส่ธรรมดาซึ่งเวลาใส่จะมีสีพื้นของ Flash ติดมาด้วยนี้
คือโค้ดข้างล่างนี้ค่ะ
<embed src="http://imgfree.21cn.com/free/flash/9.swf" width="380" height=250></embed> ตัวอย่างไฟล์ที่เอามาให้ดูนะคะ ส่วน URL จะอยู่ข้างล่างค่ะ
ดาว
หลากสี
กบกระโดด
ผีเสื้อ
ปลา
น้ำกระเพื่อม
หยดน้ำ
"
มดดำ
ริมฝีปากสีชมพู
ดอกไม้สีชมพู
แมลงปอ
ฝนตก
เมเปิ้ล
ต่อไปเป็น URL ของ Flash ที่สามารถนำไปใช้ใส่ในโค้ดได้นะคะ
ใส่ข้อความในภาพ
<table border="0" cellspacing="5" cellpadding="0" width="300" align="center" style="height: 400px; background-image: url('http://....ภาพ')"><tbody><tr><td align="center" valign="middle"> ใส่ข้อความ </td></tr></tbody></table>
| 
Wish You Happinessss 
