mixi リニューアルに合わせて userContent.css 書き換え

mixiのデザインが 2008.07.07リニューアルした。

mixi運営事務局です。
本日、トップページ（home.pl）のリニューアルをおこないましたのでお知らせいたします。
今回のリニューアルは、ユーザーの皆さまが mixi 内で円滑にコミュニケーションができるよう、分かりやすく簡単に使える操作画面になるように改善をおこないました。
[mixi] 新機能リリース・障害のご報告

かなり弄ってあったのだが、おかげでガタガタになってしまった。
独自CSSをやめればいいわけだが、いまさら巨大TOP画像や広告や不必要な３カラム目は見たくない。


◆以前のスタイル　⇒　ｍｉｘｉ　#globalNavigation - オープンメモ帳



◆2008.07.07リニューアルスタイル




仕方がないので、改めて独自CSSを書き直した。
ちなみにデザイン変更はFirefoxの userContent.css を使用している。

※ userContent.css について 　　設定ファイルの編集 　　userContent.css - Google 検索

◆今回の変更後スタイル


□変更点
　・幅 725px 固定
　・上部の巨大TOP画像やら広告やら全部まとめて削除
　・上部メニュー関連を大幅削減　（下記の項目を削減）
　　　１．（右端）「ヘルプ」「ログアウト」
　　　２．（右端）「ミュージック」「ニュース」「サービス一覧」
　　　３．「コミュニティ」「友人を探す」「友人を招待」「検索窓」
　　　４．「日記」「フォト」「動画」「レビュー」「ミュージック」
　　　５．（コミュニティページの）「トピック」「イベント」「アンケート」「レビュー」
　・上部メニュー関連を一列表示に
　・２カラム化維持
　・プロフィール管理/見る　ボタン削除（TOPページ）
　・マイミク一覧画像削除
　・参加コミュニティ画像削除
　・マイミクシィ更新情報の画像削除
　・mobileInfo削除
　・右下「このページの上部へ」リンク削除
　・フッターナビゲーションの１行目削除
　・最下部の広告削除（日記ページ / コミュニティページ）


◆userContent.css

@charset "utf-8"; @-moz-document domain("mixi.jp") { #headerArea { width:725px !important; background:transparent !important; height:auto !important; } h1 { display:none !important } #bodySub { display:none !important } .adBanner { display:none !important } .serviceNavigation { display:none !important } .headerSearch { display:none !important } .utilityNavigation01 { display:none !important } .globalNavigation01 { float:left !important; position: absolute !important; width:auto !important; height:18px !important; margin-left:5px !important; margin-top:-10px !important; } .globalNavigation01 .community { display:none !important } .globalNavigation01 .friendSearch { display:none !important } .globalNavigation01 .friendInvite { display:none !important } .personalNavigation01 { width:auto !important; position: absolute !important; margin-left:65px !important; margin-top: -12px !important; } .personalNavigation01 .diary { display:none !important } .personalNavigation01 .photo { display:none !important } .personalNavigation01 .video { display:none !important } .personalNavigation01 .review { display:none !important } .personalNavigation01 .music { display:none !important } #bodyMainArea { margin-top:15px !important } .myProfileNavi01 { display:none !important } .iconListTable { display:none !important } .searchLink01 { display:none !important } .mobileInfo01 { display:none !important } #newUpdate .image { display:none !important } #footerArea { width:725px !important } .pagetop { display:none !important } .footerNavigation01 { display:none !important } .bottomSpaceAd { display:none !important } .messageAreaAd01 { display:none !important } #topic { display:none !important } #event { display:none !important } #enquete { display:none !important } #review { display:none !important } .contentsMatchAd01 { display:none !important } }

※userContent.css←右クリックで保存でもOK

---

[mixi]
新 mixi を２カラム化する - オープンメモ帳
新mixiのデザインを弄り倒す - オープンメモ帳
mixi　広告復活してたので再消去 - オープンメモ帳
ｍｉｘｉ　#globalNavigation - オープンメモ帳