2010年01月08日 (金)
mixiの新レイアウト対策 2010年1月のリニューアル
2007年10月、2008年7月に続いて、2010年1月にもデザインがリニューアルされました。ブログのようにデザインを変えられるようになりましたが、さらに白っぽい画面になり、あらためて独自CSSを書き直しました。
トップページの左列がずいぶん狭くなってしまいましたが、画像で幅が決まっているので、2列表示にこだわることはあきらめて、3列でデザインをまとめました。
これまで同様、ホームはmixiロゴから戻ってください。
【特徴】
従来のオレンジ色を主体としたデザイン
ミクコレを設定している人のページでもほぼ同じ
広告をすべて非表示に
ボイスとアプリを非表示に
mixiニュースに関連する日記を非表示に
「仲良し」関連の設定を非表示に

ローカルナビの色はけっきょく標準のシルバーにしましたが、ミクコレのデザイン設定をすることで該当するバーが使えます。ミクコレの設定をダンボールにするとオレンジ色(ちょっと濃い)になります。ナビゲーション以外、自分には見えなくなりますが、ほかの人から見るとダンボールデザインなので、好みで設定してください。

ほかの人のページでもローカルナビの色だけ設定されているミクコレの色になりますが、それ以外はどのページでも同じ印象にまとめました。

コメント履歴の全体だけ、これまでの仕様と違うので、苦肉の策で下線を引いてみました。日付と題名の下線がズレるのが気になりますが……。
【01/11追記】
友人のページでも、ナビゲーションを含めてミクコレの設定に影響されないようになりました。

このような設定でも、以下のように表示されます。

CSSファイル[mixi-20100106.css]は以下に置いてあります。
ブラウザで文字化けしていたら、文字コードをS-JISにしてください。
http://www.yu-min.jp/archives/mixi-20100106.css
【06/05追記】
5月1日にカレンダーの仕様変更があり、ナビゲーションが変更されたので、ファイル名を新しくして全体を見直しました。
マイミクとコミュの表示を3×2にしました。
並びがズレるときは再読み込みしてください。
「最新のつぶやき」と「最新のフォト」をトップから削除しました。

【08/12追記】
日記に「イイネ!」機能が追加されましたが、まったく不要なので非表示にしました。
あとボイスなどの新着表示がボタンになったので、ヘッダの上部に移動しました。

左列が長くなってバランスが悪かったので、
コミュニティ一覧を右側に移動しました。

新しいCSSファイル[mixi-20100501.css]は以下に置いてあります。
ブラウザで文字化けしていたら、文字コードをS-JISにしてください。
http://www.yu-min.jp/archives/mixi-20100501.css
※CSSファイルにどの部分か書いているので、自分が必要だと思う機能は適当に削除して使ってください。
[mixi] mixiリニューアル対策の部屋
http://mixi.jp/view_community.pl?id=2668301
※ブラウザごとの設定方法など、過去の記事も参考にしてください。
mixiの新レイアウトを考える/2007年10月03日
http://www.yu-min.jp/archives/2007/10/mixi.html
mixiの新レイアウト対策/2008年07月08日
http://www.yu-min.jp/archives/2008/07/mixi_1.html
