FC2blogの着せ替えブログ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

【左サイドバー】

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

<!-- サイド（左） ▽ -->
<div id="side_left">

<!-- サイドメニュー ▼ -->

☆ここにタグを入れると、左サイドの一番上に表示されます。

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

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

☆ここにタグを入れると、【RECENT ENTRIES】と【RECENT COMMENTS】の間に表示されます。

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

<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>

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

（省略）

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

<h6 class="side_title">ARCHIVES</h6>
<ul><!--archive-->
<li><a href="<%archive_link>" title="<%archive_year>年<%archive_month>月"><%archive_year>年<%archive_month>月 (<%archive_count>)</a></li>
<!--/archive--></ul>

☆ここにタグを入れると左サイドの一番下に表示されます。

<!-- サイドメニュー ▲ -->

</div>
<!-- サイド（左） △ -->

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

【右サイドバー】

☆ここにはタグを入れません。
<!-- サイド（右） ▽ -->
<div id="side_right">

<!-- サイドメニュー ▼ -->

☆ここにタグを入れると、右サイドの一番上に表示されます。

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

☆ここにタグを入れると、【CALENDAR】【LINKS】の間に表示されます。

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

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

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

<h6 class="side_title">MATERIAL</h6>
<p class="side_text_b">【記事テーブル素材、他】<br /><a href="http://kisekae.blog3.fc2.com/" target="_blank">FC2blogの着せ替えブログ</a></p>

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

<h6 class="side_title" id="profile">PROFILE</h6>
<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"><input type="submit" value="On" class="button" /> <input type="text" size="18" 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>

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