2012年6月8日金曜日

あなたのFirefoxサイドバーでGoogleリーダーのiPhone版を微調整

あなたがGoogle ReaderとFirefoxの両方の大ファンであれば、リーダーのGoogleのiPhone版がFirefoxのサイドバーに最適であることを知って、興味を持つだろう、といくつかの微調整で我々はそれが本当によくフィットすることができます。

我々は、ヘッダを削除するには、それをカスタマイズし、フォントトーンダウンして私たちのスタートページを選択し、さらに私たちは、このような素敵なクリーンなリストを与えるために抜粋を削除することができます。

FirefoxのサイドバーにGoogleリーダーのiPhone版を追加

あなたがしなければならないすべては、ブックマークバーの任意の場所を右クリックし、[新しいブックマーク]を選択、それに名前を与える(またはその空白のまま)、次のURLに置かれます。

http://www.google.com/reader/i/

あなたが"サイドバーにこのブックマークを読み込む"ためのチェックボックスをオンにし、作業が完了されていることを確認します。

これで、ブックマークをクリックすると、あなたはそれがサイドバーで開くことがわかります。

特定のタグ(またはページ)を開くためにブックマークに変更

最初の問題は、ブックマークがサブスクリプションの非常に多数の私のようなものにとっては悪いです、デフォルトですべてのアイテムビューに開くことです。私はデフォルトで選択された私の"お気に入り"タグで​​リーダーを開くことを好むので、これを調整する必要があります。

必要なタグにサイドバーに移動し、ページの空白領域で右クリックし、"ページ情報を表示"を選択

今すぐあなたがクリップボードにコピーできるそのページへの直接のURLを参照してくださいよ...

して、新しいブックマークの使用、または作成した既存のブックマークをカスタマイズする。

これで、ブックマークをクリックするたびに、あなたが表示したいと思いますページが表示されます。

アグリーブルーボーダーを削除します。

注:微調整の残りの部分はあなたが持っている必要があります スタイリッシュな拡張子 インストールされている、またはあなたのFirefoxのテーマディレクトリ内のuserContent.cssという名前のファイルを作成し、そこにコードを置くことができます。

何らかの理由で、Google Readerのロゴマークは、その周りにこの厄介な青の境界線を持っているが、我々は、迅速なスタイリッシュなスクリプトでそれを削除することができます。

スタイリッシュなアイコンをクリックし、選択するスタイルを記述し、ブランクスタイル。

スタイルにわかりやすい名前を付けて、以下のテキストを貼り付けます。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix(http://www.google.com/reader/i) {
。ロゴIMG {国境:0px重要;}
}

あなたはすぐに変更を確認するには、プレビューボタンをクリックすることができます。

全面ヘッダを削除します。

それが本当に必要ではないからだけではなく、境界線を変更するのではなく、、全体のヘッダー画像のセクションを削除することができます。代わりに、次のようにスタイリッシュなスクリプトを調整します。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix(http://www.google.com/reader/i) {
。ロゴ{表示:なし重要;}
}

[プレビュー]ボタンをクリックすると、新しい変更が表示されます...

フォントサイズを調整します。

iPhoneサイトが小さなタッチスクリーンディスプレイ用に最適化され、フォントはちょうど私の好みのための手段が大きすぎるので。我々は、フォントをやや小さくするためにスタイリッシュなスクリプトに次の行を追加することができます。

* {フォントサイズ:0.97em重要;}

あなたが一緒に従っている場合、完全なスクリプトは次のようになります。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix(http://www.google.com/reader/i) {
。ロゴ{表示:なし重要;}
* {フォントサイズ:0.97em重要;}
}

今、私たちは読みやすく、よりコンパクトなビューを、持っている:

見出しにリストを変更するだけで

あなたはリストビューでのポストの最初の数単語が表示されていることに気づくでしょう...個人的に私はむしろちょうど見出しを表示したい。あなたのスクリプトに以下を追加します。

span.item -スニペット{表示:なし重要;}
span.item - ソース - タイトル{フォントサイズ:0.9em重要!}

今、私たちは本当に便利なサイドバーのアプリケーションを持っている。

完全なスクリプト

ここでは、このスクリプトの最後のバージョンは、ロゴの削除されたバー、フォントサイズ小さく、無抜粋で、です。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.google.com/reader/i) {
。ロゴ{表示:なし重要;}
* {フォントサイズ:0.97em重要;}
span.item -スニペット{表示:なし重要;}
span.item - ソース - タイトル{フォントサイズ:0.9em重要!}
}

私はStylishのような大ファンだ、なぜこれが示してください。

0 件のコメント:

コメントを投稿