custom2-01 - FC2ブログ専用テンプレートのソース

■HTMLのソース

<?xml version="1.0" encoding="EUC-JP"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-jp" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />
<title><%blog_name> <%sub_title></title>
<link href="<%css_link>" rel="stylesheet" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml" />
</head>
<body>

<div id="baseBlock">

<div id="headBlock1">
<h1 class="h1"><a href="<%url>"><%blog_name></a></h1>
<div id="headIntroduction"><%introduction></div>
</div>
<div class="login"><a href="./?admin">管理者ページ</a>&nbsp;</div>

<div id="baseBlock2">

<div id="main_Block">

<div class="top_entry-index">
<div class="top_entry-body">
■<strong>フリースペース</strong><br />
　※このフリースペースは、サイトトップにのみ表示されます。<br />
　※広告を掲載したり、検索エンジンで上位表示させたいキーワードを記入したり、ご自由にどうぞ！<br />
　※検索エンジン上位表示させるには、ページ上部に上位表示させたいキーワードを記入する事が有効です！<br />
　※トップページの文章を固定することで、キーワードを安定して検索エンジン上位表示させる事が可能です。<br />
　　（ブログのトップページは、記事の内容が投稿する度に変わるので安定した表示順位がキープしにくいです）<br />
　※お好みで、背景画像を追加したりしてカスタマイズして下さい。⇒ 参考記事；<a href="http://blog298.blog25.fc2.com/blog-category-7.html" target="_blank">背景画像を固定する方法</a><br />
　※詳細は、「<a href="http://blog298.blog25.fc2.com/" target="_blank">無料ブログ（blog）カスタマイズ</a>」をご覧下さい。 <br />
</div>
</div>

<div class="mainEntryBlock">
<div class="mainEntryBase">
<div class="mainEntryTitle"><h2><a href="<%topentry_link>"><%topentry_title></a></h2></div>
<div class="mainEntryBody"><%topentry_body></div>
<div class="mainEntryMore">

≫<a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a>


<a name="more" id="more"></a><%topentry_more>

</div>
</div>

<div class="mainEntryDate"><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_wayoubi>) </a> | <a href="<%topentry_category_link>"><%topentry_category></a> | 

<a href="<%topentry_link>#trackback">トラックバック：<%topentry_tb_num></a> | 




<a href="<%topentry_link>#comment">コメント：<%topentry_comment_num></a> |

<a href="#baseBlock" title="ページトップへ">PageTop↑</a>


</div>

</div>

<div class="pageLink">

≪<a href="<%preventry_url>"><%preventry_title></a>

| <a href="<%url>">ホーム</a> |

<a href="<%nextentry_url>"><%nextentry_title></a>≫

</div>
<div class="mainEntryBlock">
<div class="mainEntryTitle"><a name="comment" id="comment">コメント</a></div>
<div class="mainEntryBase">
<div class="mainCommentBold">この記事へのコメント</div>

<div class="mainCommentTitle"><a id="comment<%comment_no>" name="comment<%comment_no>"></a><%comment_title></div>
<div class="mainCommentBody"><%comment_body></div>
<div class="mainCommentDate"><%comment_year>/<%comment_month>/<%comment_day>(<%comment_wayoubi>) <%comment_hour>:<%comment_minute>:<%comment_second> | <%comment_url+str> | <%comment_mail+name> #<%comment_trip>[ <a href="<%comment_edit_link>">編集</a>]</div>


<div class="mainCommentBold"><a name="comment_post" id="comment_post">コメントを投稿する</a></div>
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="regist" />
<input type="hidden" name="comment[no]" value="<%pno>" />
<div class="mainCommentBody">
<table border="0" align="center" cellpadding="8" cellspacing="0">
<tr><td width="50"><label for="name">Name:</label></td>
<td width="250"><input id="name" type="text" name="comment[name]" size="30" class="mainFormText" value="<%cookie_name>" />
</td></tr><tr><td>
<label for="subject">Subject:</label>
</td><td>
<input id="subject" type="text" name="comment[title]" size="30" class="mainFormText" />
</td></tr><tr><td>
<label for="mail">Mail:</label>
</td><td>
<input id="mail" type="text" name="comment[mail]" size="30" class="mainFormText" value="<%cookie_mail>" />
</td></tr><tr><td>URL:
</td><td>
<input id="url" type="text" name="comment[url]" size="30" class="mainFormText" value="<%cookie_url>" />
</td></tr><tr><td>Comment:
</td><td>
<script type="text/javascript" src="http://blog25.fc2.com/load.js"></script><br />
<textarea id="comment" cols="40" rows="8" name="comment[body]" class="mainFormTextarea" ></textarea>
</td></tr><tr><td>Pass:
</td><td><input id="pass" type="password" name="comment[pass]" size="20" class="mainFormPass" />
</td></tr><tr><td>秘密:
</td><td>
<input id="himitu" type="checkbox" name="comment[himitu]" class="mainFormCheack" />
                    管理者にだけ表示を許可する
</td></tr><tr><td>&nbsp;
</td><td>
<input type="submit" value="送信" class="mainFormButton" />
</td></tr></table>
</div>
</form>

</div></div>

	    


<div class="mainEntryBlock">
<div class="mainCommentBold"><a name="comment_post" id="comment_post"></a>コメントを編集する</div>
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="edit" />
<input type="hidden" name="mode2" value="edited" />
<input type="hidden" name="edit[rno]" value="<%eno>" />
<div compact="compact" class="mainCommentBody">
<table border="0" align="center" cellpadding="8" cellspacing="0">
<tr><td>Name:
</td><td>
<input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>" class="mainFormText" />
</td></tr><tr><td>Subject:
</td><td>
<input id="subject" type="text" name="edit[title]" size="30" value="<%edit_title>" class="mainFormText" />
</td></tr><tr><td>Mail:
</td><td>
<input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>" class="mainFormText" />
</td></tr><tr><td>
<label for="url">URL:</label>
</td><td><input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>" class="mainFormText" />
</td></tr><tr><td>Comment:
</td><td>
<script type="text/javascript" src="http://blog25.fc2.com/load.js"></script><br />
<textarea id="comment" cols="40" rows="8" name="edit[body]" class="mainFormTextarea"><%edit_body></textarea>
</td></tr><tr><td>Pass:
</td><td>
<input id="pass" type="password" name="edit[pass]" size="20" class="mainFormPass" />
</td></tr><tr><td>秘密:
</td><td>
<input id="himitu" type="checkbox" name="edit[himitu]" class="mainFormCheack" />秘密にする
</td></tr><tr><td>&nbsp;
</td><td><input type="submit" value="送信" class="mainFormButton" />
                    　
<input type="submit" name="edit[delete]" value="削除" class="mainFormButton" />
</td></tr></table>
</div>
</form>
</div>

<div class="mainEntryBlock">
<div class="mainEntryTitle"><a id="<%topentry_no>" name="<%topentry_no>">トラックバック</a></div>
<div class="mainEntryBase">
<div class="mainTrabaBold">この記事のトラックバックURL</div>
<div class="mainTrabaUrl"><%trackback_url><br /> <a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);">この記事にトラックバックする(FC2ブログユーザー)</a></div>
<div class="mainTrabaBold">この記事へのトラックバック</div>

<div class="mainTrabaTitle"><a href="<%tb_url>" name="trackback<%tb_no>" id="trackback<%tb_no>"><%tb_title></a></div>
<div class="mainTrabaBody"><%tb_excerpt></div>
<div class="mainTrabaDate"><%tb_year>/<%tb_month>/<%tb_day>(<%tb_wayoubi>) <%tb_hour>:<%tb_minute>:<%tb_second> | <%tb_blog_name></div>

</div>

</div>

</div>

<div id="menu_RightBlock">

<div class="menu2BlockBase">

<div class="menu2BlockHead" style="text-align:<%plugin_first_talign>"> <%plugin_first_title></div>
<div class="menu2BlockBody">
<div class="menu2BlockText">
<p style="text-align:<%plugin_first_ialign>">
<%plugin_first_description>
</p>
<%plugin_first_content>
<p style="text-align:<%plugin_first_ialign>">
<%plugin_first_description2>
</p>
</div></div>

</div>

<div class="menu2BlockHead" style="text-align:<%plugin_third_talign>"><%plugin_third_title></div>
<div class="menu2BlockBody">
<div class="menu2BlockText">
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description>
</p>
<%plugin_third_content>
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description2>
</p>
</div>
</div>

</div>

</div>

<div align="center">

<div id="footBlock">
<div id="siteinfo-legal">
<p class="prev-next-navi">

<a href="<%prevpage_url>" title="前頁へ移動する">Before</a>

<span>&nbsp;←&nbsp;|&nbsp;</span><a href="<%url>" title="<%blog_name>へ戻る"><%blog_name></a>
<span>&nbsp;|&nbsp;→&nbsp;</span>

<a href="<%nextpage_url>" title="次頁へ移動する">Next</a>

</p>
<br />
Template by <a href="http://blog298.blog25.fc2.com/" target="_blank">無料ブログ（blog）テンプレート カスタマイズ方法</a>
<br />
<%ad> <%ad2>

</div></div>

</div>
</div>

</div>

</body>
</html>

■CSSのソース

@charset "EUC-JP";

/************************************/
/* body              */
body{
    font-family:"ＭＳ Ｐゴシック", "Verdana", "Arial Black", "FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Osaka";
    font-size: 14px; text-align : center;
    line-height: 130%;
    margin: 0px;
}
.head { padding : 0px 3px 0px 3px;
}

/************************************/
/* Main_Body 要素              */

#baseBlock {
	width: 98%;
	padding: 0px;
	margin: 0px auto;
	text-align : left;
}
#baseBlock2 {
	width: 100%;
	padding: 0px;
	margin-top: 0px; text-align : left;
}
#main_body {
	width: 100%;
	padding: 0px;
	margin: 0px; text-align : left;
}

/************************************/
/*head要素              */
#headBlock1 {
	width: 100%; text-align : left;
}
.h1 {
	font-family:"HG丸ｺﾞｼｯｸM-PRO", "Verdana", "ＭＳ Ｐゴシック", "Arial Black", "Impact", "Osaka";
	font-size: 25px;
	color: #cc9933;
	margin-bottom: 0px;
	padding : 15px 0px 10px 20px;
}
#headIntroduction{
	font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
	font-size: 14px; font-weight:bold;
	color: #550000; text-align : left;
	margin-bottom: 10px;
	padding-top  : 10px;
	padding-left : 30px;
}

#headBlock1 a {
	text-decoration : none;
}
#headBlock1 a:hover {
	color:#ff7700; text-decoration : none;
}
.login {
	width: 98%; text-align : right; font-size: 12px;
	margin: 0px;
}

/************************************/
/* top_entry 要素              */
.top_entry-index {
	margin: 0px 5px 10px 0px;
	border: double 5px #D3D1B5;
}
.top_entry-body {
	margin: 0px; padding: 8px;
	font-size: 14px; text-align:left;
}

/************************************/
/* main 要素              */

#main_Block {
	float : left;
	width : 75%;
	vertical-align : top;
}
.mainEntryBlock {
	margin: 0px 5px 15px 0px;
	border: double 5px #D3D1B5;
}
.mainEntryBase {
	margin-bottom : 15px;
}
.mainEntryTitle {
	padding: 3px 0px 2px 5px;
	margin: 0px;
	font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
	border-bottom: dotted 2px #D3D1B5;
}
.mainEntryTitle h2 {
	font-size: 16px;
	margin: 1px 0px 1px 0px;
}
.mainEntryTitle h2 a:link {
	text-decoration : none;
	color: #660033;
	margin: 0px;
 }
.mainEntryTitle h2 a:visited {
	color:#990033; text-decoration : none;
 }
.mainEntryTitle h2 a:hover {
	color:#ff3300; text-decoration : none;
 }
.mainEntryBody {
	margin: 10px 5px 10px 5px;
	font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
	font-size: 14px; padding:8px;
	line-height: 130%;
	color: #333333;
}
.mainEntryMore {
	margin: 0px;
	font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
	font-size: 12px;
	line-height: 130%;
	color: #333333;
}
.mainEntryDate {
	font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
	font-size: 12px;
	line-height: 130%;
	color: #454545;
	text-align: right;
	margin: 0px 0px 5px 0px;
	padding-right: 5px;
}
.mainEntryComment {
	font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
	font-size: 10px;
	line-height: 130%;
	color: #666666;
	margin: 0px 10px 0px 15px;
}
.mainEntryComment ul {
	padding: 0px;
	margin: 0px 10px 5px 5px;
}
.pageLink {
	font-size: 12px;
	color: #006600;
	text-align: center;
	margin: 5px 0px 10px 0px;
}

/************************************/
/* mainComment要素              */
.mainCommentBold {
	padding: 10px 0px 2px 5px;
	margin: 0px 3px;
	border-bottom: 3px solid #F0F0F0;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}
.mainCommentTitle{
	padding: 3px 0px 5px 15px;
	font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
	font-weight: bold;
	font-size: 12px;
	color: #990033;
}
.mainCommentBody {
	padding: 0px 0px 0px 20px;
	font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
	font-size: 12px;
	line-height: 130%;
	color: #333333;
}
.mainCommentDate {
	padding: 5px 10px 15px 20px;
	font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
	font-size: 10px;
	color: #454545;
}

/************************************/
/* mainForm要素              */
.mainForm {
	margin: 10px;
}
.mainForm dt {
	width: 150px;
}
.mainForm dd {
	font-size: 10px;
	padding: 0;
	margin: 15px 10px 0px;
}
.mainFormText {
	width: 250px;
	border: 1px solid #003366;
}
.mainFormTextarea {
	width: 250px;
	border: 1px solid #003366;
}
.mainFormPass {
	border: 1px solid #003366;
}
.mainFormCheck {
	border: 1px solid #003366;
}
.mainFormButton {
	width: 100px;
}

/************************************/
/* maintTraba要素              */
.mainTrabaBold{
	padding: 15px 0px 2px 5px;
	margin: 0px 3px 0px 3px;
	border-bottom: 3px solid #F0F0F0;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}
.mainTrabaTitle{
	padding: 3px 0px 5px 15px;
	font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
	font-weight: bold;
	font-size: 12px;
	color: #009966;
}
.mainTrabaBody {
	padding: 0px 0px 0px 20px;
	font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
	font-size: 12px;
	line-height: 130%;
	color: #333333;
}
.mainTrabaDate {
	padding: 5px 10px 15px 20px;
	font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
	font-size: 10px;
	color: #454545;
}
.mainTrabaUrl {
	padding: 4px 0px 20px 10px;
}

/************************************/
/* 右menu 要素              */

#menu_RightBlock {
	float : right;
	vertical-align : top;
	width : 24%;
}
.menu2BlockBase {
	width : 100%;
}
.menu2BlockHead {
	font-size:15px; font-weight: bold;
	border-top: dotted 2px #D3D1B5;
	border-right: dotted 2px #D3D1B5;
	border-bottom: dotted 2px #D3D1B5;
	border-left: solid 10px #D3D1B5;
	padding: 0px 0px 0px 3px;
	background-color:#eee;
}
.menu2BlockBody {
	margin:0px;
	padding: 0px;
}
.menuBlockBody p{
	margin: 0px;
}
.menu2BlockText {
	width : 100%;
	font-family: "MS UI Gothic", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
	font-size: 14px;
	padding: 5px 5px 0px 5px;
	color: #333333;
	line-height: 130%;
	margin-bottom: 5px;
}
.menu2BlockText ul {
	padding-left: 15px;
	margin: 0px;
}
.menu2BlockText ul li {
	padding: 0px;
	margin: 5px;
	list-style-type: square;
}
.plugin-freearea {
	font-size: 14px;
}

/************************************/
/* リンクの色  */
a{ color: #656565;
}
a:link{ color: #006655; text-decoration: underline;
}
a:visited{ color: #656565;
}
a:hover{ color: #ff2200; text-decoration:none;
}
a:active { color : #ff6347; text-decoration : line-through;
}

/************************************/
/* list要素              */
blockquote {
	margin: 5px;
	background-color: #E8F3FF;
	padding: 5px;
	border-top: 1px dotted #ffcc00;
	border-right: 1px dotted #ffcc00;
	border-bottom: 1px dotted #ffcc00;
	border-left: 5px solid #ffcc00;
}

/************************************/
/* form 要素              */
form {
	padding: 0px;
	margin: 0px;
	margin-right: 5px;
}
.search {
	width:70px;
	border: 1px solid #C2C2C2;
	margin-top: 0px;
	margin-left: 5px;
}
.button {
	width:30px;
	border: 1px solid #C2C2C2;
	background-color:#ffffff;
	margin-left: 0px;
	margin-top: 0px;
}

/************************************/
/* pluginカレンダー要素  */
table.calender {
	font-size: 12px;
	width: 95%;
	border-collapse: separate;
	border-spacing: 0;
	padding: 0.5em 0 0.7em 0;
	font-family: Arial, Helvetica, sans-serif;
}
.calender caption {
	font-size: 100%;
	border-bottom: 1px solid #777;
	padding: 0 0 0.5em 0;
}
.calender th {
	font-weight: normal;
}
.calender td {
	width: 14%;
	text-align: center;
	padding: 0.1em;
	color:#333333;
}
.calender td a {
	display: block;
}
th#sun {
	color: #ff0000;
}
th#sat {
	color: #3333ff;
}

/************************************/
/* Siteinfo-Legal              */

div#siteinfo-legal p {
	width: 100%;
	padding : 0px;
	text-align : center;
	margin:0px 0px 0px 0px;
}

/************************************/
/* footer 要素              */
#footBlock {
	width: 100%;
	font-size: 13px; font-weight: bold;
	text-align : center;
	padding-top: 10px;
	margin: 0px 0px 10px 0px;
	clear: both;
}

img.emoji{
	vertical-align:middle;
	border:0;
}

▼ 備考
左メニューにする場合には、以下の赤字の部分（left と right）を入れ替えて下さい。

#main_Block {
float : left;
width : 75%;
vertical-align : top;
}

#menu_RightBlock {
float : right;
vertical-align : top;
width : 24%;
}

▼ 2カラム左メニュー

・custom2-lm
・139_sl2lm
・168_liblue_2lm　

▼ 2カラム右メニュー

・custom2-01
・169_liblue_2rm
・simple_gray2cr

▼ 3カラム

・blog298_10-3
・124_flow_3c
・167_liblue_3ca

◎ FC2ブログ専用テンプレートのソース一覧

■無料ブログ（blog）カスタマイズ方法　■無料ブログアフィリエイトSEOテンプレート　■ただタダ無料ブログ
■無料ホームページ作成講座ブログ　■無料blog 比較評価ブログ　■アクセスアップSEOブログ＋α
■おすすめ無料ブログ(blog)比較　　■SEO対策仕様ブログテンプレート無料会員募集