2010年9月26日

擁有自己的瀏覽器外觀 Firefox Personas 個性面板製作教學


這個功能實在太酷了太棒了,尤其在客戶面前Present與Demo時特別爽,一整個有自己的個性。不過官方好像沒有出中文的製作說明網頁,而且較為複雜,這麼好的東西一定要分享出來才對。

1. 下載Firefox
首先,你必須使用Firefox這個瀏覽器,而且是3.6版以上的,我個人使用過IE 8.0, Google Chrome與Firefox,目前是覺得Firefox最好用,而且還有IE Tab的外掛可以解決少數網頁只支援IE的問題,畢竟,Firefox快很多,很多網頁使用IE瀏覽器開啟,要等到東西都loading完了才會顯示,但 Firefox似乎是一邊開一邊下載,體驗上差很多,Firefox下載網址 :http://moztw.org/firefox/

2. 用網友設計的
如果沒有要使用自己的圖片,可以使用personas上大家上傳的樣式主題,選擇自己喜歡的樣式,按下Wear it便可套用。網頁連結:http://www.getpersonas.com/en-US/gallery/

3. 用自己自訂的
完全自訂自己的風格,首先要下載一個小外掛 Personas Plus ,檔案很小,裝好之後左下角或「工具」選項會多出一個小狐狸,如下圖:
 4.  按下小狐狸,選擇自訂Persona,然後編輯

如果沒有看到自訂Persona,是因為預設值不會把自訂Persona秀出來,在偏好設定裡勾選「在工具功能表中顯示自訂Persona」就可以了。

5. 選擇圖片與強調色彩
畫面上會看到可以放兩張圖以及選擇底色、文字色彩等等,如果是自己要用的,選擇電腦內的圖檔就可以了,如果選擇了網路上的圖片連結,就必須連著網路圖片才會顯現,使用較為凸顯的顏色表現一下差異。

6. 圖片官方建議(參考就好)
至於圖片的大小,官方網站的建議如下,而每台電腦的螢幕大小也不一樣,看起來感覺也不同,我則是認為調整到自己看起來好看就好:
  • 上方圖片大小官方建議 3000px(長) X 200px(高),檔案大小不要超過300K,圖片連結
  • 下方圖片大小官方建議 3000px(長) X 100px(高),檔案大小不要超國300K,圖片連結

  • 檔案格式為PNG或JPG。
7. 如果覺得自己做的不錯也沒有圖片違法的問題,也可以上傳分享給全球的愛好者啊。

另外,如果外掛了Personas Plus,不必連上Personas的網頁,就可以在左下角隨時選擇自己喜歡的樣式套用,很方便。

附上原始官方說明網頁(英文):http://www.getpersonas.com/en-US/demo_create

3 則留言:

  1. 話說回來,這種教學的文件,還是用PowerCam製作比較方便

    回覆刪除
  2. 這根本是....謝謝你阿!!!!!!!!

    回覆刪除
  3. 呵呵 八百年沒更新的東西了 有幫助就好啊~

    回覆刪除