Ads By Google
タイトルの文字、行間
ブログタイトルの「へしこくんの‥‥」や「鹿島アントラーズ‥‥」の文字を大きくしたいのですが、どうしたらいいですか。また、この2つの行間をもじ1個分空けたいのですが。
2006-05-03 17:40の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(2)
1.
2006-05-03 18:41:19

管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > をクリックすると、CSS と4つ の HTML がでてきます。
そのうちの CSS をカスタマイズします。
CSS を上から見ていくと、.blogtitle{ } という部分があります。この中の、font-size:○○px; の中の数字を今よりも増やしてください。これであなたが言うタイトルの 「 へしこくんの‥‥ 」 は大きくなります。
次に、その下に、.description{ } という部分があります。
この中の、font-size:○○px; を前述のタイトルと同じく、○○の数字を大きくして下さい。これで OK です。
次に、この行間を開けるには、.description{ } の中に、
と書かれた部分があります。( ブログによって若干表記の仕方が違いますが ) これの一番左側の数字を増やしてください。どのぐらい増やすかはあなたにおまかせします。多分 5~10 ぐらい増やす程度でいけると思いますが。
これで CSS を保存。そして、CSS だけで良いですから、再構築をかけて下さい。
そのうちの CSS をカスタマイズします。
CSS を上から見ていくと、.blogtitle{ } という部分があります。この中の、font-size:○○px; の中の数字を今よりも増やしてください。これであなたが言うタイトルの 「 へしこくんの‥‥ 」 は大きくなります。
次に、その下に、.description{ } という部分があります。
この中の、font-size:○○px; を前述のタイトルと同じく、○○の数字を大きくして下さい。これで OK です。
次に、この行間を開けるには、.description{ } の中に、
padding:○px ○px ○px ○px;
と書かれた部分があります。( ブログによって若干表記の仕方が違いますが ) これの一番左側の数字を増やしてください。どのぐらい増やすかはあなたにおまかせします。多分 5~10 ぐらい増やす程度でいけると思いますが。
これで CSS を保存。そして、CSS だけで良いですから、再構築をかけて下さい。
回答レベル : 回答
ありがとうございました。
おかげさまで解決しました。
まだまだブログをいじりたいですが、少しずつ発展させていきたいと思います。
2.
2006-05-03 18:41:36
管理ページ、投稿、編集のページの横の下のほうに「注目のデザイン」というのがあると思います。
そこの(デザインを変更する)をクリックして、「デザインの設定」のページへ行きます。
一番下の右側に「カスタマイズ」というのがあります。
そこをクリックすれば、スタイルシートやHTMLを編集できるページへ行けます。
表示されているスタイルシートを少しスクロールさせると、
(デザインによって、数字等は変わります。)
文字の大きさは
行間は
ご希望は文字一個分ですから、
後の%の数字で変わります。
全体としては、
後は、[この内容で保存する]をクリックして、保存し、
「ブログに設定を反映(再構築)」のページで
「デザイン(CSS)」を選択して[ブログを再構築する]をクリックします。
これでブログを開き直せば、タイトル部分が変わっているはず。
うまく行かない場合は、コメントに書いてください。
解決できましたら、質問を、(解決済)にしておいてください。
をご参考に
そこの(デザインを変更する)をクリックして、「デザインの設定」のページへ行きます。
一番下の右側に「カスタマイズ」というのがあります。
そこをクリックすれば、スタイルシートやHTMLを編集できるページへ行けます。
表示されているスタイルシートを少しスクロールさせると、
.blogtitle{
color:#fff;
font-size:25px;
font-weight:bold;
text-align:left;
padding:245px 50px 0 330px;
}
というところがあると思います。(デザインによって、数字等は変わります。)
文字の大きさは
font-size:25px;のfont-sizeの数字をいじります。
font-size:40px;という感じです。
行間は
line-height:という行をこの{ }の中に追加します。
ご希望は文字一個分ですから、
line-height:200%;となります。
後の%の数字で変わります。
全体としては、
.blogtitle{
color:#fff;
font-size:30px;
font-weight:bold;
text-align:left;
line-height:200%;
padding:245px 50px 0 330px;
}
という感じです。後は、[この内容で保存する]をクリックして、保存し、
「ブログに設定を反映(再構築)」のページで
「デザイン(CSS)」を選択して[ブログを再構築する]をクリックします。
これでブログを開き直せば、タイトル部分が変わっているはず。
うまく行かない場合は、コメントに書いてください。
解決できましたら、質問を、(解決済)にしておいてください。
をご参考に
回答レベル : 回答
Ads By Google
コメント(4)
#1. AQ
2006-05-03 19:01:23
#2. へしこくん
2006-05-03 19:53:18
内容がよくわかりました。
まだまだ発展させようと思います。
#3. horsefly
2006-05-03 20:13:03
なるほど、タイトルという言い方を、そのまま受け止めて、回答してしまったのは、失敗でした。
「ブログの説明」も含めて、タイトルと呼んでいたわけですね。
まだ、用語本来の意味にとらわれて、相手に合わせられないな。
#4. AQ
2006-05-03 20:42:27
>> へしこくん さん
ベストありがとうございました。(^^)
質問はもう少し解りやすく書くと、他の色々な方からの
複数の回答が得られると思いますよ。




