Ads By Google
ブログ個別記事タイトルの大小・色変化の方法について
いつも利用させていただいております。表題の通りなのですが、ブログ自身のタイトルではなく、個別記事のタイトルの大小・色変化のやり方が分からず困っております。
本文と同じようにタイトルにHTMLタグで<FONT SIZE="">を打って再構築をしてもタグがそのまま表示されてしまったので、おそらくスタイルシートをいじるのだと思いますが、CSSには無頓着なもので分かりかねております。
お分かりの方いましたら教えてくださると幸いです。
よろしくお願いします。
2006-02-24 04:22の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-02-24 04:38:40

ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選んで、左側の「デザインの設定」を選びます。画面の一番右下に、「カスタマイズ」があるので選択します。
タイトル は title が指定されているので、「title」を探してみてください。私のテンプレートでは、大きさはfont-size:small、色はcolor:#ffffff;が指定されていました。それぞれ、個別に変更してみてください。
修正前の例)
.title{
color:#ffffff;
font-size:small;
font-weight:bold;
margin:0px;
padding:5px 0 0 15px;
margin-left:20px;
background:url('http://image.blog.livedoor.com/img/usr/simple01_1/title.gif') no-repeat 0 60%;
}
修正後の例)
.title{
color:#cc0000;
font-size:24px;
font-weight:bold;
margin:0px;
padding:5px 0 0 15px;
margin-left:20px;
background:url('http://image.blog.livedoor.com/img/usr/simple01_1/title.gif') no-repeat 0 60%;
}
終わったら「この内容で保存する」をクリックして保存。
仕上げは再構築という作業で、左上の方、「ブログに設定を反映(再構築)」を選び、「再構築する部分を指定」というのが下の方にあるので、「デザイン(CSS)」を選んで「ブログを再構築する」というボタンを押せば完了です。
なお、色については、「html カラーコード」などで検索すると出てくるページで選んで得てください。「#000000」のような#と6桁の数字の組み合わせになります。
タイトル は title が指定されているので、「title」を探してみてください。私のテンプレートでは、大きさはfont-size:small、色はcolor:#ffffff;が指定されていました。それぞれ、個別に変更してみてください。
修正前の例)
.title{
color:#ffffff;
font-size:small;
font-weight:bold;
margin:0px;
padding:5px 0 0 15px;
margin-left:20px;
background:url('http://image.blog.livedoor.com/img/usr/simple01_1/title.gif') no-repeat 0 60%;
}
修正後の例)
.title{
color:#cc0000;
font-size:24px;
font-weight:bold;
margin:0px;
padding:5px 0 0 15px;
margin-left:20px;
background:url('http://image.blog.livedoor.com/img/usr/simple01_1/title.gif') no-repeat 0 60%;
}
終わったら「この内容で保存する」をクリックして保存。
仕上げは再構築という作業で、左上の方、「ブログに設定を反映(再構築)」を選び、「再構築する部分を指定」というのが下の方にあるので、「デザイン(CSS)」を選んで「ブログを再構築する」というボタンを押せば完了です。
なお、色については、「html カラーコード」などで検索すると出てくるページで選んで得てください。「#000000」のような#と6桁の数字の組み合わせになります。
Ads By Google
コメント(3)
#1. 試験利用者
2006-02-24 04:43:40
文字の大きさなのですが、上述の例では、font-size:24px;としていますが、24pxの部分を36pxなどにすれば、さらに大きく表示できます。
>試験利用者様
ご丁寧に有難うございました。ご指示の通り実行しまして解決できました。改めて御礼申し上げます。
今後も何かご質問する機会があれば宜しくお願いします。
#3. 試験利用者
2006-02-25 00:52:13
うまくいったみたいで良かったです。ベスト回答もありがとうございます。





