解決済
記事につけておいたタグが表示されるようになったが、その文字の大きさを変えたいのですが。
タグの文字が大きすぎて他とのバランスが悪い。どうすれば文字を小さくできますか?
2006-07-02 20:22の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(1)
1.
2006-07-02 21:06:21

新しいテンプレートに変更なさったのでしょうか?
それともご自身で、追加なさったのでしょうか?
それによって、若干 CSS 内の表記が違うのですが、
新しいテンプレートに変更なさった後の話として回答します。
( あなたの使用しているテンプレートがわかれば、ピンポイントで回答するのですが )
管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > をクリックすると、CSS と4つ の HTML がでてきます。そのうちの CSS の記述を変更します。
CSS を上から見ていくとこういう部分があります。↓
たぶん、ライブドアが変更後のテンプレートは、みんなこんな感じになっています ・・・↓
( 中身の詳細は、テンプレートによって違います )
.main,.mainmore,.article_tags{
font-size:x-small;
text-align:left;
line-height:150%;
padding:15px 0px 15px;
}
.article_tags ← これが、タグの表示をさせるクラス名です。これを単独で指示するために、上記の表記を分離させなければなりません。そしてその上で、フォントサイズの変更を指示するために記述を書き換えます。上の例で行くと、こんな感じです。↓
.main,.mainmore{
font-size:x-small;
text-align:left;
line-height:150%;
padding:15px 0px 15px;
}
.article_tags{
font-size:○○○;
text-align:left;
line-height:150%;
padding:15px 0px 15px;
}
.article_tags{ } の中の、font-size:○○○; の○○○ をあなたの好みのサイズに書き換えます。現在のあなたの CSS が px で表記されているのならば、その px の前の数字を小さくします。
例えば、12px なら、10px と。
x-small なら、xx-small と。
書き換えが終了後、CSS を保存。CSS の再構築をかけて下さい。
ブラウザーを再読み込みさせると表示反映されているはずです。
それともご自身で、追加なさったのでしょうか?
それによって、若干 CSS 内の表記が違うのですが、
新しいテンプレートに変更なさった後の話として回答します。
( あなたの使用しているテンプレートがわかれば、ピンポイントで回答するのですが )
管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > をクリックすると、CSS と4つ の HTML がでてきます。そのうちの CSS の記述を変更します。
CSS を上から見ていくとこういう部分があります。↓
たぶん、ライブドアが変更後のテンプレートは、みんなこんな感じになっています ・・・↓
( 中身の詳細は、テンプレートによって違います )
.main,.mainmore,.article_tags{
font-size:x-small;
text-align:left;
line-height:150%;
padding:15px 0px 15px;
}
.article_tags ← これが、タグの表示をさせるクラス名です。これを単独で指示するために、上記の表記を分離させなければなりません。そしてその上で、フォントサイズの変更を指示するために記述を書き換えます。上の例で行くと、こんな感じです。↓
.main,.mainmore{
font-size:x-small;
text-align:left;
line-height:150%;
padding:15px 0px 15px;
}
.article_tags{
font-size:○○○;
text-align:left;
line-height:150%;
padding:15px 0px 15px;
}
.article_tags{ } の中の、font-size:○○○; の○○○ をあなたの好みのサイズに書き換えます。現在のあなたの CSS が px で表記されているのならば、その px の前の数字を小さくします。
例えば、12px なら、10px と。
x-small なら、xx-small と。
書き換えが終了後、CSS を保存。CSS の再構築をかけて下さい。
ブラウザーを再読み込みさせると表示反映されているはずです。
ありがとうございます。ご指摘の通りやったら解決しました。まだ素人で『タグ』を最近利用し始めました。自分で表記させるようにした訳ではありませんが(テンプレートは子猫)突然『タグ』の表記だけ大きく出てくる事に気づき驚いていました。コメントやTBと同じ大きさにできたので満足しています。感謝です。
Ads By Google
コメント(2)
#1. AQ♪
2006-07-02 22:27:59
> papa さん
そんなに大きく表示されたんですか?
ライブドアの設定ミスかもしれませんね。
解決してよかったです。
ベストありがとうございました。(^^)
#2. papa
2006-07-03 09:32:02
>AQさん
記事のタイトル文字と同じ大きさになっていました。本文中の文字より大きな状態でした。ありがとうございます。

