新井由己の仕事帖

2010年01月08日 (金)

mixiの新レイアウト対策 2010年1月のリニューアル

2007年10月、2008年7月に続いて、2010年1月にもデザインがリニューアルされました。ブログのようにデザインを変えられるようになりましたが、さらに白っぽい画面になり、あらためて独自CSSを書き直しました。

トップページの左列がずいぶん狭くなってしまいましたが、画像で幅が決まっているので、2列表示にこだわることはあきらめて、3列でデザインをまとめました。

これまで同様、ホームはmixiロゴから戻ってください。

【特徴】
従来のオレンジ色を主体としたデザイン
ミクコレを設定している人のページでもほぼ同じ
広告をすべて非表示に
ボイスとアプリを非表示に
mixiニュースに関連する日記を非表示に
「仲良し」関連の設定を非表示に


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

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

mixi-100106-3.jpg
コメント履歴の全体だけ、これまでの仕様と違うので、苦肉の策で下線を引いてみました。日付と題名の下線がズレるのが気になりますが……。


【01/11追記】

友人のページでも、ナビゲーションを含めてミクコレの設定に影響されないようになりました。

mixi-100106-5.jpg
このような設定でも、以下のように表示されます。

mixi-100106-6.jpg


CSSファイル[mixi-20100106.css]は以下に置いてあります。
ブラウザで文字化けしていたら、文字コードをS-JISにしてください。
http://www.yu-min.jp/archives/mixi-20100106.css

【06/05追記】

5月1日にカレンダーの仕様変更があり、ナビゲーションが変更されたので、ファイル名を新しくして全体を見直しました。

マイミクとコミュの表示を3×2にしました。
並びがズレるときは再読み込みしてください。
「最新のつぶやき」と「最新のフォト」をトップから削除しました。

mixi-100501.jpg


【08/12追記】

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

mixi-100812.jpg

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

mixi-100812b.jpg


新しい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

↑Top: 投稿者 あらい/遊民 | 日々のつぶやき
コメント
コメントする









名前、アドレスを登録しますか?






     Copyright 2006-2012 ARAI, Yoshimi All rights reserved.