スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[ --/-- ] スポンサー広告 | トラックバック(-) | コメント(-)

Q.記事の文字の色・文字の大きさを変えることはできますか?[3]

A.
スタイルシートを変更するとできます。
以下、変更方法


1.
スタイルシートの128~163行目付近に
.entry_text
{
PADDING-RIGHT: 8px;
PADDING-LEFT: 8px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
PADDING-BOTTOM: 8px;
COLOR: #333;
PADDING-TOP: 8px
}
.entry_text A:link
{
FONT-WEIGHT: normal;
COLOR: #f99;
TEXT-DECORATION: none
}
.entry_text A:visited
{
FONT-WEIGHT: normal;
COLOR: #f99;
TEXT-DECORATION: none
}
.entry_text A:active
{
FONT-WEIGHT: normal;
COLOR: #333;
BACKGROUND-COLOR: #f99;
TEXT-DECORATION: none
}
.entry_text A:hover
{
FONT-WEIGHT: normal;
COLOR: #333;
BACKGROUND-COLOR: #f99;
TEXT-DECORATION: none
}

があります。

2.
文字色を変えるなら、135行目付近にある COLOR ではじまっている行を変更します。
赤い文字にする場合は、
COLOR: #ff0000;とします。

3.
文字の大きさ(サイズ)を変えるなら、133行目付近にある FONT-SIZE はじまっている行を変更します。
修正前より小さくしたいのなら
FONT-SIZE: 11px;
となります。
もっと小さくしたい場合は、11px を 10px など数値を小さくします。

4.
更に、} の前に ; が無いところがいくつかあるのでそれも書き入れます。(ヤプログが忘れてます)

5.
完成するとこんな感じになります。
.entry_text
{
PADDING-RIGHT: 8px;
PADDING-LEFT: 8px;
FONT-WEIGHT: normal;

FONT-SIZE: 10px;
PADDING-BOTTOM: 8px;
COLOR: #ff0000;
PADDING-TOP: 8px;
}
.entry_text A:link
{
FONT-WEIGHT: normal;

COLOR: #f99; /* リンクの色を変える場合はココのカラーコードを変える */
TEXT-DECORATION: none;
}
.entry_text A:visited
{
FONT-WEIGHT: normal;

COLOR: #f99; /* リンクの色を変える場合はココのカラーコードを変える */
TEXT-DECORATION: none;
}
.entry_text A:active
{
FONT-WEIGHT: normal;

COLOR: #333; /* リンクの色を変える場合はココのカラーコードを変える */
BACKGROUND-COLOR: #f99;
TEXT-DECORATION: none
;
}
.entry_text A:hover
{
FONT-WEIGHT: normal;

COLOR: #333; /* リンクの色を変える場合はココのカラーコードを変える */
BACKGROUND-COLOR: #f99;
TEXT-DECORATION: none
;
}
スポンサーサイト
[ 02/10 ] [記事]3カラムpink | トラックバック(-) | コメント(-)

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。