Theme Header with Adobe Flash

posted on 17 Apr 2008 20:08 by kengkadeng  in How-to

 

ตอนนี้กำลังเข้าโหมด Programming CSS โดยเปลี่ยน Header เป็นไฟล์ Flash ครับ
การแสดงผลอาจจะเพี้ยนๆนะครับ แต่ถ้าดูโดย หมาไฟ 3 beta 5 น่าจะโอเคสุด
- ถ้าใช้ IE จะไม่ได้เรื่องแบบสุดๆ เพราะมันจะแสดง ภาพ Header ที่ Menu ด้านขวามือ
- ถ้าใช้ Avent ก็ไม่ได้เรื่องเช่นกัน
- ส่วนอันอื่นไม่รู้แฮะ


ลองกด Ctrl + F5 ดูนะครับ (สงสัยต้องกลับไปเป็นรูป JPEG เหมือนเดิมละมั้ง)

วิธีการใส่ Flash ลงในบล็อก นั้นเข้าไปดูที่บล็อกพี่ตุ้มเป๊ะเลยจ้า :: ตัวหนังสือยืดได้ หดได้::

ซึ่งพี่ตุ้มเป๊ะได้ความรู้นี้มาจากพี่มานพ (itshee) อีกทีนึง ซึ่งพี่มานพเขียนเรื่อง
:: เทคนิคแฟลช - มอร์ฟตัวอักษร :: คลิกเข้าไปดูได้เลยจ้า

 

============================================

 

:: เพิ่มเติม ::

ผมลองแก้ไข CSS เหมือนที่ #18 เสี่ยแนน แนะนำแล้วครับสรุปคือได้ผลเหมือนกันเป๊ะ
ผมจึงแก้ไขเป็นเหมือนที่พี่ พี่ตุ้มเป๊ะ แนะนำไว้คือ

นำเอา Code นี้ไปใส่ที่ link

< div class="flashTopOut">

ges/MyTheme/head_ballon2.swf"transparent" width="730"height="283">


แล้วเพิ่ม Code นี้ใน CSS Editor แล้วทำการปรับ Margin ให้มันพอดี

.flashTopOut{
position:absolute;
margin-left:-515px;
top:0px;
z-index: 10;
}

.flashTopIn{
margin:auto;
margin-top:120px;
width:730px;
}

แต่จะติดปัญหาที่ตอน Preview แล้วมันจะแสดงผลได้พอดีเป๊ะ (สำหรับหมาไฟ)
แต่พอดูจากบล็อกจริงๆแล้วมันจะไม่เป๊ะ (แสดงผลไม่เหมือนกัน)
ตอนนี้คงจะใช้ Header ที่เป็น Flash นี้ซักพักครับผม จนกว่าจะมี Idea
ในการเปลี่ยน Theme Header ใหม่

;; ตีนหมีแพนด้า

Tags: flash, header, theme, ปัญหา css46 Comments

Comment



smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

แสดงผลดีเยี่ยมค่ะ
หลังจากกดF5 อิอิ
...น่ารักน่าหยิกมากๆ

#1 By ใบไม้หลากสีสัน on 2008-04-17 20:17

แหม่.....ได้สบตากับชิวชิวตัวเป็นๆ .......หื่นเหมือนกันนะเนี่ย.....ตาเป็นสระอิเชียว confused smile
.
.
ล้อเล่นน่ะค่ะ.....แว่บมาสาดน้ำคุณแพนด้าญี่ปุ่น
.
.
ตู้มๆๆๆๆๆๆขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ

#2 By ArchmaniaC on 2008-04-17 20:24

ทำไมเป็นอ่ะ ทำไงอ่ะครับ sad smile

#3 By กรรมกรไซเบอร์ (Shuu) on 2008-04-17 20:30

รับทราบๆconfused smile ขันน้ำ ดอกมะลิ ปืนฉีดน้ำ

#4 By wesong on 2008-04-17 20:33

ใช้ IE อ่ะ แสดงผลเพี้ยนจริงๆ ด้วย แฟลชมันดันไม่อยู่หัวบล็อค มันร่นมาอยู่ตรงเอ็นทรี่ เศร้าเลย ใช้อยู่เบราเซอร์เดียว

#5 By Dream-Box on 2008-04-17 20:46

เค้าใช้ie 7 มันเลื่อนอะคะ พี่แพนด้าconfused smile

#6 By หนูกระปุกตั้งฉ่าย on 2008-04-17 21:11

สมบูรณ์ครับ เห็นชัดเจน ชิวๆสายตาโรคจิตมาก อิๆ ทำให้ผมซักเฮดสิครับ เอาเป็นตัวสัญลักษณ์หยินหยางวิ่งไปมาเป็นไงครับ อิๆbig smile

#7 By เชน หยินและหยาง on 2008-04-17 21:22

ู^
^
หมอเชน
ผมทำ flash ให้ได้แต่กลัวจะไม่สวยอ่ะสิครับ อิอิ
"สัญลักษณ์หยินหยางวิ่งไปมา" เป็นยังไงอ่ะครับ นึกภาพไม่อออก
คงต้องเขียน Story board มาให้แล้วล่ะครับ อิอิ

#8 By แพนด้าญี่ปุ่น on 2008-04-17 21:30

ตาหมีดูหื้นหื่น 55+ confused smile

#9 By หมีขั้วโลก™ on 2008-04-17 22:12

แหล่มดีครับconfused smile

sad smile แต่คลิกบนแฟลชไม่ได้ เดี๋ยวมันจะรีโหลด

#10 By เสี่ยแนน on 2008-04-17 22:13

^
^
เสี่ยแนน :: มันต้องเอา code ไปใส่ที่ link น่ะครับ
ผมเลยใส่ให้มัน link กลับไปที่ blog เดิมbig smile

#11 By แพนด้าญี่ปุ่น on 2008-04-17 22:16

ของผมยังใช้ Firefox 2 อยู่เลยอ่ะคุณแพนด้า
เหมือนเห็นมีแบ๊คกราว jpg ซ้อนอยู่ด้านหลังเลยอ่ะครับ

มีข้อแนะนำอย่างนึงอ่ะครับ ตรง Replay สุดท้าย
แทนที่จะให้เป็น (เดาเอาว่าคุณแพนด้าน่าจะทำอย่างนี้)

on (press) {
getURL("http://kengkadeng.exteen.com");
}

น่าจะเปลี่ยนเป็น

on (press) {
gotoAndPlay(1);
}

จะทำให้มันกลับไปโหลดตัวแฟล๊ตเองใหม่ แต่ไม่ต้องโหลดใหม่ทั้งหน้าเพจของบล๊อคน่ะครับ

ไม่รู้นะครับ ลองออกความเห็นดู ^-^

#12 By ★ STARBUCKS! no coffee,no me and no you! on 2008-04-17 22:21

sad smile ลองหาวิธีแก้ให้(ไม่รู้ว่าจะได้ผลรึเปล่านะครับ)

แก้ตรงแท็ก <a> ใส่ # ไปแทน http://kengkadeng.exteen.com/

<a href="#"><div class="flashTopOut"><div class="flashTopIn"><embed src="http://kengkadeng.exteen.com/images/MyTheme/head_ballon1.swf" wmode="transparent" width="730" height="283"></embed></div></div></a>

confused smile ลองดูนะครับ เผื่อจะแก้ปัญหาคลิกบนแฟลชแล้วรีโหลดได้

#13 By เสี่ยแนน on 2008-04-17 22:22

^
^
ปล.มัน(น่า)จะเด้งขึ้นไปบนสุดของเพจแทน

#14 By เสี่ยแนน on 2008-04-17 22:23

อ่ะ มีแต่คนทำแฟลชทำโค้ดเป็นกันทั้งนั้นเลย



สาดก่อนเค้าปิดน้ำนะ แพนด้า ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ

#15 By ตุ้มเป๊ะ on 2008-04-17 22:25

เท่ดีครับ แต่ผมคิดว่ามันยังไงยังไงอยู่ นะเนี่ย เหอะๆsad smile

#16 By Under Constuctive Man on 2008-04-17 22:31


***คุณลิงใจดี

ผมยังไม่ได้ใส่ Code ตรง Replay อ่ะครับ

on (press) {
getURL("http://kengkadeng.exteen.com");
}

ที่มัน reload เพราะผมดันใส่ url ไว้ใน link น่ะครับ

ตอนนี้แค่ทำ ปุ่ม Replay ไว้เฉยๆ ครับ อิอิ
ผมกำลังหาคำสั่งที่คลิกแล้ว Replay พอดีเลยอ่ะครับ
หาในหนังสือมันตาลาย อิอิ อ่านแล้วก็งง

on (press) {
gotoAndPlay(1);
}

คำสั่งนี้แหละที่อยากได้
ต้องขอบคุณคุณลิงใจดีมากๆครับที่แนะนำนะครับ



** เสี่ยแนน

ขอบคุณครับสำหรับคำแนะนำ แล้วผมจะลองใส่ link แบบที่แนะนำดูนะครับ

แต่ถ้าใส่ # ในช่อง Url ของ Link ก็่น่าจะได้ไม่ให้มัน reload ป่ะครับ

แต่เอ... รู้ได้ไงว่าไฟล์ flash ที่ผมใช้มันอยู่ Path ไหนอ่ะเก่งจัง
View Code ป่ะครับ ??

#17 By แพนด้าญี่ปุ่น on 2008-04-17 23:16

view code เอาครับ confused smile

แต่ผลยังไม่เป็นที่น่าพอใจ sad smile เพราะอินเตอร์แอคทีฟของแฟลชยังใช้การไม่ได้

(อยากทำเองแล้วค่อยมาบอกจัง )

ในช่อง Link URL http:// [เคาะว่างไว้]
แล้วในช่อง Description ให้ลองก๊อปโค้ดนี้ไปทั้งดุ้นเลยครับ

<a href="#"><div class="flashTopOut"><div class="flashTopIn"><embed src="http://kengkadeng.exteen.com/images/MyTheme/head_ballon1.swf" wmode="transparent" width="730"height="283"></embed></div></div></a>

v จนปัญญาแล้วล่ะครับ

#18 By เสี่ยแนน on 2008-04-18 00:01

กำลังจะลงพอดี หุหึหุหึ...

#19 By เหมือนถ่อ_(｡◕‿◕｡ )/ on 2008-04-18 00:23

ทำแฟลช ให้หนูมั่งจิ อิอิ

#20 By ~•GoldfishOu•~ ใบไม้ที่สดใส on 2008-04-18 06:38

**เสี่ยแนน

เดี๋ยวคืนนี้กลับไปแก้ไขใหม่ครับsad smile

#21 By แพนด้าญี่ปุ่น on 2008-04-18 07:36

เอ่อ...ทุกคนที่ทำ Flash อาจจะไม่ทันสังเกตนะครับ

ทั้งของผม ของคุณ itshee ของพี่แพนด้า พอแสดงผลใน IE แล้วตกขอบไปไกลกันหมดเลย

อีกอย่างนึง คือถ้าตัว side ของเราอยู่ข้างซ้าย มันจะกู่ไม่กลับเลยครับ

#22 By เหมือนถ่อ_(｡◕‿◕｡ )/ on 2008-04-18 08:21

WORKค่ะ WORK น่ารักมาก
แต่เห็นด้วยกับคุณเชนนะคะ แพนด้าทำตากลิ้งกลอกได้โรคจิตมากๆ
ปืนฉีดน้ำ

#23 By vadsa on 2008-04-18 09:49

แจ่ม ทีเดียว

#24 By riddler on 2008-04-18 10:23

เราใช้หมาไฟ แจ๋วโครตconfused smile

#25 By VAR on 2008-04-18 10:44

ดูใน IE เป็นอย่างที่คุณแพนด้าบอกจริงๆ ค่ะ big smile
แต่ก็เห็นความเคลื่อนไหวที่สดใสนะคะ big smile

#26 By !2know ++ on 2008-04-18 11:18


ผมใช้ไอ้อีหน้าตามันเพี้ยนๆครับคุณแพนด้า ..

#27 By :: KinG MoJi :: on 2008-04-18 11:25

เจ๋งดีครับทั่นแพนด้าconfused smile open-mounthed smile big smile ชอบๆ

#28 By nonworld on 2008-04-18 11:29

สดใสดีค่ะ

big smile

#29 By i n s i d e m e* on 2008-04-18 11:36

** หมอโรคจิต

ผมลองเข้าดูแล้วบล็อกคุณแหล่มมาก
แต่สงสัยว่าทำไมมันไม่บัง Header Descrription

#30 By แพนด้าญี่ปุ่น on 2008-04-18 12:14

ทำไงสอนมั่งดิ

#31 By นายโยจิ^_^ on 2008-04-18 12:37

วะฮิ๊วววววววววววววว
เจ๋งแฮะ

#32 By |:| ShaKo |:| on 2008-04-18 13:06

เข้ามาชมตอนกำลังเละ เลยคะ...

#33 By MayaKniGht on 2008-04-18 13:56

ทำให้เค้ามั้งจิ................cry

#34 By หนูกระปุกตั้งฉ่าย on 2008-04-18 14:42

IE .... -_-'>

#35 By A-leX on 2008-04-18 15:11

ไอเดียดีครับbig smile big smile

#36 By CHAN on 2008-04-18 15:28

กลายเป็นความรู้ใหม่เรื่องแฟลช น่าสนใจมากจริงๆ สมาชิก Exteen เก่งๆ หลายคนเลย

#37 By Dream-Box on 2008-04-18 15:49

อ่านแล้วงงค่ะ ทำไม่เป็น sad smile

#38 By kaew on 2008-04-18 19:49

ดูด้วยหมาไฟ สวยมากพี่แพนด้า เริ่ดดดดได้อีก

ว่าแต่ทำไมชิวชิวต้องเหงื่อตก

ปล.ตอนนี้ว่างแล้ว ว่างขึ้นมาหน่อยนึง เหอ ๆ

#39 By :::Be_My_Guest::: on 2008-04-18 21:29

แต่พี่ดูกี่รอบก็แจ่ม เริ่ดสุดๆ แล้วรูปไม่ทับตัวหนังสือแล้ว

ไม่เห็นจะเละเลย ขอบอกbig smile

#40 By ตุ้มเป๊ะ on 2008-04-18 21:39

ใช้ IE ค่ะ ที่พอ F5 ปุ๊บ ภาพที่อยู่บนสุด
กระเด้งลงมาประมาณบรรทัดที่ 5 ของข้อความค่ะ sad smile

อ๊ะ..มีลูกโป่งลอย ๆ ด้วย..แถมน้องหมีแพนด้า
ยังมาทำตากลอกกลิ้งไปมาอีก..น่ารักน่าชังเชียว cry 555+ confused smile

ดีจัง..ได้ความรู้ใหม่เพิ่มเติมมากมายเลยค่ะ..big smile


#41 By นักเดินทางตัวจิ๋ว ^^ on 2008-04-18 22:25

#39 น้องกวาง

ปล่อยวางให้ชีวิตว่าง
ได้พักบ้างก็ดีนะครับ
แบบ ชิวชิว น่ะ

ที่ชิวชิวเหงื่อตกเพราะ
กำลังตามหาสาวสวยอย่างน้องกวางอยู่น่ะ อิอิอิbig smile

#42 By แพนด้าญี่ปุ่น on 2008-04-18 22:49

# 40 พี่ตุ้มเป๊ะ

แต่แพนด้าดูที่ทำงานมันก็ตรง Header พอดีนะ
แต่ดูเครื่องที่บ้านมันไม่ค่อยตรงเท่าไหร่
แสดงว่าคนส่วนมากเห็ฯพอดีก็โอเคแล้วเนอะ

ขี้เกียจแก้ล่ะ

#43 By แพนด้าญี่ปุ่น on 2008-04-18 22:51

นักเดินทางตัวจิ๋ว ^^

ถ้าใช้ IE ดูจะน่าเกลียดมาก
เพราะฉะนั้นเปลี่ยนมาให้หมาไฟเหอะ อิอิอิ

#44 By แพนด้าญี่ปุ่น on 2008-04-18 22:52

เอิ๊กๆ เริ่มจะเข้ามาในโลกของ multimedia อย่างสมบูรณ์แบบ 555+ big smile


เจ๋งคับเจ๋ง แพนด้าคุง ผมเชื่อฝีมือคุณแพนด้าอยู่แล้ว
เรื่อง action scripts คิดว่าคงไม่เกินความสามารถแน่ ส่วนฝีมือในการสร้าง symbol อ่ะ กินขาดอยู่แล้ว

คาดว่า คงได้เห็น animation ชิวๆน่ารักๆ เวอร์ชั่น flash ออกมาเร็วๆนี้อย่างแน่นอน 555+double wink

สู้ๆ รอชมๆ 555+

ส่วนผมกับเจ้า flash ก็คงเป็นเพื่อนห่างๆกันไปอย่างนี้ล่ะ เอิ๊กๆ

#45 By >t-O.y: on 2008-04-19 09:04

ชิวชิว ไม่ยอมสบตาด้วยอ่ะ เอาแต่กลอกตาหลบไปหลบมา sad smile

น่ารักดีนะคะ double wink

#46 By ~ N ~ on 2008-04-20 09:58