StylishでユーザーCSSを楽しむ
Firefoxのアドオン、「Stylish」
このアドオンをFirefoxに追加すると、ユーザスタイルを簡単に作れたり、管理できたりするという優れもの。何をどうすればいいのかなどはhamashunさんちのロドリゲスさんとキャシーさんの解説が分かりやすかったです。
Stylishを使ったユーザーCSSの作り方
まず、アドオンを追加したらブラウザの一番下のバーにStylishのアイコンが出るのでそいつを右クリック。そうするとなんかいろいろ出てくる。とりあえず「スタイルを書く」を選択して適応範囲を選ぶ。
適応範囲を選択すると下記のようなウィンドウが出てくる。
上に画像に入ってるソースはウィンドウが出てきた時点で勝手に入ってるので、@-moz-document domain("hogehoge.jp") { } の{}の中にcssを書いていけばOK、なんだと思う。多分。 概要部分に適当に名前を入れてソースを書いたら、「プレビュー」ボタンでその場で書いたCSSの内容がページ上に反映される。
プレビューの具合を見ながらちょこちょこ修正したりして、いい感じになったら「保存」。
「保存」してから再度さっきのアイコンを右クリックするとそのページに反映されてるユーザーCSSにチェックが入ってるのが確認できる。
「スタイルの管理」では自分が入れてるユーザーCSSのオンオフの切替や編集、削除ができる。
で、ひっそりこんなん登録した。
上で書いたhamashunさんちのロドリゲスさんとキャシーさんの解説にもあるように、自分で作ったユーザーCSSを登録できるサイト「userstyles.org」というのがあるらしく、ひっそり勢いで投稿してみた。それがコレ↓
http://userstyles.org/styles/2514
今マイブームのnowaのマイページみたいなところの「新着記事&ナニシテル?」の部分をもう少し分かりやすくしたいなーという主旨。やってる事は単純に背景色をつけてるだけなんで、こんなレベルで投稿して許されるんだろうかとやや心配なのだが、何事も勢いで・・・。
おまけ
練習がてらにこのサイトをいじった結果のCSSさん。
とりあえず、ユーザーCSS楽しいです。
<< font-size:82% って何? | フォントサイズ問題のために100.01%を指定 >>
トラックバック
このエントリーのトラックバックURL:
http://redline.hippy.jp/cgi/mt/mt-tb.cgi/153