Ads By Google
ブログのタイトル領域の位置について
ライブドアブログで、デザインFORMAL Diaryを使用しています。ブログタイトルが左側に寄っているのを、全体の上になるようにCSSを変更したいのですが、どうすればよいのでしょうか?
2006-04-08 19:47の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-04-08 22:02:13

CSS の変更だけではできません。各 HTML のカスタマイズも同時におこなう必要があります。
このテンプレートは、通常ブログ画面の上にあるブログタイトルを、サイドカラムに表示されるような HTML 構造になっています。それを通常のブログと同じように表示させる為に、移動させなければなりません。
各 HTML の下のほうに、
があります。この <div id="links"> のすぐ下に、
<div id="banner">
<h1 class="blogtitle"><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a></h1>
<div class="description"><$BlogDescription$></div></div>
があります。これを移動させます。 移動させる位置は、各 HTML
の上のほう、<div id="container"> と <div id="blogcontainer"> の間です。
これができたら保存して、一度再構築をかけて下さい。まずはトップページだけおこなうほうが良いでしょう。再構築も早いですし、その後成功したのを確認したら他のページも、タグの移動処理をおこなっていきます。
次に CSS の処理です。現在、ブログタイトルの位置などを指示しているタグはこうなっています。
右に寄せたければ、text-align:left; を text-align:right; に、中央ならば、center に。
タイトルが上部に引っ付いていますので、新たな指示を書き込みます。
15px は適当な数字に置き換えをして下さい。
次にサイドバーが少し上に上がって見映えが悪いです。
#links{} の中の、padding-top:40px; を少し数字を増やします。
padding-top:60px; ~ padding-top:65px; ぐらいが適当でしょうか? これで保存して、再構築をかけて下さい。
このテンプレートは、通常ブログ画面の上にあるブログタイトルを、サイドカラムに表示されるような HTML 構造になっています。それを通常のブログと同じように表示させる為に、移動させなければなりません。
各 HTML の下のほうに、
<div id="links">
があります。この <div id="links"> のすぐ下に、
<div id="banner">
<h1 class="blogtitle"><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a></h1>
<div class="description"><$BlogDescription$></div></div>
があります。これを移動させます。 移動させる位置は、各 HTML
の上のほう、<div id="container"> と <div id="blogcontainer"> の間です。
これができたら保存して、一度再構築をかけて下さい。まずはトップページだけおこなうほうが良いでしょう。再構築も早いですし、その後成功したのを確認したら他のページも、タグの移動処理をおこなっていきます。
次に CSS の処理です。現在、ブログタイトルの位置などを指示しているタグはこうなっています。
#banner,#subbanner{
text-align:left;
margin-bottom:13px;
}
右に寄せたければ、text-align:left; を text-align:right; に、中央ならば、center に。
タイトルが上部に引っ付いていますので、新たな指示を書き込みます。
margin-top:15px;
15px は適当な数字に置き換えをして下さい。
次にサイドバーが少し上に上がって見映えが悪いです。
#links{} の中の、padding-top:40px; を少し数字を増やします。
padding-top:60px; ~ padding-top:65px; ぐらいが適当でしょうか? これで保存して、再構築をかけて下さい。
回答レベル : 回答
ありがとうございます!!!
とても解りやすく説明していただき、感謝です!
おかげでブログがかっこよくなりましたぁ(^v^)
本当にありがとうございました!
Ads By Google




