03≪ 2017/04 ≫05
123456789101112131415161718192021222324252627282930
個別記事の管理2008-07-25 (Fri)
記事やサイドカラムの基本文字色が薄くて読み難い・いちいち記事を書く時に色文字設定をするのが面倒…という方へのカスタマイズです。
文字色を色変更したい場合は、管理画面のテンプレート設定画面、スタイルシート編集(下段)にて行います。
記事が長いので以下をClick。^_^;


文字色の変更箇所は以下の部分を好きな色に変更してください。

(基本リンク文字色)
a { の
color:#999999; →例えば #666666

(基本リンク文字色--カーソルを合わせた時)
a:hover { の
color:#999999; →例えば #666666

(タイトル--非リンク)
#header #title { の
color:#999999; →例えば #666666

(タイトル--リンク)
#header #title a { の
color:#999999; →例えば #666666

(タイトル下のブログ説明部分)
#header div#description { の
color: #999999; →例えば #666666

(横カレンダー)
.yoko_calender { の
color:#999999; →例えば #666666

(記事本文)
#contents { の
color: #8d8d8d; →例えば #666666

(コメントタイトル部分)
#contents h3 { の
color: #ABABAB; →例えば #666666

(引用文部分)
#contents blockquote { の
color: #999999; →例えば #666666

(記入日付)
.entry_state { の
color: #D8AFAE; →例えば #666666

(サイドカラム部分)
.sidebar { の
color: #8d8d8d; →例えば #666666

(サイドカラムのプラグインタイトル)
.sidebar h4 { の
color: #999999; →例えば #666666

(サイドカラムのリンク付きリスト部分)
.sidebar li a { の
color: #8d8d8d; →例えば #666666

(サイドカラムのリスト部分)
.sidebar li { の
color: #8d8d8d; →例えば #666666

(プラグインのカレンダー日付部分)
.calender td,tr { の
color: #8d8d8d; →例えば #666666

(テキストエリアなどの文字色)
textarea,input,select { の
color: #8d8d8d; →例えば #666666

(フッター部分)
#footer { の
color: #8d8d8d; →例えば #666666

文字色自体は color: #xxxxxx; になっているのでCSSを見ると大体分かると思います。
(リンク文字色は a (アンカー)が付いています。)
例として挙げている #666666 は変更前の文字色を16進数で一ランクほど暗くした場合ですので、お好きなように変えて下さい。

文字の色は #xxxxxx(カラーコード)やred・blackのようなカラーネームが使えます。
カラーコードの場合は→こちらを参照
カラーネームの場合は→こちらを参照
宜しければポチッと♪→FC2 Blog Ranking
* Category : カスタマイズ
* Comment : (3) * Trackback : (0) |

うぐいす太郎。様へ * by aki
うぐいす太郎。様、初めまして。(^_^)
この度は当方テンプレをご利用頂きまして 誠に有り難うございます。

無事に解決できたようで良かったです。
全体の文字サイズを指定しているのが body になります。
その他 td,input,textarea,select,button,submit,title,等々が12pxで指定されています。
これらを変更する場合は、該当する部分のfont-size: ●px;の数値を変えて下さい。
(無い場合はfont-size: ●px;を追加します。)

HTMLとCSSをにらめっこすると、段々と何処が該当箇所か分かりますので是非色々チャレンジしてみて下さい。(^_^)
今後とも当方ブログを末永く宜しくお願い致します。

文字大きさ変更の件です。 * by うぐいす太郎。
すいませんちょっとわかっちゃったかも…??

body, td {
font-family: "MS UI Gothic", Sans-serif;
font-size: 12px;

↑このフォントサイズを変更したら文字の大きさも変更できました!!

解決ですね!!!?


テンプレ名 green-2c 文字の大きさについて。 * by うぐいす太郎。
こんばんは。
突然のコメントで失礼します。

最近ブログを初めたばかりで初心者のため、初歩的な質問かもしれませんがよろしくお願いいたします。

テンプレートも e-ssence様のgreen-2c を初めてお借りしました。
春らしく爽やかで、きゅんきゅんです。
一目ぼれです。

せっかく素敵なテンプレをお借りしたんだから、自分の思い通りにカスタマイズしたいな、と色々試行錯誤してますが、わからないことも多くて…
その中の一つが

文字の大きさをですね、変えたいのです。

今までは一つ一つの記事ごと文字の大きさを調節してたのですが(フォントサイズ120%に変更してました)、CSSを変更すれば一発で済むということをネットでみかけたので色々試したのですが、どうもうまくいきません。

タイトルや日付が大きくなってしまい、肝心の記事が小さいままなので、どの部分のフォントサイズを変更すればいいか教えていただきたいのです。

ほんとに初心者の質問でもうしわけないです。




コメント







管理者にだけ表示を許可する