Tech&Tips


  การซูมภาพเข้า-ออก

1. สร้างเอกสารขึ้นมาใหม่ ขนาด 310 x 310 โดยไปที่ Modify > Document หรือกดคีย์ลัด (Ctrl+J)

2. ตั้งชื่อ layer 1 เป็น zoom process และ import รูปมาไว้บน stage โดยไปที่ File > Import > Import to Stage หรือกด (Ctrl+R)

3. คลิกที่รูปภาพ กด F8 หรือคลิกขวาที่รูป เลือก convert to symbol เลือกเป็น movie clip ตั้งชื่อว่า picture


4. ตั้งชื่อ Instance Name ของ movie clip ที่ชื่อว่า picture ว่า zoom


5. ดับเบิ้ลคลิกที่ movie clip ชื่อว่า picture ที่สร้างขึ้นมา หลังจากนั้น ไปยังเฟรมที่ 10 กด F6 เพื่อ insert keyframe หลังจากนั้น กด F9 เพื่อใส่ action script ลงไป ดังนี้

stop();

6. กลับไปยังเฟรมที่ 1 แล้วใช้เครื่องมือ Free Transform Tool หรือกด (Q) และย่อรูปให้เล็กลง

7. คลิกขวาที่ frame 1 เลือก create motion tween


8. กลับไปที่ scene หลัก แล้วสร้าง layer ใหม่ ตั้งชื่อว่า button +


9. ใช้เครื่องมือ Text Tool หรือกด (T) พิมพ์คำว่า + zoom ลงไป หลังจากนั้นคลิกขวาที่ text เลือก convert to symbol เลือกเป็น button ตั้งชื่อว่า zoom ดังรูป

10. หลังจากนั้น คลิกขวาที่ ปุ่มที่สร้างขึ้นมา เลือก action script หรือ กด F9 ใส่ action script ลงไปดังนี้

on (release) {_root.mouse_over_zoom = true;
}
11. ใช้เครื่องมือ Text Tool หรือกด (T) พิมพ์คำว่า - zoom ลงไป หลังจากนั้นคลิกขวาที่ text เลือก convert to symbol เลือกเป็น button ตั้งชื่อว่า zoom out ดังรูป

12. หลังจากนั้น คลิกขวาที่ ปุ่มที่สร้างขึ้นมา เลือก action script หรือ กด F9 ใส่ action script ลงไปดังนี้

on (release) {_root.mouse_over_zoom = fstartlse;
}

13. สุดท้าย สร้าง layer ขึ้นมาใหม่ ตั้งชื่อว่า action คลิกที่เฟรมแรก กด F9 แล้วใส่ action script ลงไปดังนี้

_root.zoom.onEnterFrame = function() {if (mouse_over_zoom) {_root.zoom.nextFrame();} else {_root.zoom.prevFrame();}
};
14. ทดสอบ ด้วยการกด Ctrl+Enter






ตกแต่ง Page ง่าย ๆ สไตล์คุณ ตอนที่ 1: ใส่รูปในชื่อเรื่อง


สวัสดีค่ะ เอนทรีที่แล้วเรื่อง LOVE Tag คอมเมนต์เยอะกว่
าที่คิดแฮะ 55 กลับมาเรื่องแต่งบลอคดีกว่า เคยแนะนำฟังก์ชัน
 ใหม่ของ Exteen 4.0 ที่ชื่อ "Page" ไปแล้ว ในเอนทรี
 "Page ฟังก์ขันใหม่ที่ต้องลองใน Exteen เวอร์ชันใหม่"
 ถ้ายังไม่รู้ว่า Page คืออะไร เข้าไปอ่านเอนทรีอันนี้ก่อนนะคะ :-)
เอนทรีนี้จะสอนวิธีการเอารูปมาใส่ในชื่อที่เราตั้งเวลาสร้าง Page
น่ะค่ะตัวอย่างเช่น ในส่วน Page ของบลอคเจนเนสซ่า จะมีรูป
ดอกไม้ข้าง ๆชื่อเรื่องอยู่ ดังรูป (ดูข้างบนก็ได้ค่ะ)


วิธีทำง่ายมากกกก ไปดูกันเลยค่ะ
1. เตรียมรูปที่จะใช้ก่อนค่ะ โดย upload ขึ้นที่ Exteen เพื่อให้มี url
 ของรูปก่อน (หรือจะ upload ไว้ที่อื่นก็ได้นะ) ตัวอย่าง URL ของรูป
 ดังข้างล่าง

http://uc.exteenblog.com/jennessa/images/155.gif
.
2. ถ้ามี Page อยู่แล้ว ก็กด Edit เข้าไปเลยค่ะ หรือในกรณีสร้างใหม่ก็ทำ
เหมือนกันค่ะ คือ ในหน้าเพิ่ม/แก้ไข Page ให้ดูตรง Title ที่เราเอาไว้ใส่ชื่อ
Page ดังรูปเดี๋ยวเราจะใส่ code ตรงนี้



3. ทีนี้ code html ที่จะทำให้รูปแสดงก็คือ tag < img > เราก็เอา url รูป (จากข้อ 1)
 ไปใส่เป็น src ค่ะ ออกมาเป็นอย่างข้างล่าง อย่าลืมใส่ border="0" ด้วยนะคะ


< img src="http://uc.exteenblog.com/jennessa/images/155.gif" border="0"/>
.
4. code จากข้อ 3 เหมือนเป็นตัวแทนรูปที่เราจะใช้นะคะ :D อยากให้รูปอยู่ตรงไหนของ
ชื่อเรื่อง ก็ใส่ code นั้นลงไปในช่อง Title (รูปข้อ 2) ค่ะ สมมติว่าจะใส่รูปหน้าชื่อเรื่อง
 ในช่อง Title ก็จะออกมาเป็น

< img src="http://uc.exteenblog.com/jennessa/images/155.gif" border="0"/>
 Blog Map
.
5. แล้วก็กด Publish ได้เลยค่า แค่นี้เอง
.
อันนี้ตั้งชื่อเรื่องเป็น ตอนที่ 1 แต่ยังคิดตอนที่ 2 ไม่ออกเลยค่ะ 55
เอาไว้ถ้ามีวิธีอะไรอีกแล้วจะเอามาบอกนะคะ
มีคำถามก็คอมเมนต์ไว้นะ (^^)V
ปล. ** เครื่องหมาย < กับคำว่า img ตอนเอาไปใช้ให้เขียนติดกันนะคะ 
ในนี้เว้นวรรคไว้เพื่อไม่ให้ code โดน rip ออกไปค่ะ
เพิ่มเติมจากคุณ iPats  สามารถทำด้วย CSS ก็ได้นะคะ
ตาม code ข้างล่างเลยค่าขอบคุณมากนะคะ (^^)
#pagemenu ul li a:after
 {content: url("http://uc.exteenblog.com/jennessa/images/155.gif");}
#pagemenu ul li a:before
 {content: url("http://uc.exteenblog.com/jennessa/images/155.gif");} 



วิธีนำ  YouTube ลงใน Blogger

ยังมีอีกหลายคนยังไม่รู้วิธีการเพิ่มวีดีโอ YouTube ลงในบล็อก Blogger (BlogSpot)
 ที่หน้าบล็อก วันนี้ MeOmee เลยมาเขียนลงในบล็อกเผื่อจะมีประโยชน์สำหรับ
คนที่ต้องการหาข้อมูลอยู่ค่ะ
ขั้นที่ 1. เข้าไปเลือกวีดีโอที่เราต้องการที่จะเอาลงบล๊อกของเรา โดยเข้าไปที่http://www.youtube.comค้นหาวีดีโอที่เราต้องการ เพิ่มคำค้น
ขั้นที่ 2. คลิกเลือกวีดีโอที่เราต้องการให้แสดงบนผลบนบล็อกของเรา
จากนั้นให้ทำการคัดลอกโค๊ดจากช่อง Embed โดยคลิกซ้ายไปที่ช่องแสดง
โค๊ด YouTube ได้เลยค่ะ
ขั้นที่ 3. จากนั้นเข้าไป Log In ที่บล็อกของเรา http://www.blogger.com/
จากนั้นคลิกเข้าไปที่ Layout เพื่อเพิ่มวีดีโอ ในหน้าบล็อก ซึ่งสามารถใช้เพื่อ
แสดงทุกครั้งเมื่อมีการเปิดที่หน้าบล็อก
ขั้นที่ 4. จากนั้นคลิกที่ Add a Gadget เพื่อค้นหาคำสั่ง Html / JavaScript
ขั้นที่ 5. จากนั้นให้ใส่โค๊ดที่ทำการก๊อปปี้มาจาก YouTube จากนั้นคลิก SAVE 
ขั้นที่ 6. จากนั้นคลิก Save ที่ส่วนหน้าทำงาน Add and Arrange Page Elements
ตามด้วยคลิกที่ View blog เพื่อดูผลการเพิ่มวีดีโอ 
         เท่านี้เราก็สามารถเพิ่มวีดีโอ YouTube ที่หน้าบล็อกของเราได้แล้วค่ะ 
และหากใครต้องการทราบวิธีการเพิ่มวีดีโอยูทูปลงในบทความสามารถตามไปอ่านในบทความ
เก่าของ MeOMee ได้ที่นี่ค่ะ












สมัครสมาชิก: บทความ (Atom)