情報学ブログに書くほどではないニュースネタのためのサブブログ

トップ
">ニュース
">パソコン・インターネット
">学問・資格
">情報学
">携帯・デジカメ
">日記・コラム・つぶやき
">映画・テレビ ">経済・政治・国際 ">ニュース ">パソコン・インターネット ">学問・資格 ">情報学 ">携帯・デジカメ ">日記・コラム・つぶやき ">映画・テレビ ">経済・政治・国際 ">ニュース ">パソコン・インターネット ">学問・資格 ">情報学 ">携帯・デジカメ ">日記・コラム・つぶやき ">映画・テレビ ">経済・政治・国際 ">ニュース ">パソコン・インターネット ">学問・資格 ">情報学 ">携帯・デジカメ ">日記・コラム・つぶやき ">映画・テレビ ">経済・政治・国際
アーカイブ

mixi 新デザイン対策CSS

パソコン・インターネット | 2007/10/10

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

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

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

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

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

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

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

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

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

はてなブックマークに追加 del.icio.usに追加 POOKMARK Airlinesに登録 livedoorクリップへ追加 @niftyクリップへ追加 Buzzurlにブックマーク newsingにピックアップ Choixに投稿 Furlへ追加 Blinklistへ追加 Redditに投稿 twitterでReTweet

固定リンク | コメント(0件) | トラックバック(0件)

コメント

コメントを書く

トラックバック

この記事のトラックバックURL:
(トラックバックは記事投稿者が公開するまで表示されません。)

ニュースな待合室をRSSで購読する

Googleで購読 はてなRSSで購読 livedoor Readerで購読 Bloglinesで購読 My Yahoo!に追加

その他のRSSリーダー

管理人のつぶやき