ブログのヒント: Firefoxで空白のページ：その約ボーリングスパイスアップ

2012年3月19日月曜日

Firefoxで空白のページ：その約ボーリングスパイスアップ

Firefoxの空白タブのページでは、単なる白い退屈なことではない - 今まで。 Firefox用のスタイリッシュな拡張機能を使用して、我々は、ページのカスタムスタイルを設定し、さらにそれが本当に偉大に見えるようにスタイルに画像を埋め込むことができます。

あなたが野心的な感じている場合は、簡単に独自のスタイルを作成できる、または既にUserStylesの人々が作成したスタイルのいくつかをざっとみてみるとさらにダウンスキップすることができます、そのうちのいくつかは本当に甘いです。

独自のスタイルを作成する

私はあなたが持っていると仮定します Stylish Firefoxの拡張機能がすでにインストールされて、そう、ステータスバーのアイコンをクリックしてスタイルを書いて選択し、[空白スタイル。

あなたのスタイルの説明を付けて、私は下に提供したテキストに貼り付けます。これは、中央に画像と空白のページを行います...

@namespace url(http://www.w3.org/1999/xhtml);
@の- moz -ドキュメントのURL（"約：空白"）{

* {
background:
URL（"データ：image / pngで、base64で、INSERT HERE BASE64でエンコードされたイメージ"）;
margin:0px;
background-position:center;
background-attachment:fixed;
background-repeat:no-repeat;
}
}

スタイルにイメージを挿入するには、2つの選択肢があります。

あなたが直接これでCSSのurl（）の行を置き換えることによって、サーバー上でホストされている画像へのリンクを挿入できます。
url(http://www.server.com/link_to_image.png);
あなたは、base64ではなく、そうそれはほとんどの人々のための最良の選択肢であるスタイルシート、に埋め込まれているテキストに画像をエンコードすることができます。どのようにこれを行うのですか？私が見つけたこれを含め、これを処理するWebベースのコンバータに任意の数があります。 Base64のエンコーダ/トランスレータへのバイナリファイル - greywyvern.com

ちょうど示されているスタイルシートに変換されたテキストをコピーし、しても正しく動作します。画像がPNG形式ではない場合は、正しいタイプを反映する画像/ pngの行を変更する必要があります。（コンバーターのほとんどはあなたに正しいフォーマットを与える）。

ユーザー作成のカスタムスタイルをダウンロードしてください