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

■HTMLのソース

<!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">
<html 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">
<link href="<%css_link>" type="text/css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml">
<title><%blog_name> <%sub_title></title>
<link href="<%css_link>" rel="stylesheet" type="text/css" />
</head>
<body>

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

<div id="EntryBlock">

<div class="top_entry-index">
<div class="top_entry-body">
■<strong>フリースペース</strong><br />
　※このフリースペースは、サイトトップにのみ表示されます。<br />
　※不要な場合には、&lt;!--index_area--&gt; ～ &lt;!--/index_area--&gt; の部分を削除して下さい。<br />
　※広告を掲載したり、検索エンジンで上位表示させたいキーワードを記入したり、ご自由にどうぞ！<br />
　※検索エンジン上位表示には、ページ上部に上位表示させたいキーワードを記入する事が有効です！<br />
　※トップページの文章を固定することで、キーワードを安定して検索エンジン上位表示させる事が可能<br />
　　（BLOGのTopPageは、記事内容が投稿する度に変わるので安定した表示順位がキープしにくいです）<br />
　※<span style="color:#ff3300;">見かけ上は、左メニューですが、HTML では、記事部分がページ上部に記載されます。</span> <br />
　　（CSS で枠位置を制御しているため、IE 以外のプラウザではレイアウトが崩れる可能性あり）<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="#page_top" 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><a name="trackback" id="trackback"></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 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 />
<table border="0"><tr><td>
<%ad> <%ad2>　／　Template by
</td><td style="width:95px;">
<a href="http://blog298.blog25.fc2.com/" target="_blank"><img src="http://blog25.fc2.com/b/blog298/file/blog_c.gif" border="0" alt="無料ブログ（blog）テンプレート カスタマイズ方法" style="margin-bottom:-3px;"></a>
</td></tr></table>
</div></div>

</div>

<div class="menu_RightBlock">

<div class="menuBlockBase">

<div class="menuBlockHead" style="text-align:<%plugin_first_talign>"> <%plugin_first_title></div>
<div class="menuBlockBody">
<div class="menuBlockText">
<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="menuBlockHead" style="text-align:<%plugin_third_talign>"><%plugin_third_title></div>
<div class="menuBlockBody"">
<div class="menuBlockText">
<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>

</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; line-height: 130%;
	background-image: url(http://blog31.fc2.com/w/weblog29/file/bg.01wb.gif);
	margin: 0px 0px 10px 0px;
}

/************************************/
/*head要素              */

#headBlock {
	width: 820px; text-align : left;
	position:absolute;top:5px;left:10px;height:80px;
}
.h1 {
	font-family:"HG丸ｺﾞｼｯｸM-PRO", "Verdana", "ＭＳ Ｐゴシック", "Arial Black", "Impact", "Osaka";
	font-size: 24px;
	color: #cc9933;
	margin-bottom: 0px;
	padding : 10px 0px 5px 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: 13px; font-weight:bold;
	color: #550000; text-align : left;
	margin-bottom: 10px;
	padding-top  : 10px;
	padding-left : 30px;
}

#headBlock a {
	text-decoration : none;
}
#headBlock a:hover {
	color:#ff7700; text-decoration : none;
}
.login {
	width: 800px; text-align : right; font-size: 12px;
	position:absolute;top:80px;left:10px;
}

/************************************/
/* index_area 要素              */
.top_entry-index {
	margin: 0px 0px 15px 0px; width: 585px;
	border: double 5px #D3D1B5;
}
.top_entry-body {
	margin: 0px; padding: 5px; font-size:13px;
}

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

#EntryBlock {
	width: 585px;
	padding: 0px;
	margin-top: 0px;
	position:absolute;top:100px;left:235px;
}
.mainEntryBlock {
	margin: 0px 0px 15px 0px;
	border: double 5px #D3D1B5;
	vertical-align : top;
	width: 585px;
	background-color:#fff;
}
.mainEntryBase {
	margin: 0px 0px 10px 0px;
	background-color:#fff;
}
.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: 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; color: #454545;
	line-height: 130%;
	text-align: right;
	margin: 0px 0px 5px 0px; padding-right: 5px;
	border-top: dotted 2px #D3D1B5;
}
.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;
}
.pageLink {
	font-size: 12px;
	color: #006600;
	text-align: center;
	margin: 5px 0px 10px 0px;
}

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

.menu_RightBlock {
	vertical-align : top;
	width : 210px;
	position:absolute;top:100px;left:10px;
}
.menuBlockBase {
	width : 100%;
}
.menuBlockHead {
	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;
}
.menuBlockBody {
	margin:0px;
	padding: 0px;
}
.menuBlockBody p{
	margin: 0px 0px 5px 0px;
}
.menuBlockText {
	font-family: "MS UI Gothic", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
	font-size: 13px;
	padding: 5px 5px 0px 5px;
	color: #333333;
	line-height: 120%;
	margin: 0px;
}
.menuBlockText ul {
	padding-left: 15px;
	margin: 0px;
}
.menuBlockText ul li {
	padding: 0px;
	margin: 5px;
	list-style-type: square;
}
.plugin-freearea {
	font-size: 13px;
}

/************************************/
/* リンクの色  */
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;
}

▼ 2カラム左メニュー

・custom2-lm　
・139_sl2lm　
・168_liblue_2lm　

▼ 2カラム右メニュー

・169_liblue_2rm　

▼ 3カラム

・blog298_10-3
・124_flow_3c
・167_liblue_3ca

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

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