Whenever I say...

Remember to give me a LIKE @ my FaceBook Page, TQ!

~ ♫ ~

:: 我喜欢。雨天。23/04/12

:: 我的第一本插画电子书 ~《星星不见了》, 已经出街了,APPLE APP 形式下载。
LIKE我设在FB的专页!
谢谢你们!:) 12/11/12

:: Apple App download 星星不見了




16.10.08

Tutorial: Header's flash effect

首先呢!想声明说..... 这个flash是我到其它网页read page source抓出来的html指令。
如果有错误或误导人的地方要告诉我啦!
以下就是如何制作有加flash的header的方法.....

1. 在你的Blogger customize add一个HTML/JavaScript的box. 这个box放在哪里都无所谓!


2. 然后copy以下的html到该content:

<embed style="LEFT: 600px; WIDTH: 400px; POSITION: absolute; TOP: 90px" width="400" quality="high" src="http://imgfree.21cn.com/free/flash/21.swf" height="200" wmode="transparent" type="application/octet-stream"></embed>

注意: 画红框的地方,必须依你自己的blog的形态去修改数值。蓝色底线的width不用管它,因为没有相应的反应,我也不懂有什么作用,如果有哪位高手知道的话可否相告?

3. 如图所示,Left, Top, Width, Height, 是决定你的flash在整个页面的position。(红色框框是整个flash在你的header的位置,可自行设定!)

基本上,copy了以上的html指令后,你再自己修改数值,save and run it, 就会了解到这些数值的作用。我怕我越说越乱!=.=!!
总而言之,Left, Top, Width, Height, 就是你决定你要的flash的所在位置啦!


4. 接下来是Flash的路径索引,我这里有几个参考的网站:

注意: 第2个网站的有些flash已经不存在了,所以你必须自己开new window来testing address,看看有哪一些flash是可行的或是你中意的。要不就去Googles找一找其它的相关网站咯!:)

选了你喜欢的flash后,就click进去取得address。



5. 最后就把address paste到刚才的html content里面,

6. 是不是很简单呢?要放几个flash都可以的,但是避免太lag,所以最多我只放两,三个!

注意: Flash所在的地方最好不要有any buttons or links, 因为会click不到哟!(你有解决的方案吗?有的话要教我这个半桶水的,哈哈!)

建议: 先做一个try try看,大概了解设定certain数值,会有什么样的变化后再继续另一个flash咯!

p/s: 这个做法还可以用在帖子哦!^^ 还有这只是我自己研究出来的方法,如果错了要跟我说啦!谢谢! ^^

9 comments:

Le-1502 said...

哇,清楚明了~谢谢分享与指导!我回去后一定要试试看!

sparrowsky said...

谢谢分享~想问之前那下雨的effect也是同样方法吗?可以给我那个code吗?(>/////<)~谢啦

Ann c. said...

不客气啦!Le,我喜欢分享啊~
分享,是一件很快乐的事情!


麻雀,
下雨的code我post在你的blog里了!
:)

Le-1502 said...

谢谢妮妮~我弄好咯~哈哈,不过有点好笑,有彩虹还会下雪。。。其实只是单纯喜欢雪花~

PeiQi Teh said...

现在看有点小复杂~
等我考完试慢慢看!
哈哈~

索拉 said...

我懒惰弄,所以整个 header 都是 flash 做的

你的比较难一点

Ann c. said...

你的比较难吧?=.=!!

我的只是在html widget里面add指令而已~

你的是用dreamweaver?

我想学呐!有空教我~
为什么叫索拉?

萤火虫*.* said...

很有兴趣~~^^

可是我还是弄不到>___<
是我太笨了吧~

弄来弄去都很小而且是在下面的不然就在右边~都看不到>_____<""

Ann c. said...

萤火虫,
很小的原因可能是你选的flash太小,
要不就是那个宽度和高度set得不够大!

太过右边的话你可以改left的数值:
Left:100px

就是要test test那些数值,
慢慢可以找到你要的位置!