私は、Google Readerを使っています。
…
これは、どうもすみません（笑）。
冗談はさておき、日本において最も人気のあるWeb型のRSSリーダーは、Livedoor Readerだと思います。これをより使いやすくするためのCSSを書いてみたので、興味のある人は是非見てください。
Livedoor Readerを使っていない人も、このCSSを試してみてくださいね。それで、この記事をきっかけにLivedoor Readerを気に入ってくれるようになってくれたら非常に嬉しいですね。
（続きはこちら）
［作ろうと思った動機］
はっきり言って、自分用にこのCSSを作ったのではありません。
なぜなら、先ほど述べたように、私は、Google Readerユーザーだからです。
ではなぜこれを作ったのかというと、
（１）このブログを購読してくださっている方の最も多いWeb型のRSSリーダーは、Livedoor Readerである
（２）私のミスで、TB企画の投稿時間を一年後としてしまったため、いまだにLivedoor Readerのトップはその記事である（すみません）
（３）Google Readerを使っているが、国産のLivedoorにも頑張って欲しい
これらが主な理由ですかね。
［このCSS作成時のポリシー］
（１）スクリプトを使ったら負けかなと思っている
スクリプトを使えば、もっと楽にできそうな気もしますが、あえて、すべてCSSで作りました。
ぶっちゃけ、Greasemonkey、User.js、SeaHorseのスクリプトを別々に作るのが面倒なだけだったりして…
（２）ただ単純に消すのは負けかなと思っている
これを作るのに、のべ３日かかったのですが、ただ消すだけなら10分でできます。これを極力各要素を残すようにして作ることにしました。
いや、むしろそれでも十分だったのかもね（笑）。
［残念だった点］
（１）もっと早くできていれば…
ここ数日に急激にLivedoor Readerの購読者が５人ほど増えたのですが（たぶん、お試し登録）、彼らがこのテーマがとてつもなく広く、カオスな内容のブログに耐えきれずにログアウトしてしまいました（笑）。
（さすがに3つのブラウザ関連のブログは、初めての人にはきついかな？）
これがもっと早くできていれば、これを知らせることができたのにね。
（これを耐えてみせるってのがブラウザツウってもんだぜ!?）
そういう意味では、みなさんはとても辛抱強いですよね（笑）。
自分のひいきなブラウザはともかく、それ以外のブラウザのネタがたくさんあるというのに…
本当にどうもありがとうございます。
（２）Sleipnirでの動作がイマイチ
Sleipnirでも使えるように作ったつもりなのですが、どうやらSleipnirでは「z-index」が上手く作用してくれないっぽい。一応使えるけど、完全な形ではないのが残念です。
誰か詳しい人、教えてください。
※まあ、Sleipnirには、Headline-Readerがあるからいいかな。
（３）疲れた…
目が痛い…腰も痛い…
前置きはこのくらいにして、さっそく適用したらどうなるのかを見ていきましょう。
※このCSSは、Firefoxを念頭に作りました。このスクリーンショットは、Firefoxのものです。
�ヾ靄榲�なシーン
こんな感じで、いらないものを省いてみました。
要素で省いたときに、みなさんが必要かなと思っているようなものは、極力他の場所へと移動させて、それを残すように心掛けたつもりです。
ただ、検索ボックスが…
他に置くところがないよ（笑）。
※サイドバーを上げてそこに配置してもよかったかな。
�▲泪Ε好�ーバーした際のシーン
Headerにあるみなさんがたまに使うような設定部分は、マウスオーバーしたときに出るようにしてみました。私のアイディアではないですが、これはアイディア賞ですね。
ただ、これを作るのが一番しんどかった…
�０�用部分のシーン
おまけとして、引用部分を新たに目立たさせ、また、記事のフォルダで「フラット」が見にくかったのでちょこっと修正してみました（上の二つの写真を見てください）。
※写真は、みなさんも知っていて、私のよく読まさせていただいている「えむもじら」さんのスクリーンショットを使用させていただきました。
もし、levelさんから問題があるとご指摘を受けたときは、迅速に他のものに変えさせていただきます。
［ソース］：できるだけ、いじりやすいように、必要以上に丁寧に説明してみました。
/*Name: Livedoor Reader Advanced Stlyle (LDR_Advance) Ver 1.00
* Author : Xenophias (Xeno) (,,･｀ω･)
* Date : 2007.8.26.(SUN)
* Website : http://browserjs.blog102.fc2.com/blog-entry-329.html
* Description : Modifies LDR (http://reader.livedoor.com/reader/)
* Note : For Livedoor Reader User
*/
/* 記事の書式の変更 */
body{
font-size : 14px !important;
line-height : 1.6 !important;
}
/* 上から順に変更していきます */
/* 1.header部分を消す */
#header{
display : none !important;
}
/* 2.次はmenu部分へ移ります */
/* logo部分を消す */
#reader_logo{
display : none !important;
}
/* カワイイあのキャラクターを移動させます（名前はなんていうんだ？） */
#message_box{
position : absolute !important;
top : 0px !important;
left: 480px !important;
z-index: 2 !important;
}
/* menu部分のリンクの処理 */
#my_menu{
position : absolute !important;
left : 0px !important;
top : 1px !important;
overflow : hidden !important;
z-index : 3 !important;
font-size : 16px !important;
line-height : 22px !important;
padding: 0 !important;
height: 0px !important;
width: 100%;
color: #000000 !important;
background-image: url(http://image.livedoor.com/img/top/11/title_bg_normal.gif) !important;
border-bottom: 1px solid #999 !important ;
}
#my_menu b {
margin : 0 0 0 0 !important;
color : #333 !important;
}
#my_menu a {
margin : 0 5px !important;
}
#my_menu:hover {
height : auto !important;
overflow : visible !important;
}
/* 未読カウンターを移動させます */
#total_unread_count{
position : absolute !important;
top : 5px !important;
right: 80px !important;
z-index: 2 !important;
}
/* 移動先のスペースを空けます */
#ads_top{
display : none !important;
}
/* Control部分とContainer部分を移動させます */
#control{
position : absolute !important;
top : 2px !important;
}
#container{
position : absolute !important;
top : 30px !important;
padding-bottom: 0 !important;
}
/* フッター部分を消します */
#footer,#ads_bottom {
display : none !important;
}
/* おまけ1：フラットカテゴリーが見にくいのでちょっと調整 */
.flat .treeitem {
height : auto !important;
}
/* おまけ2：引用部分も見にくいので、枠で囲んでみる */
blockquote {
background-color : #F8F8F8 !important;
margin : 9px !important;
padding : 9px !important;
border : 2px solid #000000 !important;
}
□ダウンロード ：Firefox用 LDR_ADVANCE_4Fx.css
※FirefoxのStylish用のcssです（別にStylishでなくてもいいけど（笑））。
□ダウンロード：LDR_ADVANCE.css
※Opera用のcssです（Sleipnirな方で試してみたい人もこっち）。
Operaでもちょっと意図しているのと違うことがあるんだよな。
気になる方はご自分で直してみてください。
※分かっていると思うけど、Operaで使う際は、ERAを外しておいてくださいね。
Sleipnirでのご使用の方は下の関連を参考に導入してください。
Sleipnirの方で、スクリプト：User Style Sheetを使う場合は、URLはhttp://reader.livedoor.com/reader/*なんかにしておくといいと思います。
IEの動作確認は？
「IEって何それ？それっておいしいの？」
［最後に］
このCSSはどうでしたか？気に入っていただけましたでしょうか？
とてもみなさんの反応が知りたいので（今後のこともあるし）、
「コメントや、はてブ、クリップ、del.icio.usで反応を見せて欲しいんだぜ!?」
どうかよろしくお願いします。
さて、次は何を作ろうかな〜。でも、当分CSSはいいや（笑）。
関連記事
１．Browser.js [CSS 1] YouTube CSS
２．Browser.js [CSS 2] ニコニコ動画 CSS 1
追記：
CSSの説明で、ヘッダーとフッターを間違えてしまいました。
動作には関係ないので、（直すのも面倒だし）CSSはそのままにしておきます。
気になる方は直してね。
各種ソーシャルブックマーク：
|
|
;