ニュースな待合室

mixiがサイトデザインをリニューアルしたのをきっかけに、デザインを変更するCSSが話題になっています。ただ、その多くは、ヘビーユーザ向けのものであり、2カラムになっていたり、動画やフォトなどの機能が使えなかったりと、初心者には使いづらいものばかりです。そこで、新デザインのコンセプトを活かしつつ、不具合を修正したCSSを紹介します。

主な変更点は以下の通りです。

1. トップページを始め、一部のページの行間やスペースを全面的に調整。
2. 大きなフォントを使ったときや、長いタイトルを表示させたときのエラーを一部修正。
3. 背景の色の変更。
4. ほとんどの広告を非表示。
5. あいたスペースに、一部のお知らせ機能や検索機能を移動。

全ての不具合がなくなったわけではありませんが、個人的には、広告がなくなった分、新デザイン導入前より使いやすくなっていると思います。

CSSの基礎知識があれば、機能別に選択することもできます。

使い方
1.
以下のファイルを右ボタンから「名前を付けて保存」し、自分のコンピュータに保存する。 （たとえば、マイドキュメントに保存）

http://informatics.cocolog-nifty.com/blog/data/style.css

2.
IEのメニューバーより、 ツール→インターネットオプションをクリック。
全般タブ→ユーザ補助をクリック。
「自分のスタイルシートでドキュメントの書式を設定する」をチェックし、 先ほど保存したファイル(style.css)を指定する。
ＯＫボタンをクリック。

3.
IEをいったん終了させ、再起動してからmixiにアクセスする。

○他のブログのCSS

リニューアル後のmixiを2カラム/750px幅化するユーザースタイルシートを書いてみた
http://www.akiyan.com/blog/archives/2007/10/mixi2765px.html

リニューアル後のmixiの表示をユーザースタイルシートで変えてみる IE/Sleipnir編
http://d.hatena.ne.jp/ksmemo/20071001/p1