Trickster guide & IT For LifE

วันนี้มาอัพก่อนจะไปทำงาน(ปิดเทอม)กันเช้าหน่อย อิอิ...

กลัวตอนบ่ายๆมันจะไม่ว่างน่ะครับ...เพราะต้องรีบส่งงานแล้ว...แหะๆ...(ขี้เกียจตัวเป็นเกลียว...)

เอาล่ะครับมาเข้าเรื่องกันได้แล้ว...

จากที่ช่วงสองวันก่อนมีคนส่ง ems มาหา อิอิ

ก็เลยมาอัพตามที่สัญญาไว้แล้วนะครับ....แหะๆ...งานนี้ไม่มีกั๊ก...เก็บไว้แน่ๆ

สำหรับเราชาว exteen ทั้งหลาย....

ใครที่ไม่เคยสังเกตุก็ดูได้ตรงบริเวณหัวบล็อคได้นะครับ

เอาล่ะครับมาถึงขั้นตอนการเตรียมการกันก่อนเลยดีกว่า..นะจ๊ะ..

สิ่งที่้ต้องมี

1. ไฟล์ flash ดังกล่าว ซึ่งไฟล์ต้นฉบับ..เป็นของคนต่างชาติจ๊ะ...ถ้าจะโหลดก็ตาม link ข้างล่างเลยฮิ

http://www.thebestisit.com/4peel/

สำหรับไฟล์ดังกล่าวนี้ต้องขอบคุณ อ้ายแม็ค เจ้าของ maxsite ที่ใจดีชอบเอาของมาแบ่งน้องๆครับ

จะดูบล็อคต้นฉบับก็ คลิกมาดูได้เลย อ่ะจ้า

2. โฮสต์ฟรีๆ...ดีๆทั้งหลายแหล่....อันนี้ผมไม่ขอแนะนำนะครับเดี๋ยวจะหาว่าผมไปโฆษณาให้อีก

3. FTPเพื่ออัพโหลดไฟล์ดีๆัสักตัวหนึ่ง

หลังจากที่ได้มาก็ ลุยกันเลยจ้า....ตะแง้วๆ...

ในที่นี้ที่ผมได้ วงเอาไว้...คือผมจะเอาเฉพาะการแสดงผลที่มุมขวาของจอเท่านั้นนะครับ

ถ้าสังเกตชื่อของไฟล์ดีๆมันจะชื่อ top right ทั้งนั้นเลย...

ตรงนี้ผมขอแทรกด้วยการ FTP ก่อนนะครับ คือจะบอกว่าให้อัพโหลดตัว

bigtopr.swf , smalltopr.swf แล้วก็โฟลเดอร์ images ไปเก็บไว้ในโฮสต์ก่อนเลยครับ

แล้วหลังจากแก้ตัว peeltr.js แล้วค่อยอัพโหลดขึ้นไปทีหลัง เหตผลก็เพราะ

เราจะได้เช็คได้ว่าไฟล์เราที่อยู่ในโฮสต์นั้น ไม่ได้มีปัญหาอะไร ok นะครับ

หลังจากนั้น เราก็เ้ข้าไปแก้ในไฟล์ตัวที่เป็น JAVA กันเลยครับ
คลิกที่รูปเิพื่อดูขนาดใหญ่ได้ครับ

ตรงนี้เรามาดูคำอธิบายกันหน่อยก็แล้วกันนะครับ

บรรทัดที่ 17 เป็นการใส่ภาพพื้นหลังของสคริป ตอนที่ยังไม่ได้เอาเมาส์ไปวาง

บรรทัดที่ 20 จะเป็นการใส่ข้อความที่จะวิ่งตอนที่เมาส์ยังไม่ได้ on over image

บรรทัดที่ 23 จะเป็นการกำหนดขนาดตัวหนังสือให้กับข้อความที่วิ่งในบรรทัดที่ 20

บรรทัดที่ 26 จะเป็นการกำหนดสีของตัวอักษรในบรรทัดที่ 2

บรรทัดที่ 32 เป็นการกำหนด url ให้ link ของเราครับ

บรรทัดที่ 35 จะเป็นการกำหนดว่าตอนที่เราคลิกลิงค์แล้วจะให้เปิดหน้าใหม่รึป่าว

ซึ่งถ้าจะให้เปิดหน้าใหม่ก็แก้ เป็น blank แทนครับ

บรรทัดที่ 38 41 44 ก็เป็นการการกำหนดภาพใหญ่ ( หลังจากที่เราเอาเมาส์ไปวางเรียบร้อยแล้ว )

ขนาดตัวอักษร สีตัวอักษร ครับ...คงจะแก้ได้นะครับ

แต่ ซ่าร่าห์ มันยังไม่จบแค่นี้ แน่ๆ... ฮ่าๆ..

ซีตั๊บถัดไป...เอ้ย step ถัดไปก็ไปแก้บรรทัดที่ 82 ครับ...แต่อันนี้น่าปวดหัวแน่ๆครับเพราะมันยาวมากๆ

ในรูปข่างล่างนี้ผมขอเอาเปิดใน dreamweaver แทนนะครับ

เป็นยังไงครับน่าปวดหัวมั้ย...เจออย่างนี้น่ะ...

แต่เรามีทางแก้ให้กับคุณครับ ...วิธีที่แสนจะง่ายก็คือ...ให้ Find ยังไงล่ะครับ

ใครที่เปิด dreamweaver อยู่ก็ ไปที่ Edit > Find and Replace กันเลยครับ

ใส่ในช่อง find ว่า .swf

คลิกที่ Find Next นะครับไม่ใช่ Replaceเวลาเราจะหา

พอเราหาเจอเสร็จก็ใส่พาธของ flash ดังกล่าวเลยครับ....

http://lamitie.saiyaithai.org/java/smalltopr.swf

http://lamitie.saiyaithai.org/java/bigtopr.swf

ข้างบนนี่เป็นตัวอย่างพาธของผมครับ ใส่เป็น url ไปเลยเพื่อความชั่วๆ..เอ้ย...ชัวร์ๆ..

ในบรรทัดที่ 82 นี้ตัวไฟล์ที่นามสกุล .swf จะมีอยู่ 4 ที่นะครับที่ต้องแก้ก็จะมี

smalltopr.swf สองตำแหน่ง กับ bigtopr.swf อีก สองตำแหน่ง

ขอให้โชคดีในการทำนะครับ...

เอาล่ะครับมาถึงตอนนี้แล้ว การทำงานของเราก็น่าจะมาถึงระยะทางที่เรียกว่า 90 % แล้วก็ว่าได้

ขั้นตอนสุดท้ายของเราก็ไม่่ยากอะไรเลยครับ

คือการดึงเอาโค้ด JAVA ดังกล่าวมาใช้งานกันครับ ข่างล่างนี่ก็เป็นตัวอย่างของผมครับ

 <script type="text/javascript"
src="http://lamitie.saiyaithai.org/java/peeltr.js"></script>

เราก็เอามายัดใส่ในช่อง linkใน exteen เราตามปกตินี่ล่ะครับ

ส่วนการแสดงผลนั้น
ผมทดลองในหมาย่างกับ ie7 เฉพาะเครื่องของผมนะครับ

หมาย่าง ผลของการทำงานออกมาได้อย่างสวยงาม...อลังการ

ie 7 มีกระตุกๆ..บ้าง...ดีบ้างไม่ดีบ้าง

ของคนอื่นเป็นยังไงบ้างอ่ะนิครับ...ได้ผลเป็นยังไงมาบอกกันด้วยนะครับ

หว่ายๆ ผ่านมาเกือบ สองชั่วโมงแล้วหรอเนี้ยะ...เร็วจัง...

วันนี้มาแค่นี้...ก่อนก็แล้วกันนะครับ...

บ๋ายบาย จ้า....ขอให้ทำได้สำเร็จกันทุกคนนะจ๊า...