CSS カスタマイズ
7ヶ月の眠りを経て、ついにブログの記事を書くぞ。('-^*)/
ということで、ちょっとデザインをいじってみます。
まず、スキンは「ウッド&メタル」。
「2コラム-右」を選べるスキンに限定した結果、これが一番いいんじゃないかと思いまして……。
これを選択すると……、
……こうなりました。とても良い感じです。
前回のWBCの記事が出ています。
後半は以下のような感じです。
これでも良いんですが、フォントは『メイリオ』が好きなので変えてみます。
それから、文字色が強いので、ちょっとだけ薄くします。
ついでに行が詰まり過ぎのような気がするので若干広げます。
そして、リンクの赤茶色を水色に。
一度訪ねたリンクは黒色にし、リンクを合わせた時の色をオレンジにします。
シメに不必要だと感じるところを非表示にします。
ただ、広告は残しておきます。
かなりスッキリ。
まるで味気なくなりました。
でも、これでいいんです。
Google の広告は一度訪ねたリンク色になるらしく、黒色になっていますね。
サイドバーは写っていませんが、かなりスッキリしています。
これでがんばります。(^-^)/
CSSの最後に以下を加えると、同じようになります。
ただ、専門的に解説されている方のCSSを参考にすべきだと思います。(^_^;)
/* ----------------------- new ----------------------- */
#themeBox { display: none; }
#calendar { display: none; }
#recent_entries { display: none; }
#favorite { display: none; }
#recent_comment { display: none; }
#search { display: none; }
#bookmark { display: none; }
#reader { display: none; }
#ranking { display: none; }
.genre { display: none; }
.subContents { line-height:2.0; }
.menu_frame { font-size: 12px; line-height:2.0; }
.menu_frame a { color: #3D81EE; }
.entry .theme { display: none; }
h3 { display: none; }
.subContents h1 {
color: #FF8000;
font-size: 16px;
font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic',Osaka,Verdana,Arial, Helvetica, sans-serif;
}
body {
color: #666666;
font-size: 12px;
font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic',Osaka,Verdana,Arial, Helvetica, sans-serif;
}
a:link { color: #3D81EE; text-decoration: underline; }
a:visited { color: #000000; text-decoration: underline; }
a:hover { color: #FF8000; text-decoration: none; }
/* ----------------------- end ----------------------- */