สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

User avatar
thaizeal
Joomla! Ace
Joomla! Ace
Posts: 1460
Joined: Mon Oct 02, 2006 6:12 am
Location: แถวๆนี้
Contact:

สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by thaizeal » Sat Nov 01, 2008 11:13 am

นานแล้วไม่ได้ให้อะไร กับเพื่อนๆชาวจูมล่ากันเลย ;)
วันนี้เอาเคล็ดลับการโมเทมเพลท แบบธรรมดาๆ ที่ไม่ธรรมดา ชนิดใครมาเห็นแล้ว งงกันไปเลย อิอิ.
เว็บตัวอย่าง ที่เพิ่งทำเสร็จเมื่อคืน http://www.fishmonsterclub.com/

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

ที่นี้มาลองทำดูง่ายๆครับ (จูมล่า 1.5 น่ะ)
ก็อปโค๊ดด้านล่างไปใส่ใน ด้านล่าง <body> ของ index.php ของเทมเพลท แล้วโหลดไฟล์ แฟลช แบ็คกราวที่แนบมาไปไว้ในโพลเดอร์ images ของเทมเพลต(เลือกเอาตัวที่ชอบ แล้วใส่ชื่อไฟล์ที่ต้องการในโค๊ด เช่น 17.swf)
flash logo.rar

Code: Select all

<div style="position:absolute; left: 14px; top: 74px;">
  <object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj2" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="900" height="300" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj2">
    <param name="movie" value="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/images/ชื่อไฟล์ที่ต้องการ.swf"><param name="quality" value="Best"><param name="wmode" value="transparent"><embed src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/images/ชื่อไฟล์ที่ต้องการ.swf"  width="900" height="300" quality="Best" wmode="transparent" name="obj2"></object></noscript></div>
หากต้องการขนาดเท่าใหร่ก็ ปรับแต่งได้ตามสะดวกครับ
หากต้องการจัดวางตรงใหนก็สามารถเลื่อน หรือ เคลื่อนย้ายได้
เสร็จแล้วครับ เป็นไงบ้าง เทคนิคธรรมดา ที่ดูแล้วไม่ธรรมดาของผม มาวิจารกันได้เลยครับ

ปล.ควรเป็นอย่างยิ่งที่จะแบ็คอัพไฟล์ต้อนฉบับไว้ก่อนน่ะครับ อย่าลืม!..
You do not have the required permissions to view the files attached to this post.

User avatar
naywan
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 246
Joined: Tue Aug 21, 2007 4:27 pm
Contact:

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by naywan » Sat Nov 01, 2008 11:36 am

สุดยอดเลยครับ

User avatar
arunsiam
Joomla! Guru
Joomla! Guru
Posts: 986
Joined: Sat Dec 29, 2007 6:35 am
Contact:

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by arunsiam » Sat Nov 01, 2008 2:25 pm

สุดยอดครับ ไม่เคยเห็นปลาว่ายน้ำใน background เลย ครั้งแรก
http://www.xn--12c2b3bza7an.com/ จำหน่ายกระดาษ คุณภาพสูง ราคาถูก
http://www.setpha.com/ เครื่องเตือนความเร็วรถยนต์

jeepinpark
Joomla! Apprentice
Joomla! Apprentice
Posts: 35
Joined: Tue May 27, 2008 6:27 am

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by jeepinpark » Tue Nov 04, 2008 5:39 am

ขอบคุณมากๆคับ เป็นประโยชน์ดีทีเดียว เอาไปประยุกต์ได้

pwiwat
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Fri Nov 14, 2008 8:21 am

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by pwiwat » Fri Nov 14, 2008 9:01 am

สวยงามจริงๆ ขอบคุณ

User avatar
TLC_Club
Joomla! Apprentice
Joomla! Apprentice
Posts: 16
Joined: Sun Dec 07, 2008 6:47 pm

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by TLC_Club » Mon Dec 15, 2008 7:14 am

ขอต่อยอดอีกนิดได้มั้ยครับ

คือการใช้แฟลช คลุมพื้นที่หน้า เวป อย่างนี้ ผมเคยใช้ครับ
แต่มันมีปัญหาว่า กรณีที่เราใช้แฟลช คลุมเข้าไปในอาณาเขตของ ปุ่ม หรือเมนูต่างๆ
หาใช้ firefox หรือ Opera จะไม่สามารถใช้งานปุ่มได้ เพราะมันมีเลเยอร์
ของแฟลชคลุมอยู่ ( IE ไม่มีปัญหานี้ )

พอจะมีวิธีแก้ไขไหมครับ
We make different and give more!
Event Organize . Creative & Printing . Website & Etc.
==> www.talentclub.co.th <==

kukujang
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 156
Joined: Sun Mar 30, 2008 2:54 pm

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by kukujang » Sun Jan 18, 2009 6:07 pm

สุดยอดครับ

ขอบคุณสำหรับวิธีการทำครับ

User avatar
thaizeal
Joomla! Ace
Joomla! Ace
Posts: 1460
Joined: Mon Oct 02, 2006 6:12 am
Location: แถวๆนี้
Contact:

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by thaizeal » Mon Jan 19, 2009 5:24 am

TLC_Club wrote:ขอต่อยอดอีกนิดได้มั้ยครับ

คือการใช้แฟลช คลุมพื้นที่หน้า เวป อย่างนี้ ผมเคยใช้ครับ
แต่มันมีปัญหาว่า กรณีที่เราใช้แฟลช คลุมเข้าไปในอาณาเขตของ ปุ่ม หรือเมนูต่างๆ
หาใช้ firefox หรือ Opera จะไม่สามารถใช้งานปุ่มได้ เพราะมันมีเลเยอร์
ของแฟลชคลุมอยู่ ( IE ไม่มีปัญหานี้ )

พอจะมีวิธีแก้ไขไหมครับ
จนปัญญาครับปัญหานี้ ;)

lankybowl
Joomla! Apprentice
Joomla! Apprentice
Posts: 15
Joined: Thu Oct 02, 2008 9:48 am

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by lankybowl » Mon Jan 26, 2009 5:08 pm

โห...บอร์ดเทพ..หาคำตอบกับการใส่แฟลชมานานมากมาย..

โอ...ขอขอบพระคุณท่านจิงๆที่ช่วยชี้แนะจ้า ^ ^

User avatar
MOVIEGOER
Joomla! Apprentice
Joomla! Apprentice
Posts: 5
Joined: Mon Jan 26, 2009 7:12 pm
Contact:

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by MOVIEGOER » Mon Jan 26, 2009 9:12 pm

จะว่าง่ายก็ง่าย จะว่ายากก็ยากอยู่

ใช้หลักการเดียวกับตอนที่เราใช้ dream ทำเวปนั่นแหละครับ
เพียงแต่ว่าไฟล์ index.php ของ dream มันเห็นๆ กันอยู่

แต่ไฟล์ index.php ของ joomla มันอยู่ใน template ที่เราเลือกใช้อยู่ในขณะนั้นๆ ครับ
เพียงเลือกที่ edit HTML ก็คล้ายกับเราแก้ index ไฟล์ละครับ
เปลี่ยน template ของที่ใส่อยู่ก็หายด้วย ***สำคัญ***

จะใส่ของเล่นอะไรเพิ่ม เช่น counter สวยๆ / นาฬิกา ฯลฯ ก็อัดมันไว้ในนี้แหละครับ


แต่อยากถามเพิ่มครับ


ถ้าเราจะแทรก เฉพาะบางหน้า เช่น 7-10 จะทำไรดี ???
.........................................................
เวปรวมรวม link Download หนังและเพลง http://www.moviegoer.in.th
เรารวมรวมหนัง และเพลงดีดี มาไว้ที่นี่ MOVIEGOER in THAILAND
.........................................................

User avatar
thaizeal
Joomla! Ace
Joomla! Ace
Posts: 1460
Joined: Mon Oct 02, 2006 6:12 am
Location: แถวๆนี้
Contact:

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by thaizeal » Mon Jan 26, 2009 9:45 pm

MOVIEGOER wrote:จะว่าง่ายก็ง่าย จะว่ายากก็ยากอยู่

ใช้หลักการเดียวกับตอนที่เราใช้ dream ทำเวปนั่นแหละครับ
เพียงแต่ว่าไฟล์ index.php ของ dream มันเห็นๆ กันอยู่

แต่ไฟล์ index.php ของ joomla มันอยู่ใน template ที่เราเลือกใช้อยู่ในขณะนั้นๆ ครับ
เพียงเลือกที่ edit HTML ก็คล้ายกับเราแก้ index ไฟล์ละครับ
เปลี่ยน template ของที่ใส่อยู่ก็หายด้วย ***สำคัญ***

จะใส่ของเล่นอะไรเพิ่ม เช่น counter สวยๆ / นาฬิกา ฯลฯ ก็อัดมันไว้ในนี้แหละครับ


แต่อยากถามเพิ่มครับ


ถ้าเราจะแทรก เฉพาะบางหน้า เช่น 7-10 จะทำไรดี ???
ไม่ยากครับ ทำเทมเพลทเพิ่มขึ้นมาอีกตัวนึง โดยใช้วิธี ก็อปทั้งโฟล์เดอร์ อัพโหลด ftp ขึ้นไปไว้ในชื่อโฟลเดอร์ใหม่ (เทมเพลทตัวเดิม ไม่ต้องติดตั้งใหม่) แต่ย่าลืมที่จะเปลี่ยนชือของเทมเพลทในไฟล์ .xml ด้วย (ไม่งั้นมันจะเห็นเป็นตัวเดียวกัน)

เมื่อทำได้ตามที่ว่าแล้ว การใช้งาน หากอยากให้โชว์ในหน้าใหน ก็ใช้ประโยชน์จาก Menu Assignment ได้เลยครับ

หวังว่าคงไม่งงนะ ;)

whiskydevil
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Wed Feb 11, 2009 2:49 am

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by whiskydevil » Thu Feb 12, 2009 6:47 am

ผมเพิ่งเปนมือใหม่ของ joomla
ตามอ่านความรู้จากคุณมาหลายกระทู้แล้ว

อันนี้ก็สุดยอดจริงๆ

ขอบคุณครับ

Kamon134
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Tue Mar 10, 2009 3:35 pm

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by Kamon134 » Tue Mar 10, 2009 6:56 pm

ผมทำแล้ว ลอง รีเฟรชดู มันช้ามากเลยครับ

User avatar
thaizeal
Joomla! Ace
Joomla! Ace
Posts: 1460
Joined: Mon Oct 02, 2006 6:12 am
Location: แถวๆนี้
Contact:

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by thaizeal » Wed Mar 11, 2009 5:46 am

ช้าเหรอครับ .. เอ่..เว็บของผมที่ใช้อยู่หลายๆเว็บก็ไม่ช้าน่ะ
สาเหตุ มันมีปัจจัยประกอบหลายๆอย่าง เช่น. ขนาดของไฟล์ ความเร็วอินเทอร์เน็ต ความเร็วของโฮส ฯลฯ.

User avatar
smapan
Joomla! Ace
Joomla! Ace
Posts: 1880
Joined: Wed Mar 07, 2007 6:19 am
Location: Online marketing in Thailand.
Contact:

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by smapan » Wed Mar 11, 2009 7:23 am

thaizeal wrote:
TLC_Club wrote:ขอต่อยอดอีกนิดได้มั้ยครับ

คือการใช้แฟลช คลุมพื้นที่หน้า เวป อย่างนี้ ผมเคยใช้ครับ
แต่มันมีปัญหาว่า กรณีที่เราใช้แฟลช คลุมเข้าไปในอาณาเขตของ ปุ่ม หรือเมนูต่างๆ
หาใช้ firefox หรือ Opera จะไม่สามารถใช้งานปุ่มได้ เพราะมันมีเลเยอร์
ของแฟลชคลุมอยู่ ( IE ไม่มีปัญหานี้ )

พอจะมีวิธีแก้ไขไหมครับ
จนปัญญาครับปัญหานี้ ;)
เกียวกับเรื่อง z-index มั้ยครับ

กำหนดให้ z-index ของ layer flash ให้อยู่ต่ำสุด จะใช้ได้มั้ยครับ.

User avatar
thaizeal
Joomla! Ace
Joomla! Ace
Posts: 1460
Joined: Mon Oct 02, 2006 6:12 am
Location: แถวๆนี้
Contact:

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by thaizeal » Wed Mar 11, 2009 7:30 am

น่าจะได้น่ะครับ แต่ก็ยังไม่เคยลอง เดี๋ยวถ้าว่างๆจะลองดู หรือใครเคยลองมาบอกกันหน่อยก็ดีน่ะครับ

User avatar
SiXX
Joomla! Guru
Joomla! Guru
Posts: 672
Joined: Tue Mar 27, 2007 6:14 am
Location: Bangkok
Contact:

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by SiXX » Wed Jun 17, 2009 3:39 am

เท่าที่เคยลอง z-index มันไม่มีผลกับ flash อ่ะครับ
เคยเจอเทมเพลตบางตัวที่ moomenu มันสามารถทับ flash
ที่เป็น header ได้ แล้วก็ใช้งานได้ปกติ
แต่ต้องเขียนโค้ดใน javascript ยืดยาวมาก และผมก็ทำไม่เป็นด้วย
พยายามแกะเองก็ไม่รู้เรื่อง แหะ แหะ :-[
รับทำเว็บไซต์จูมล่าอย่างมืออาชีพ
-*-^-'- ความรู้ที่แท้จริงได้มาด้วยการแสวงหา -'-^-*-

polokatoeloe
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Thu Jul 16, 2009 4:31 am

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by polokatoeloe » Thu Jul 16, 2009 4:52 am

ขอบคุณมากๆคะ สำหรับความรู้ที่เป็นประโยชน์มากๆคะ :D

ohn1974
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Fri Aug 07, 2009 12:39 pm

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by ohn1974 » Fri Aug 07, 2009 3:36 pm

ขอบคุณมากจริงๆครับ

aekcub
I've been banned!
Posts: 334
Joined: Tue Oct 14, 2008 1:19 pm
Contact:

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by aekcub » Wed Nov 04, 2009 7:39 am

เยี่ยมครับ

User avatar
tumthai
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 226
Joined: Wed Jul 11, 2007 8:41 am
Location: กาฬสินธุ์
Contact:

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by tumthai » Sat Nov 28, 2009 2:04 am

สุดยอดมากๆ ครับ ขั้นเทพจริงๆ

ขอบคุณมากๆ ครับ

Paoz
Joomla! Apprentice
Joomla! Apprentice
Posts: 17
Joined: Wed Nov 18, 2009 9:06 am
Contact:

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by Paoz » Sun Jan 03, 2010 7:32 pm

เืทพเกิ๊นนนน เทคนิคสุดยอดจริงๆ ครับ กะลังหัดทำอยู่ครับ

moderndigg
Joomla! Apprentice
Joomla! Apprentice
Posts: 18
Joined: Wed Jan 20, 2010 2:11 am
Contact:

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by moderndigg » Fri Jan 22, 2010 2:31 am

อยากรู้ว่า มันจะทำให้เว็บโหลดช้าหรือเปล่าอ่ะครับ
http://www.kondigg.com โปรโมทเว็บกับคนดิ๊ก
http://www.dekmovie.com ดูหนังออนไลน์

aewjummai
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Wed Mar 17, 2010 6:20 pm

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by aewjummai » Wed Mar 17, 2010 6:55 pm

ขอบคุณมากค่ะ สุดยอด

nueng
Joomla! Fledgling
Joomla! Fledgling
Posts: 4
Joined: Wed Mar 24, 2010 5:31 pm

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by nueng » Fri Mar 26, 2010 4:21 pm

ทำแล้วมันไม่ขึ้นอ่ะ

aewjummai
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Wed Mar 17, 2010 6:20 pm

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by aewjummai » Thu Apr 08, 2010 1:56 pm

คาระวะ อย่างงามเลยค่ะ ขอบคุณมากๆ นะคะ มือใหม่ได้อันนี้ไปดูเป็นโปรเลยเชียว

rachin
Joomla! Apprentice
Joomla! Apprentice
Posts: 6
Joined: Sat Apr 10, 2010 11:00 am

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by rachin » Sat Apr 10, 2010 11:51 am

ขอบคุณครับบบบบบบบบบบ แนวมากๆๆๆๆ

procisely
Joomla! Intern
Joomla! Intern
Posts: 62
Joined: Wed Mar 17, 2010 4:19 pm
Contact:

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by procisely » Sat Apr 10, 2010 12:52 pm

http://www.fishmonsterclub.com/
สวยงามสุดๆๆ
แปะๆๆ
อ่านบทความดีๆ http://www.blog.bunterng.com ความรู้รอบตัว เกร็ดความรู้มากมาย
ฟังเพลงใหม่ๆ http://www.bunterng.com เพลงใหม่ล่าสุด

User avatar
somsak_nong
Joomla! Intern
Joomla! Intern
Posts: 72
Joined: Thu Apr 22, 2010 3:15 am

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by somsak_nong » Fri Apr 23, 2010 6:58 pm

Code HTML ด้านบน
ถ้า doctype เป็น XHTML 1.0 Transitional
ลอง validate แล้วผ่านไหมครับ
เครื่องมือวัด http://www.voake.com
กระเป๋าแฟชั่น http://www.bags.in.th

su95
Joomla! Apprentice
Joomla! Apprentice
Posts: 40
Joined: Fri Jun 19, 2009 2:42 pm
Contact:

Re: สอนการใส่แฟลชเป็นพื้นหลังขั้นเทพ

Post by su95 » Sun Apr 25, 2010 5:17 am

ขอบคุณความรู้ดี ๆ ต้องลองหาโปรแกรมแฟลชมาลองศึกษาบ้างล่ะ อยากสร้างไฟล์ .swf เป็นจัง
www.gerberclothdiapers.org -Gerber Cloth Diapers
www.minilaptopcheap.com -Cheap Mini laptop


Locked

Return to “เคล็ดลับการใช้งานส่วนต่างๆ เกี่ยวกับจ&#”