『川中重司、ほのぼのIT税理士!(^^)のブログ』のバックアップブログです。07)MovableType・NucleusMTプチカズタマイズ:文字の大きさ・文字間・行間の変更をscreen.cssで行う

MTプチカズタマイズ:文字の大きさ・文字間・行間の変更をscreen.cssで行う

川中が使用してるノートパソコンの画面は、1400x1050(SXGA+と言うそうな)なので、か、は、分かりませんが、
川中経営のHPの文字が細かいな~、と常々感じていました。

MT(MTOS)の場合は、cssファイルの記載を変更すれば全頁に反映されるので、その備忘メモです。


な~んか、同じようなことを、今までに何度もやってきました。
さくらブログ・seesaaブログ・nucleus、そしてMT(MTOS)。
いずれもcssなので、同じようなことの繰り返しですね。

変更するファイルは、使用しているテーマのフォルダに保存されている「screen.css」。


1.記事本文の、文字の大きさ・文字間・行間を変更

/* オリジナルを保存しておく
body {
font: normal 13px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
}
*/


body {
font: normal 16px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
line-height:150%;
letter-spacing:1px;
}


2.フッダの行間を補正
上記「1.」を行うと、フッダの行間も広がり間延びした感じになるので、フッダの指定箇所で、行間を再指定。
こんな感じで、110%に。

/* Footer */
#footer-content,
#footer-content a {
color: #fff;
line-height:110%;
}


3.ついでにサイドメニューも

/* オリジナルを保存しておく
.widget-content {
margin-top: 5px;
margin-bottom: 20px;
font-size: 11px;
}
*/

.widget-content {
margin-top: 5px;
margin-bottom: 20px;
font-size: 14px;
line-height:140%;
}


う~ん、とりあえず、ちょっと見やすくなった気がします。


 税理士法人川中経営
  税理士・ITC 川中重司


このブログ記事について

このページは、鯖江の税理士が2008年9月12日 00:08に書いたブログ記事です。

ひとつ前のブログ記事は「MTOS4.2は再構築の速度が高速化した、のか?」です。

次のブログ記事は「税理士会の金沢研修にはグランデを持ち込もう」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。