FC2ブログのテンプレート工房

<a href="http://bookmark.fc2.com/user/post?title=<%enc_blogname>-<%topentry_enc_utftitle>&amp;url=<%topentry_link>" target="_blank"><img src="<%server_url>image/b-button.gif" width="18" height="18" style="vertical-align:middle;" alt="このエントリーをFC2ブックマークに追加" /></a>

<a href="http://bookmark.fc2.com/user/post?title=<%enc_blogname>-<%topentry_enc_utftitle>&amp;url=<%topentry_link>" target="_blank"><img src="<%server_url>image/○○" width="87" height="18" style="vertical-align:middle;" alt="このエントリーをFC2ブックマークに追加" /></a>

～
<!--/topentry-->
<!--▲ エントリー（記事）▲-->

<!--▼コメント表示▼-->
<!--comment_area-->

<!--permanent_area-->
<!--▼ページナビゲーション(個別記事)▼-->
<p class="page_navi">
<!--preventry--><a href="<%preventry_url>" title="<%preventry_title>">≪ 前ページ</a> <!--/preventry-->
| <a href="<%url>" title="<%blog_name>">HOME</a> |
<!--nextentry--><a href="<%nextentry_url>" title="<%nextentry_title>">次ページ ≫</a><!--/nextentry-->
</p><!--page_navi-->
<!--▲ページナビゲーション(個別記事)▲-->
<!--/permanent_area-->

<a name="comment_list" id="comment_list"></a><br />
<div class="article">
～

<!--permanent_area-->
<!--▼ページナビゲーション(個別記事)▼-->
<p class="page_navi">
<!--preventry--><a href="<%preventry_url>" title="前ページ <%preventry_title> へ戻る">≪ <%preventry_title></a> <!--/preventry-->
| <a href="<%url>" title="<%blog_name>">HOME</a> |
<!--nextentry--><a href="<%nextentry_url>" title="次ページ <%nextentry_title> へ進む"><%nextentry_title> ≫</a><!--/nextentry-->
</p><!--page_navi-->
<!--▲ページナビゲーション(個別記事)▲-->
<!--/permanent_area-->

<!--▼ メニューバー ▼-->
<ul id="menu_bar">
<li><a href="<%url>">トップページ</a></li>
<li><a href="<%url>archives.html">サイトマップ</a></li>
<li><a href="<%url>blog-entry-1.html">記事１</a></li>
<li><a href="<%url>blog-entry-2.html">記事２</a></li>
<li><a href="<%url>blog-category-1.html">カテゴリ１</a></li>
<li><a href="<%url>blog-category-2.html">カテゴリ２</a></li>
<li><a href="<%url>blog-category-3.html">カテゴリ３</a></li>

<li class="menu" onmouseover="this.className='menu_on'" onmouseout="this.className='menu'"><a href="#">カテゴリ</a>
<ul class="main_menu">
<!--category-->
<!--category_sub_begin-->
<ul class="sub_menu">
<!--/category_sub_begin-->
<!--category_nosub-->
<li class="main_list">
<!--/category_nosub-->
<!--category_parent-->
<li class="main_list menu" onmouseover="this.className='menu_on'" onmouseout="this.className='menu'">
<!--/category_parent-->
<!--category_sub_hasnext-->
<li class="sub_list">
<!--/category_sub_hasnext-->
<!--category_sub_end-->
<li class="sub_list_end">
<!--/category_sub_end-->
<a href="<%category_link>"><%category_name>(<%category_count>)</a>
<!--category_nosub-->
</li>
<!--/category_nosub-->
<!--category_sub_hasnext-->
</li>
<!--/category_sub_hasnext-->
<!--category_sub_end-->
</li>
</ul>
</li>
<!--/category_sub_end-->
<!--/category-->
</ul>
</li>

</ul>
<!--▲ メニューバー ▲-->

<div id="layer_base">
<img src="画像URL" />
<div id="layer_1">文字１</div>
<div id="layer_2">文字２</div>
</div>

#layer_base {
position: relative; /* 基準となる位置 */
width:1000px; /* 基準の幅 */
height: 300px; /* 基準の高さ */
}

#layer_1 {
position: absolute; /* 基準からの相対位置 */
top: 10px; /* 上からの位置 */
right: 10px; /* 右からの位置 */
}

#layer_2 {
position: absolute; /* 基準からの相対位置 */
bottom: 10px; /* 下からの位置 */
left: 10px; /*左からの位置 */
}

プラグイン３を、プラグイン１と記事の上に表示する

<!--▲▲ ヘッダー ▲▲-->

<div id="center-left">

<!--▼▼ プラグイン カテゴリー３ ▼▼-->
～
<!--▲▲ プラグイン カテゴリー３ ▲▲-->

<div id="center">

プラグイン３を、記事とプラグイン２の上に表示する

<!--▼▼ プラグイン カテゴリー１ ▼▼-->
～
<!--▲▲ プラグイン カテゴリー１ ▲▲-->

<!--▼▼ プラグイン カテゴリー2 ▼▼-->
～
<!--▲▲ プラグイン カテゴリー2 ▲▲-->

#center {
float:left;
}

#left {
float:right;
}

#right {
float:left;
}

#center-left {
float:right;
}