最近のトラックバック

2015年2月
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
無料ブログはココログ

« ◎BSデジタル 10/06(土)~10/12(金) | トップページ | ◎BSデジタル 10/13(土)~10/19(金) »

mixiリニューアル対策

mixiリニューアルでは、どちらさんもお困りのようで、一般人は文句言うくらいしか能が無いけど、中には自力で解決をはかる人たちが居て、ありがたいことである。

A. リニューアル後のmixiを2カラム/765px幅化するユーザースタイルシートを書いてみた : akiyan.com
B. リニューアルしたmixiのカスタマイズが熱い : 玩具箱

このような工夫に加え、今回のmixiリニューアルで、見づらく感じるようになったポイントは、私としては
1. 画面全体が白っぽいので、眼が痛くなる(上記、Bのcssでは対処されている)
2. 文字間が空きすぎているのも、かえって見づらい
と言うあたりにあるのではないかと思っている。

で、そういう話をmixiの日記に書いていたら、人の日記へのコメントでcss開発を進める奇特な人が現れたわけですよ。せっかくだから、その奇特な人、まつながさんが書いてくれたcssもここに公開して、リニューアルmixiカスタマイズの波を広げるのに荷担してみようかと言う次第。なお、css内のコメントは私が書き加えたものです。

Firefoxを使っての検証しかしていないので、他のブラウザでどうするのかは知りません(^_^;

Firefoxでは、上記Aのリンク先から、まず、Stylishをインストールし、その後でuserstyles.orgと言うのが楽ちんです。その後、Firefoxのアドオン・メニューから、Stylishを開き、上記Bや、下記のスタイルシートを、追加して、後は自分の好みのバックグラウンドカラーや文字間の微調整をダイナミックに行えば、かなり幸せになれます。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("mixi.jp") {

body {
/* オリジナルは1.5、好みによっては1.2あたりもお勧め */
line-height: 1.1 ! important;
letter-spacing: 0 ! important;
/* オリジナルは12px、老眼の人は16pxにするもまたおかし */
font-size: 11px ! important;
/* オリジナルは白、lightgreyや上記Bで指定されている#F8F8F8あたりもお勧め */
background-color: lightyellow ! important;
}

.txtconfirmArea,
.diaryCommentbox dd,
.diaryCommentboxLast dd {
padding: 5px 15px ! important;
}

#mixiNewsArea #mixiNews ul li {
padding-top: 0pt ! important;
}

#bodyContents div#intro {
background-color: white;
}

.txtconfirmArea {
background-color: navajowhite ! important;
}

}


|

« ◎BSデジタル 10/06(土)~10/12(金) | トップページ | ◎BSデジタル 10/13(土)~10/19(金) »

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/2123/16720262

この記事へのトラックバック一覧です: mixiリニューアル対策:

« ◎BSデジタル 10/06(土)~10/12(金) | トップページ | ◎BSデジタル 10/13(土)~10/19(金) »