mixi アプリ導入に伴うサイトデザイン変更を変更する

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

本日、新サービス「mixiアプリ」をパソコン版のmixiでリリースいたしました。
「mixiアプリ」は、マイミクと一緒に遊べるゲームや便利な共有ツールなど、様々な機能（アプリ）を自由に追加できる新しいサービスです。
[mixi] 運営者からのお知らせ

それに伴いデザイン変更されたのは下記の通り。

[mixiアプリトップページの追加]
[マイアプリの追加]
　　ホームの左列、プロフィール画像の下に「マイアプリ」（登録したアプリの
　　リスト）が表示されます。
[アプリ更新情報の追加]
　　ホームの中央列に「マイミクのアプリ更新情報」が追加されます。
[その他の変更点について]
　・サイト全体の表示位置の変更
　　　mixiサイト全体の表示が、画面の左揃えから中央揃えに変更されます。
　・お知らせ枠の表示の変更
　　今後はお知らせがあるときのみ表示されるようになります。
　・ページ上部のナビゲーションボタンの変更
　　mixiのページ上部にあるナビゲーションボタンに「アプリ」ボタンが追加。
　　検索ボックス上部の「ニュース」「ミュージック」がなくなります。



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


◆以前のスタイル　⇒　オープンメモ帳


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




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

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

◆今回の変更後スタイル


□変更点
　・あらゆる「mixiアプリ」関連個所をバッサリ削除
　　　マイアプリの削除
　　　アプリ更新情報の削除
　・画面を中央揃えから左揃えに　　　
　・ついでにあらゆる新規広告コーナーもバッサリ削除


◆userContent.css

@charset "utf-8"; @-moz-document domain("mixi.jp") { #headerArea { width:725px !important; background:transparent !important; height:100 !important; } .headerNavigationRight { display:none !important } .adBanner { display:none !important } .exNavi { display:none !important } .logout { display:none !important } #bodyArea { width:725px !important; background:transparent !important; height:auto !important; padding-top: 0px !important; } #page { width:725px !important; float:left !important; background:transparent !important; height:auto !important; margin-left:5px !important; } h1 { display:none !important } #bodySub { display:none !important } .serviceNavigation { display:none !important } .headerSearch { display:none !important } .utilityNavigation01 { display:none !important } .globalNavigation01 { display:none !important } .personalNavigation01 { width:auto !important; position: absolute !important; margin-top: -35px !important; margin-left:120px !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 } .myProfileNavi01 { display:none !important } .iconListTable { display:none !important } .searchLink01 { display:none !important } .mobileInfo01 { display:none !important } #newUpdate .image { display:none !important } .myAppli { display:none !important } #appliUpdate { display:none !important } #footerArea { width:725px !important } .pagetop { display:none !important } .footerNavigation02 { display:none !important } .bottomSpaceAd { display:none !important } .messageAreaAd01 { display:none !important } #impAswfid { display:none !important } #topic { display:none !important } #event { display:none !important } #enquete { display:none !important } #review { display:none !important } .contentsMatchAd01 { display:none !important } .navigationBt { display:none !important } .footerAreaJack { display:none !important } .adImpactFooter { display:none !important } }

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

---

[mixi]
新 mixi を２カラム化する - オープンメモ帳
新mixiのデザインを弄り倒す - オープンメモ帳
mixi　広告復活してたので再消去 - オープンメモ帳
ｍｉｘｉ　#globalNavigation - オープンメモ帳
mixi リニューアルに合わせて userContent.css 書き換え - オープンメモ帳