知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

ブログタイトルを大きくしたいのですが・・・。

ブログタイトルを大きくしたいのですが、
CSSでblobtitleのフォントサイズをいじると
タイトルが大きくはなるんですが2行になって
しまいます。
↓こんな感じになってしまいます・・・

なんとか文字数を削らずに、1行で大きく
表示できないものでしょうか?

初心者なりに試行錯誤してみたのですが
うまくいきません。
よろしくオネガイシマス。

2006-08-23 11:40の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(3)

2.

2006-08-23 14:49:56ベスト
現在ご使用になっているテンプレートは、サイドバーの中にブログタイトルなどが記述されています。
そのため、テンプレートの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の
#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ベター
お手軽手法
方法-1:期待薄だが、全角中点を半角中点にしてみる。
方法-2:文字でなく、画像で作成する。
回答レベル : アドバイス
Ads By Google

コメント(1)

2006-08-23 19:56:27

なるほど、HTMLでサイドバーの中に組み込まれているのですね。
でしたら、Hukaminさまのお答えのみで問題なく変更できそうです。
私の回答は的はずれな回答でしたね…。
削除するべきかな…。

トラックバック(2)

トラックバックURL: