知識、知恵のカタマリ

[PR]株主優待を受けてみよう☆

お蔵入り

clip!clip!
Ads By Google

3カラムのトップページの中央のブログ本文の上にフリーエリアを設けたい。

はじめまして。2点お尋ねいたします。


・3カラムのトップページの中央のブログ本文の上にフリーエリアを設けたい。

下記のようなタグを試しにHTMLに記入してみました。


<div class="sidebottom"></div>
<div class="sidetitlebody">
<div class="sidetitle">タイトル</div>
</div>
<div class="sidetop"></div>
<div class="side">
本文
</div>


そうしましたところ、左右のサイドバーのタイトル部分の背景よりも太めになってしまい、
左右のサイドバーよりも少し上に表示されてしまいました。

どうすればよいのでしょうか?
ちなみに上のタグはサイドバーのタグです。

・上記のフリースペースに下記のサイトのトップのフリースペースにあるように、
ttp://afl.seesaa.net/

文章を2列構成にしたいのですが
どのようなタグを使えばよいのでしょうか?

(初心者の方必見! ブログでアフィリエイト入門というところです)

お手数ではございますが、ご回答よろしくお願いいたします。

2006-10-28 18:55の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。

回答(1)

1.

2006-10-28 19:26:16
3カラムのトップページの中央のブログ本文の上にフリーエリアを設けたい。
という質問に対しての回答をします。

step 1
カスタマイズ/管理 → デザインの設定 → デザインの設定 → カスタマイズ → トップページ へと進みます。

step 2
なんかずらずらといっぱい文字列が書いてある欄がありますが、この文字列の中に

<!-- Loop Start -->という部分があります。

step 3
その上に、

<br>
<br>
書きたい文字列
<br>
<br>
<!-- Loop Start -->

などとすれば、常にここで書いた文字列が最新記事よりも上に表示できます。

ただし、最初に作成する場合は<br>の数を自分で調整して表示位置を決める必要があることと、表などをそこに書きこんだ場合、デザインが崩れることがあるという注意点があることに注意してください。

step 4
書きこんだら、その画面の一番下にある[設定を保存する]をクリックしてトップページを再構築すれば完成です。
Ads By Google

コメント(2)

#1.  
2006-10-28 20:59:38

ありがとうございます。

サイドバーのようにタイトルも表示させたいのです。

#2.  Hukamin
2006-10-31 11:36:57

回答にあるように<!-- Loop Start -->の上部に例えば

<div id="note">
<div class="notetitle">タイトル</div>
<div class="notebody">内容</div>
</div>
などのように記述して、CSSで全体(#note)、タイトル(.notetitle)、本文(.notebody)などのデザインを指定してやれば良いだけです。
サイドバーに似たデザインにしたければ、CSSで「.sidetitle」などの記述を確認して、それを参考に指定すれば良いのではないかと思います。

トラックバック(2)

トラックバックURL: