2011-08-11

【紫色筆記】如何讓 swfobject 2.2 支援透明 Flash

發現部分網頁寫說要修改「swfobject.js」檔裡的參數,
但其實 swfobject 2.2 只要在顯示 flash 的程式片段多加幾行程式就OK了!

【第一步】把「swfobject.js」檔存到你的網站資料夾中

【第二步】一樣把下列指令加到 <head> </head> 中


<script type="text/javascript" src="swfobject.js"></script>


【第三步】把下列程式片段加到欲插入Flash動畫的地方


<div id="mySWF">這裡是當 flash 不能正常顯示時顯示的内容</div>
<script type="text/javascript">
var flashvars = {};
var params = {};
params.menu="false";
params.wmode="transparent";
params.bgcolor="#CCCCCC";
params.allowfullscreen="true";
var attributes = {};
attributes.id="myFlash";
attributes.name="myFlash";
swfobject.embedSWF("banner.swf", "mySWF", "300", "143", "9.0.0", "false", flashvars, params, attributes);
</script>

2011-08-10

【紫色筆記】swfobject 符合W3C標準且隨插即用的 Flash

用 DreamWeaver 插入 flash 雖然方便,但其實它是不符合W3C標準的語法!且程式勒勒長又看不懂…

我們利用 Adobe 發表的 swfobject 可以來解決其問題~

【第一步】官網的 Downloads 下載 SWFObject 2.2.zip (Uploaded:Jun 11, 2009)

【第二步】解壓縮後把「swfobject.js」檔存到你的網站資料夾中

【第三步】開啟網頁檔,把下列指令加到 <head> </head> 中


<script type="text/javascript" src="swfobject.js"></script>


【第四步】把下列程式片段加到欲插入Flash動畫的地方


<div id="mySWF">這裡是當 flash 不能正常顯示時顯示的内容</div>
<script type="text/javascript">
swfobject.embedSWF("banner.swf", "mySWF", "300", "143", "9.0.0");
</script>

  • 註:swfobject.embedSWF(swfUrl, id, width, height, version)是5個必須的參數
  • swfUrl(String)指定SWF的URL
    id(String)指定將會被Flash内容替換的HTML元素的id
    width(String)指定SWF的寬
    height(String)指定SWF的高
    version(String)指定你發佈的SWF對應之Flash Player版本(格式為:major.minor.release)


相關網站:swfobject 官方網站
參考來源:蕃茄腦袋-SWFObject 2.0 讓你輕鬆的插入及控制 Flash

【紫色筆記】網頁的include

若要不重覆頁首、橫幅、頁尾資訊,我們可以利用「include」來完成!
「include」可以讓每一頁都引用同樣一個頁首與頁尾,
整合輸出整頁式的 html ,完全不需要框架(Frame)。

但是必須要有支援 php 或 asp 程式的網頁空間,
且檔案不能是 .html 或 .htm 而要是 .php 或 .asp

【第一步】先將原頁首或頁尾的網頁原始碼之程式片段「剪下」,
再「貼」到一個新的文字檔裡(例:footer.txt),
並將文字檔的副檔名由原來的 txt 更改為 inc(例:footer.inc),

【第二步】在製作的主要頁面,上下各用 include 導入頁首與頁尾,
在原來被剪下的程式片段位置,改為下列的程式碼:
  1. 若為PHP網頁
    <? include "banner.inc" ?>

  2. 若為ASP網頁
    <!-- #include file="sample.inc" -->



2011-03-26

【紫色開箱】ANNA SUI 2011母親節VIP預購會購買商品

又要來寫 ANNA SUI 的開箱文了!
這一切都要怪那原本掌心大的小粉撲,突然長大成了抱枕啦~
超~口愛的!都要怪它啦~都是它害的!


先說說未來這幾週的各大百貨公司母親節活動檔期!

1、 新光三越(三多) 4/1~5/8
2、 新光三越(左營) 4/7~5/8
2、 大統百貨(和平) 4/7~5/8
2、 統一阪急(夢時代) 4/7~4/20, 4/21~5/8
2、 FE21'遠百(大遠百) 4/7~4/20, 4/21~5/8
3、 太平洋SOGO 4/9~5/8
3、 大立百貨&大立精品 4/9~5/8
4、 漢神百貨 4/21~5/8
4、 漢神巨蛋 4/21~5/8

以上資訊來自iswii美妝新聞台



首先先介紹主角!就是它!迷死人不償命的小抱枕…
ANNA SUI今年的母親節禮品把品牌經典的粉紫色粉撲放大了!走魔女公主風造型的午安粉撲枕,人見人愛,只要帶回家絕對會引起眾人的艷羨目光。


2011-03-14

【紫色開箱】ANNA SUI登日15週年紀念專刊:附提袋&吊飾

前些日子在金石堂網路書店預購了一本《ANNA SUI登日15週年紀念專刊:附提袋&吊飾》$447,預計3/17上市,這次完全是衝著包包而敗Orz。後來隔大約1個月,也在博客來看到促銷訊息,不過要$450。

『本特刊為紀念在日本正式登陸15周年並附贈豪華附錄的ANNA SUI品牌官方公式書!本特刊專訪設計師ANNA SUI安娜蘇本人並參觀其私人寓所以及本季新作商品情報,敬請鎖定本誌的精采內容。』金石堂。

『以黑色×紫色為主題的ANNA SUI特製提袋上繡有刺繡LOGO,外圍佐以薔薇花圈及蝴蝶圖案,袋口部分則設計為創新的束口袋形式,並附上古銅色的蝴蝶吊飾,更添高級質感。』博客來。

包包尺寸:約為W400×H290×D120mm
吊飾尺寸:約為W45×H41mm


2011-03-03

【紫色筆記】Photoshop如何新增筆刷

身為一位設計工作者,可能會覺得Photoshop內建的筆刷不夠看,這時我們可以選擇到網路上下載免費的筆刷來用!


http://fbrushes.com/


這個網站不僅提供了千款免費的 Photoshop 筆刷(Brushes),還有圖樣(Patterns)和紋理素材(Textures)供我們下載,是個不錯的網站!

那我下載後要怎麼把筆刷新增到Photoshop的筆刷庫呢?本次以新增雪花筆刷為例。

2011-02-14

【紫色食譜】情人節巧克力杏仁餅乾

了替慶祝25歲生日情人節
在網路上找到了「用心做點心」這篇文章與影片…
並去烘焙材料行買了近$1200元的材料來做巧克力餅乾…