mixiの新デザインをHackしてみる

mixiのデザインをHackして見やすくする裏技

10月1日からmixiのデザインが一新されました
今まで２列と３列とでデザインを選択して設定できてましたが、
リニューアルにより２列デザインはなくなった模様

個人的にちょっとイヤんな感じなので、
FirefoxのuserContent.cssを利用してデザインを修正してみました
ついでにロゴ・広告を一掃し、やけに開いた行間も修正してみます

1. 以下のコードをuserContent.cssって名前で保存

@-moz-document domain(mixi.jp){
*{
    line-height: 1.5em !important;
}
body{
    background-color: #FBFBFB !important;
}
#adBanner,.adBanner,.prContents,.diaryBottomAd,.sponsorList01,.messageAreaAd,#footprintjack,#footprintjack02,#bodySub,#pagetop{
    display: none !important;
}
}

2. 保存したファイルを以下のフォルダに移動
   元からファイルがある場合は、元ファイルをメモ帳で開いてコードを追記する

vista
C:\Users\*****\AppData\Roaming\Mozilla\Firefox\Profiles\*****\chrome
xp
C:\Documents and Settings\*****\AppData\Mozilla\Firefox\Profiles\********\chrome

3. Firefoxを再起動

横スクロールバーも消したい場合は、以下のコードを使ってください

@-moz-document domain(mixi.jp){
*{
    line-height: 1.5em !important;
}
body{
    background-color: #FBFBFB !important;
}
scrollbar[orient="horizontal"] {
    display: none !important;
}
#adBanner,.adBanner,.prContents,.diaryBottomAd,.sponsorList01,.messageAreaAd,#footprintjack,#footprintjack02,#bodySub,#pagetop{
    display: none !important;
}
} 

10/02 23:10 追記
あちこちでより良いユーザースタイルシートが公開されています
エントリをまとめてリンクしてみます

Firefox用
http://blog.gragre.com/?eid=304947
http://www.yamawaki3.com/blog/blosxom.cgi/etc/20071002_1.htm
http://www.akiyan.com/blog/archives/2007/10/mixi2765px.html

Sleipnir用
http://d.hatena.ne.jp/ksmemo/20071001/p1
http://d.hatena.ne.jp/shao1555/20071001/1191220850