mixiの表示を改造してみた。

ノンジャンル

昨日の日記を書いた後，「そうだ，ユーザCSSを使ったら良いんじゃね？」って事に思い至り，ちょっと試してみました。こんにちは，ゆかしです。


mixiを見やすくする(主観)ユーザスタイルシート。

ちと判りにくいですが，小さめのwindowサイズでも 横スクロールバーが出てきません。(横が720px位まで)
また，日記のフォントサイズを少し大きくしています。

どんなものか。

  • 日記のフォントサイズを大きく。
  • 右列のメニューを非表示。
  • 上部のロゴと広告を非表示。
  • 下部のメニューを非表示。
  • 日記の下部にある広告を非表示。
  • コメント投稿した時の広告を非表示。

使い方。

Operaの場合。
#headerArea, #bodyArea{
width:100% !important
}

h1, p.adBanner, #footerArea, #bodySub,.diaryBottomAd, .messageAreaAd{
display:none !important
}

#bodyMainAreaMain {
font-size:130%
}

上の記述を メモ帳などにコピペ。拡張子は.cssにして，適当なファイル名(例えばmixi.css)で保存。
mixiのサイトで右クリックし，『サイト設定の編集＞表示設定＞ユーザースタイルシート』で，保存したファイル(mixi.css)を指定すればオッケ。簡単。

Firefoxの場合。
@charset "utf-8";
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("mixi.jp") {

#headerArea, #bodyArea{
width:100% !important
}

h1, p.adBanner, #footerArea, #bodySub,.diaryBottomAd, .messageAreaAd{
display:none !important
}

#bodyMainAreaMain {
font-size:130%
}

}

上の記述を メモ帳などにコピペ。ファイル名を『userContent.css』にして保存。
保存場所は『C:\Documents and Settings\<ユーザ名>\Application Data\Mozilla\Firefox\profile\chrome』フォルダ。(winXPデフォルトの場合)

IEその他のブラウザの場合。

ごめん，それらのブラウザだと，サイト毎にユーザCSSを設定させる方法が判りません。

言い訳。

初めて作ったユーザCSSなので，記述方法とか間違っているかもしれません。詳しい人がいたら教えて頂ければ幸い。
またmixiのソースを眺めて 小一時間で書いたので，不具合があるやも。致命的なのがあったら治します。
あ，プレミアム会員ではないので，プレミアム用サイトでは検証していません。


続きの記事もあります。