別に2カラム原理主義者というわけではないのですが、カラム変更オプションが無くなったのでついカッとなって書いてみました。
適用前、適用後
適用前適用後
解説
Firefox向けで、ユーザースタイルシートの適用は「Stylish」拡張をインストールすると便利です。
2カラムにするだけではなく、個人的にほとんど使わない機能へのナビゲーションまで削除しちゃってるので、ちょっと注意が必要です。リニューアル後のmixiのHTMLはid名とclass名が変態的なまでにきっちり設定されているのでCSSがわかる方はソース眺めつつ調整してください。ユーザースタイルシートの内容は以下の通り
- 調整
全体の横幅 750px化 - 全体を中央揃え
- フッターリンク左右の余白調整
非表示
- 右カラム全部
- ロゴ
- バナー広告
- ヘッダの背景
- 動画・フォト・miklyボタン
- プルダウンメニューボタン
- 検索フォーム
- 最新情報ヘッダ
ユーザースタイルシート
@namespace url(http://www.w3.org/1999/xhtml);コピペしてお使いいただくか、Stylishがインストール済みの場合はuserstyles.orgからワンクリックでインストールできます。調整はお好みでどうぞ。
@-moz-document domain("mixi.jp") {
/* 全体を中央揃え */
body { margin:0 auto !important }
body { width:750px !important }
/* ロゴ非表示 */
h1 { display:none }
/* 広告バナー非表示 */
p.adBanner { display:none !important }
/* 右カラム非表示 */
#bodySub { display:none }
/* ヘッダの背景を透過色に */
#headerArea { background:transparent !important }
/* ヘッダエリアの幅調整 */
#headerArea { width:750px !important }
/* ヘッダの高さを自動に */
#headerArea { height:auto !important }
/* 本文エリアの幅調整 */
#bodyArea { width:750px !important }
/* グローバルナビゲーションの幅調整 */
#globalNavigation { width:750px !important }
/* グローバルナビゲーションのmikly・動画・フォトボタン非表示 */
#globalNavigation ul.contentsNavigation li.mikly { display:none !important }
#globalNavigation ul.contentsNavigation li.movie { display:none !important }
#globalNavigation ul.contentsNavigation li.photo { display:none !important }
/* ヘルプ・ログアウトボタン非表示(disabled) */
/* #globalNavigation ul.utilityNavigation li.help { display:none } */
/* ローカルナビゲーションの幅調整 */
#localNavigation { width:750px !important }
/* ローカルナビゲーションのレビュー・ミュージックボタン非表示 */
#localNavigation li.review { display:none }
#localNavigation li.music { display:none }
/* ローカルナビゲーションのプルダウンボタン非表示 */
#diaryPullDownButton { display:none !important }
#videoPullDownButton { display:none !important }
#photoPullDownButton { display:none !important }
/* フッター幅調整 */
#footerArea { width:750px !important }
/* フッターナビゲーションマージン調整 */
#footerArea ul.footerNavigation01 li { margin:0 2px !important }
/* 検索フォーム非表示 */
div.searchForm01{ display:none }
/* 「最新情報」ヘッダの非表示 */
#mymixiUpdate div.heading01 { display:none }
}
/* コミュニティページ専用スタイル */
@-moz-document url-prefix("http://mixi.jp/view_community.pl") {
/* 入退会ボタンを表示 */
#localNavigation li.music { display:inline !important }
}
更新履歴
- 2007-10-01 フッター全部消してしまうと規約リンクまで消えてしまうことに配慮していなかったので、幅調整に変更しました。
- 2007-10-01 ヘッダ領域に余白ができることがあったのでヘッダの高さを自動にしてみました。
- 2007-10-01 横スクロールバーが出ないようにいろいろ幅調整しました。
- 2007-10-01 フッターナビゲーションが１行におさまるように余白を調整しました。
- 2007-10-02 日記・動画・フォトのプルダウンメニューを開くボタンを消しました。
- 2007-10-02 ヘルプとログアウトボタンを元に戻しました（さすがにログアウトは使いますよね）。
- 2007-10-02 最上位の動画・フォトボタンを消しました。
- 2007-10-02 ナビゲーションが縮んだのでさらに15px削って幅を750pxにしました。
- 2007-10-02 userstyles.orgに投稿しました。
- 2007-10-02 どこかで拝見した中央揃えのアイデアがすごくよかったので取り入れさせていただきました。
- 2007-10-06 コミュニティページの入退会ボタンを表示するようにしました。
非表示の基準
「幅が広がったためになんとなく置かれたんじゃないか」系のリンクから非表示にしました。最上位ナビゲーションにあったリンクはフッターには残ってますのでそちらからどうぞ。
64 Comments