FC2blogの着せ替えブログ

★他のメニュー同様にリスト形式で、文章を表示したい。

<h4 class="side_title">タイトル</h4>
<ul>
<li>文章</li>
<li>文章</li>
</ul>

★新たにメニューを設けて、左寄せで文章を入れたい。

<h4 class="side_title">タイトル</h4>
<p class="side_text">文章を入れる</p>

★新たにメニューを設けて、中心寄せで文章を入れたい。

<h4 class="side_title">タイトル</h4>
<p class="side_text_b">文章を入れる</p>

★新たにメニューを設けて、左寄せで画像を入れたい。
（アマゾンやブログペットなどの、沢山のタグが発行されてそれを貼りつけるタイプ）

<h4 class="side_title">タイトル</h4>
<div class="side_text">タグを入れる</div>

★新たにメニューを設けて、中心寄せで画像を入れたい。
（アマゾンやブログペットなどの、沢山のタグが発行されてそれを貼りつけるタイプ）

<h4 class="side_title">タイトル</h4>
<div class="side_text" align="center">タグを入れる</div>

画像を中心寄せで貼りつける場合は、必ず、【align="center"】が必要です。

★新たにメニューを設けて、中心寄せで画像と自分の文章を入れたい。
（アマゾンやブログペットなどの、沢山のタグが発行されてそれを貼りつけるタイプ）

<h4 class="side_title">タイトル</h4>
<div class="side_text_b" align="center">タグや文章を入れる</div>

画像を中心寄せで貼りつける場合は、必ず、【align="center"】が必要です。
ＣＳＳ（スタイルシート）内に記述してある、【text-align: center;】によって、画像も中心寄せになるブラウザもありますが、これはあくまでも、テキスト（文字）だけですので、注意が必要です。

※自分で、リンクバナーなどのイメージタグとリンクタグのみと、文章を入れる場合は、＜div＞では無く＜p＞タグでも大丈夫です。


★既存のメニューの中に、文章や画像を追加したい。

例えば、リンクリストの上や下の方に文章を、文章や画像を入れる場合。
多くのリストタイプメニュー（最新エントリーやアーカイブなども）の場合は、以下のようになっています。

<h4 class="side_title">LINKS</h4>

<ul><!--link--><li><a href="<%link_url>" title="<%link_name>"><%link_name></a></li><!--/link--></ul>

上記の場合は、ＦＣ２の独自ナビゲーションタグ＜！--aaaa--＞〜＜！--/aaaa--＞の中には、記述しないで、その上や下の行に記述します。

<h4 class="side_title">LINKS</h4>

ここにタグ（内容）を入れると、リストの上に表示される。

<ul><!--link--><li><a href="<%link_url>" title="<%link_name>"><%link_name></a></li><!--/link--></ul>

ここにタグ（内容）を入れると、リストの下に表示される。

では、新しいメニューを、サイドバーの中に追加しましょう。
サイドバーは次のようになっています。
上記を参考に作ったタグを（タイトル部分と内容部分をひとカタマリとして）入れられるのは、次の場所です。

ここにはタグを入れません。

<!-- サイド ▽ -->
<div id="side">

ここにタグを入れると、カレンダーより上に追加されます。

<h4 class="side_title">CALENDAR</h4>
<div class="calendar" align="center">
ここにカレンダーテーブルが入っています。
</div>

ここにタグを入れると、カレンダーと新着エントリーの間に追加されます。

<h4 class="side_title">RECENT ENTRIES</h4>

<ul><!--recent--><li><a href="<%recent_link>" title="<%recent_body>"><%recent_title></a><span> (<%recent_month>/<%recent_day>)</span></li><!--/recent--></ul>

ここにもタグを入れられます。

<h4 class="side_title">RECENT COMMENTS</h4>

<ul><!--rcomment--><li><a href="<%rcomment_link>#comment<%rcomment_no>" title="「<%rcomment_etitle>」に対するコメント"><%rcomment_title><br>→ <%rcomment_name> (<%rcomment_month>/<%rcomment_day>)</a></li><!--/rcomment--></ul>

ここにもタグを入れられます。

（省略）

ここにもタグを入れられます。

<h4 class="side_title" id="profile">PROFILE</h4>
<div class="profile" align="center"><img src="<%image>" alt="<%author_name>" /></div>

<ul><li>author ： <%author_name></li>
<li><%introduction2></li></ul>

ここにもタグを入れられます。
ここにタグを入れると、下にサーチボックスやＦＣ２の広告が続きます。

<form action="./" method="get" class="search">
<p class="side_text" align="center"><input type="submit" value="On" class="button" /> <input type="text" size="20" name="q" value="Search inside" maxlength="200" /></p>
</form>

ここにも入れられます。
ここにタグを入れると、下にＦＣ２の広告が続きます。

<p class="side_text_b"><a href="http://blog.fc2.com/">Powered By FC2 blog</a></p>
<p class="side_text_b"><%ad><br /><%ad2></p>

ここにも入れられます。
ここにタグを入れると、ＦＣ２の広告の下にメニューが追加されます。

</div>
<!-- サイド △ -->

ここにはタグを入れません。