Ads By Google
ブログタイトルを大きくしたいのですが・・・。
ブログタイトルを大きくしたいのですが、CSSでblobtitleのフォントサイズをいじると
タイトルが大きくはなるんですが2行になって
しまいます。
↓こんな感じになってしまいます・・・
なんとか文字数を削らずに、1行で大きく
表示できないものでしょうか?
初心者なりに試行錯誤してみたのですが
うまくいきません。
よろしくオネガイシマス。
2006-08-23 11:40の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(3)
2.
2006-08-23 14:49:56

現在ご使用になっているテンプレートは、サイドバーの中にブログタイトルなどが記述されています。
そのため、テンプレートのHTML部分も編集しないと、ブログタイトルの表示部分が短く(230px)表示されてしまいます。
少々面倒ですが、「トップページ」「個別記事ページ」「カテゴリアーカイブ」「月別アーカイブ」の
「<div id="container">」の下へ移動させて、「この内容を保存する」をクリックして、再構築してください。
自信がなければ、元のテンプレートをメモ帳などで保存してから作業した方が良いかもしれません。
そのため、テンプレートのHTML部分も編集しないと、ブログタイトルの表示部分が短く(230px)表示されてしまいます。
少々面倒ですが、「トップページ」「個別記事ページ」「カテゴリアーカイブ」「月別アーカイブ」の
<div id="banner"> <h1 class="blogtitle"><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a></h1> <div class="description"><$BlogDescription$></div> </div>という記述を、「<div id="links">」の下から
「<div id="container">」の下へ移動させて、「この内容を保存する」をクリックして、再構築してください。
自信がなければ、元のテンプレートをメモ帳などで保存してから作業した方が良いかもしれません。
分かりやすい説明有り難うございます。
その他にも色々いじって何とかうまくおさまりました。
皆さんのお力添え感謝します。
1.
2006-08-23 13:35:16

推測でアドバイス致します。
必ずバックアップをとった上でお試し下さいませ。
CSSの
#linksの下に記述されているので、#linksのwidth:230pxの影響を受けているのかもと思った次第です。
間違っていたら申し訳ありません。
繰り返しますが、必ずバックアップをとった上でお願い致します。
この説明で分からない所がありましたら、コメント欄からお知らせ下さいませ。
必ずバックアップをとった上でお試し下さいませ。
CSSの
#banner{
text-align:left;
color:#666;
margin:0 18px 15px 0;
}
#banner a{
color:#c00;
text-decoration:none;
}
#banner a:hover{
text-decoration:underline;
}
.blogtitle{
color:#336699;
font-size:25px;
font-weight:bold;
line-height:100%;
。。。。。。。。。。。。。。。。。。
}
.description{
color:#666;
font-size:11px;
font-weight:bold;
line-height:15px;
margin-top:5px;
}
の一帯の部分をそのまま切り取って#header a{}
の下に貼り付けてみて頂けませんか?(#containerとの間)#linksの下に記述されているので、#linksのwidth:230pxの影響を受けているのかもと思った次第です。
間違っていたら申し訳ありません。
繰り返しますが、必ずバックアップをとった上でお願い致します。
この説明で分からない所がありましたら、コメント欄からお知らせ下さいませ。
回答レベル : アドバイス
3.
2006-08-23 14:52:44

Ads By Google
コメント(1)
#1. 藤谷 望
2006-08-23 19:56:27
なるほど、HTMLでサイドバーの中に組み込まれているのですね。
でしたら、Hukaminさまのお答えのみで問題なく変更できそうです。
私の回答は的はずれな回答でしたね…。
削除するべきかな…。




