Home > ライフハック | css | mixi | PC > mixiの新デザインをHackしてみる

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

mixi_firefox_re_design.jpg

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

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

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

  1. 以下のコードをuserContent.cssって名前で保存
  2. 
    @-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;
    }
    }
  3. 保存したファイルを以下のフォルダに移動
    元からファイルがある場合は、元ファイルをメモ帳で開いてコードを追記する
  4. vista
    C:\Users\*****\AppData\Roaming\Mozilla\Firefox\Profiles\*****\chrome
    xp
    C:\Documents and Settings\*****\AppData\Mozilla\Firefox\Profiles\********\chrome

  5. 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

関連記事

Comments:0

Comment Form
Remember personal info

Trackback+Pingback:3

TrackBack URL for this entry
http://anti.dmz-plus.com/2007/10/01/mixi-design-hack/trackback/
Listed below are links to weblogs that reference
mixiの新デザインをHackしてみる from anti.dmz-plus.com
Trackback from Tシャツ作家hiderinoが呟く 07-10-02 (火) 12:15

mixi新デザイン自己流Hack…

10月1日の新デザインへの移行でいきなり物議を醸しているmixi
特にwebデザインコミュニティではいろいろな意見が出ています。そこでブラウズにFireFoxを使 (more…)

Trackback from 「いろいろ感想文」 07-10-02 (火) 18:53

「ユーザスタイルシートで、mixiリニューアル画面の改造」(…

10月1日より、mixiがリニューアルされましたー。できる事がいっぱい増えたよーなのですが、元々mixiをフル活用してたわけではないワタクシにしてみたら、「んんー。ちょ (more…)

Trackback from TERAINFORMATION 07-10-06 (土) 22:56

mixiのデザイン変更に反響多数。一部ユーザーでは使えなかっ…

元ネタ:ミクシィデザイン変更で大混乱 ビスタもマックも使えない!(livedoor ニュース) 10月に入ってソーシャルネットワーキングサービス大手のmixi(ミクシ (more…)

Home > ライフハック | css | mixi | PC > mixiの新デザインをHackしてみる

最近の注目記事
  • N/A
キーワード
DELLのおすすめPC
デル株式会社
Feeds

Page Top