Firefoxのデザインをお好みのテーマに変更

 FirefoxLogo   @ Firefoxペルソナギャラリーで一般公開して いるテーマの中からお好みのテーマを選択してFirefoxの外観を変更 
A Firefoxアドオンのペルソナをインストール して自分で作成したオリジナルテーマにFirefoxの外観を変更 
B Firefoxアドオン「NASA Night Launch」をインストールしてツールバー、ステータスバー、サイドバーのスタイルを変更 
C 「APNG Edit」を使ってオリジナルのPNGアニメを作成してFirefoxのテーマに動きを与える 

 Home Back Next ペルソナギャラリー NASA Night Launch PNGアニメ
Google検索
カスタム検索

〜INDEX〜

■ Firefoxの背景画像をオリジナルテーマに変更

■ Personas Plus 1.5.3 のインストール

■ Personas Plus 1.4 のインストール

■ オリジナルテーマの作成

■ GIFアニメ形式ファイルの適用

■ PNGアニメの作り方

■ Personas の設定


FirefoxLogo

 Firefox ブラウザの入手先
 Download http://mozilla.jp/firefox/


注意Personasでテーマがうまく適用されない!

   Personas Plusのバージョンを下げると
    うまく適用される可能性があります。


List01 GIFアニメ形式のファイルも適用可能

   GIFアニメ形式のファイルもテーマとして
    適用されアニメも問題なく動きました。


List01 PNGアニメの作り方

   
PNGアニメが簡単に作れます

   Firefoxアドオンの
「APNG Edit」を使えば
    PNGアニメを作成できます。

    「Personas ギャラリー」に公開する場合
    ファイル形式がPNG もしくは JPEG と
    なっていますので動きがあるテーマを
    「Personas ギャラリー」に公開したい方
    は是非ためしてみて下さい。

   APNG Edit インストール 使い方



〜 ショートカット 〜

 公開されているテーマで外観変更
  ペルソナギャラリー

 テーマを自分で作って外観変更
  オリジナルテーマ

 ツールバー、サイドバーなどのスタイル変更
  NASA Night Launch

 PNG アニメをテーマに適用
  PNGアニメ









AmazonでPCソフトを検索  Amazon







  • Firefoxアドオンのペルソナをインストール してFireoxの背景画像を自分で作成したオリジナルテーマに変更


     自分で作成したテーマをFirefoxに適用した状態
     オリジナルテーマ適用


     
FirefoxのテーマにはPNGアニメやGIFアニメ形式の動画の適用も可能です。
     オリジナルテーマGIFアニメ

  • ※この画像ファイルはFirefoxのテーマに「PNGアニメ」を適用させた状態キャプチャしたものでPNGアニメ形式の画像ではありません。

     オリジナルテーマPNGアニメ
  • 「APNG Editor」で作成したPNGアニメ画像
    ※PNGアニメがサポートされてないブラウザですと静止画像として表示されます。

      List01 Firefoxテーマ用「PNGアニメ」の作り方はこちら > > PNGアニメ作成



     ペルソナ1.5.3

      
  • テーマが適用されない.....!  Firefox 3.6.3ではPersonas Plus 1.5.3はうまく連携出来ない?


    「Personas Plusを入手」ボタンをクリックし正常にインストールはされたですが....
    Firefoxのバージョンとの相性か「Personas Plus」自体のバグ、インストール済みアドインとの競合、パソコン自身の環境....?
    よくわかりませんが2010年05月22日現在の最新ハ゛ーシ゛ョン「Firefox 3.6.3」と「Personas Plus 1.5.3」の組み合わせではうまく動作しないケースがあるようです。
    (新しいテーマを適用しても元に戻ってしまう)

    いろいろ試した結果、私のパソコン環境では
    Personas Plus 1.4にバージョンを下げることによりうまくテーマの適用が出きましので今回は「Personas Plus 1.4」をインストールしてテーマの変更を行っていきます。



         「Persona Plus 1.4」のダウンロードサイト >>  Download https://addons.mozilla.org/ja/firefox/addons/versions/10900
  • 「Add-ons for Firefox Personas Plus のバージョン履歴」のサイトよりバージョン1.4の 『 + Firefoxへ追加 』 ボタンをクリック
     ペルソナ1.4
          ↓
  • 『 今すぐインストール 』 ボタンをクリック
     ペルソナ1.4Set1
          ↓
  • インストールが開始されます。
     ペルソナ1.4Set2
          ↓
  • インストールが完了すると「Firefox」の再起動を求めてくるので「Firefoxを再起動」ボタンをクリックしてFirefoxを再起動する。
     ペルソナ1.4Set3
          ↓
  • 再起動すると上図の画面が出てきて「新しいアドオンを1個インストールしました」のメッセージが表示されているはずです。これで「Personas Plus」のインストールは完了です。
     ペルソナ1.4Set4

     注意 
旧バージョンをインストールしたため自動更新により新しいバージョンのインストールの案内が表示されますが更新しないようにして下さい。


   
  • Firefoxヘッター用テーマ画像

  • ヘッター用画像の仕様   画像サイズ:幅 3000 x 高さ 200 ピクセル   ファイル形式:PNG もしくは JPEG ファイル形式
     Hed1
  • ↑..HP表示用に縦:横の比率を変えてあります。 Firefoxに適用できるファイルは..↓の画像
  • ・・・ 今回作成したヘッター用テーマ画像  ファイル形式:PNG ファイル 画像サイズ:幅3000 x 高さ200ピクセル
     Hed2
     
  • Firefoxテーマフッター用画像
  • フッター用画像の仕様   画像サイズ:幅 3000 x 高さ 100 ピクセル    ファイル形式:PNG もしくは JPEG ファイル形式
     Btm1
  • ↑..HP表示用に縦:横の比率を変えてあります。 Firefoxに適用できるファイルは..↓の画像

    ・・・ 今回作成したフッター用テーマ画像  ファイル形式:PNG ファイル 画像サイズ:幅3000 x 高さ100ピクセル
     Btm2
       
  • 今回は背景色にグラデーションをかけて「Firefox」のロゴを貼り付けただけのテーマ画像ですが、家族の写真、ペットの写真、お気に入りのキャラクターなどを画像に取り込んでオリジナルのテーマを作成してみて下さい。
       


   
  • Personas ギャラリーのサイトの説明ではテーマ画像の条件として 『 PNG もしくは JPEG ファイル形式 』となっていますがGIFアニメ形式のファイルでもうまく適用されるみたいです。
    ペルソナギャラリーへの公開は出来ませんが個人で使用する場合はGIFアニメ形式でも問題ないようです。
  • テストに使用したGIFアニメ
    ファイル形式:GIF アニメファイル 画像サイズ:幅 3000 x 高さ 200ピクセル
     HedGif
        
  • GIFアニメを適用させた状態....特にエラーらしき現象は確認されませんでした
     FirefoxGif



   
  • 念のためFirefox テーマ用 『 PNGアニメ 』 の作り方も紹介しておきます。
    Firefoxアドオンの 『 APNG Edit 』 を使えばPNGアニメを簡単に作成できます。

    PNGアニメはGIFアニメよりも画像が鮮明な上にファイルサイズも小さく出来ます。

  • 「APNG Edit 1.5」を使用して作成したPNGアニメファイル 画像サイズ:幅 3000 x 高さ 200ピクセル
     PngアニメHed
  • 「PNGアニメ」はまだ一部 のブラウザでしかサポートされていません。 サポートされていないブラウザでは静止画像として表示されます。
    「Firefox 3.6.3」 「Opera 10.53」でのアニメーション表現が確認できました。


     「APNG Edit 1.5」のダウンロードサイト >> Download  https://addons.mozilla.org/ja/firefox/addon/5519/

     「APNG Edit」のインストール方法と使い方はこちら  >> PNGアニメ作成


   
  • 「Personas Plus」がインストールされると「Firefox」の画面左下にアイコンが追加されます
  • 画面左下のアイコンをクリックすろと「Personas」の設定メニューが表示されます。
     ペルソナ設定1
          ↓
  • 画面左下の「Personas」アイコンより「カスタムペルソナ」→「編集」と進み「カスタムペルソナ」の設定画面を開きます。
     ペルソナ設定2      
  • 画面上のメニューより「ツール」→「Personas」→「カスタムペルソナ」→「編集」でも同様に設定画面を開く事ができます。
     ペルソナ設定3
          ↓
     
  • 「カスタムペルソナ」設定画面
  • ヘッター、フッターの画像ファイルの設定   『 参照ボタン... 』 をクリックして保存しておいた画像ファイルを選択
     ペルソナ設定4
          ↓
  • テキスト表示用の色を設定
    テキスト表示色の枠をクリックすると色選択ボックスが現れるので好みの色を選択
     ペルソナ設定5
          ↓
  • 最後に「OK」をクリックして設定した内容を適用させます。
    ペルソナ設定6

   
 Home PageTop Back Next ペルソナギャラリー NASA Night Launch PNGアニメ
inserted by FC2 system