ＦＣ２Ｂｌｏｇテンプレート製作所

【　利　用　規　約　】

　フッダーの著作権表示＆リンクさえ削除しなければＯＫです
　使いやすいようにご自由にカスタマイズしちゃってください

…　管理人：なみの

■サンプル画像　⇒　プレビュー
シンプル02

■ＨＴＭＬソース

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<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>
</head><body>

<div id="main">

<div class="entryBodyset">
			<div class="entry_date"><%topentry_year>-<%topentry_month>-<%topentry_day> <%topentry_youbi></div>
			<div class="entry_title"><a id="<%topentry_no>" name="<%topentry_no>"></a><a href="<%topentry_link>"><%topentry_title></a></div>
			<div class="entry_body">
				<%topentry_body>
				<br clear="all"><BR> <a href="<%topentry_link>#more">“<%topentry_title>”の続きを読む＞＞</a>
				<hr size="1"><a name="more" id="more"></a><%topentry_more>
			</div>
			<div class="entry_state">
				<a href="<%topentry_category_link>"><%topentry_category></a>
				|
				<%topentry_hour>:<%topentry_minute>:<%topentry_second>
				|
				<a href="<%topentry_link>#trackback">Trackback(<%topentry_tb_num>)</a>
				 Trackback(-)
				|
				<a href="<%topentry_link>#comment">Comments(<%topentry_comment_num>)</a>
				Comments(-)
			</div>
		</div>

<div id="nav">&laquo; <a href="<%preventry_url>"><%preventry_title></a> | <a href="<%url>">ホーム</a> | <a href="<%nextentry_url>"><%nextentry_title></a> &raquo;</div>
		<div class="entryBodyset">
			<div class="entry_title"><a name="comment">□ コメント</a></div>

<div class="entry_title"><a id="comment<%comment_no>" name="comment<%comment_no>"><%comment_title></a></div>
			<div class="entry_body"><%comment_body></div>
			<div class="entry_state">
				<%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>

<div class="entryBodyset">
			<div class="entry_title"><a name="comment_post">□ コメントの投稿</a></div>
			<form method="post" action="./">
			<div class="entry_body">
				<input type="hidden" name="mode" value="regist">
				<input type="hidden" name="comment[no]" value="<%pno>">
				<dl class="comform">
				<dt><label for="name">Name:</label></dt><dd><input id="name" type="text" name="comment[name]" size="30"></dd>
				<dt><label for="subject">Subject:</label></dt><dd><input id="subject" type="text" name="comment[title]" size="30"></dd>
				<dt><label for="mail">Mail:</label></dt><dd><input id="mail" type="text" name="comment[mail]" size="30"></dd>
				<dt><label for="url">URL:</label></dt><dd><input id="url" type="text" name="comment[url]" size="30"></dd>
				<dt><label for="comment">comment:</label></dt><dd><textarea id="comment" cols="40" rows="8" name="comment[body]"></textarea></dd>
				<dt><label for="pass">Pass:</label></dt><dd><input id="pass" type="password" name="comment[pass]" size="20"></dd>
				<dt><label for="himitu">秘密:</label></dt><dd><input id="himitu" type="checkbox" STYLE="border-style:none;" name="comment[himitu]">管理者にだけ表示を許可する</dd>
				</dl>
				<p><input type="submit" value=" 送　信 " class="btn"></p>
			</div>
			</form>
		</div>

<div class="entryBodyset">
			<div class="entry_title"><a name="comment_post">□ コメントの編集</a></div>
			<form method="post" action="./">
			<div class="entry_body">
				<input type="hidden" name="mode" value="edit">
				<input type="hidden" name="mode2" value="edited">
				<input type="hidden" name="edit[rno]" value="<%eno>">
				<dl class="comform">
				<dt><label for="name">Name:</label></dt><dd><input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>"></dd>
				<dt><label for="subject">Subject:</label></dt><dd><input id="subject" type="text" name="edit[title]" size="30" value="<%edit_title>"></dd>
				<dt><label for="mail">Mail:</label></dt><dd><input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>"></dd>
				<dt><label for="url">URL:</label></dt><dd><input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>"></dd>
				<dt><label for="comment">comment:</label></dt><dd><textarea id="comment" cols="40" rows="8" name="edit[body]"><%edit_body></textarea></dd>
				<dt><label for="pass">Pass:</label></dt><dd><input id="pass" type="password" name="edit[pass]" size="20"></dd>
				<dt><label for="himitu">秘密:</label></dt><dd><input id="himitu" type="checkbox" name="edit[himitu]">秘密にする</dd>
				</dl>
				<p>
				<input type="submit" value=" 送　信 ">
				<input type="submit" name="edit[delete]" value="削除">
				</p>
			</div>
			</form>
		</div>

<div class="entryBodyset">
			<div class="entry_title"><a name="trackback">□ トラックバック</a></div>
			<div class="entry_body">
				<a href="<%trackback_url>"><%trackback_url></a>
			</div>
		</div>

<div class="entryBodyset">
			<div class="entry_title"><a href="<%tb_url>" name="trackback<%tb_no>"><%tb_title></a></div>
			<div class="entry_body">
				<%tb_excerpt>
				<%tb_year>-<%tb_month>-<%tb_day> <%tb_youbi> <%tb_hour>:<%tb_minute>:<%tb_second> | <%tb_blog_name>
			</div>
		</div>

<a href="<%prevpage_url>">前のページ</a> <a href="<%nextpage_url>">次のページ</a>
	</div>

<div id="side">

<div class="sideSet">
		<div class="linktitle">PROFILE</div>
		<div class="linktext">
		<p class="pay"><img src="<%image>" alt="<%author_name>"></p>
		<ul class="info">
			<li>author: <%author_name></li>
			<li><%introduction2></li>
			<li><a href="<%url>?xml">RSS</a></li>
			<li><%ad></li>
			<li><%ad2></li>
		</ul>
		</div>
		</div>

<div class="sideSet">
		<div class="linktitle">Calender</div>
		<div class="linktext" STYLE="text-align: center;">
			<table summary="カレンダー" class="calendar" border="0"><tr>
			<td abbr="日曜日" scope="row" class="hi_sun">Ｓ</td>
			<td abbr="月曜日" scope="row" class="hi">Ｍ</td>
			<td abbr="火曜日" scope="row" class="hi">Ｔ</td>
			<td abbr="水曜日" scope="row" class="hi">Ｗ</td>
			<td abbr="木曜日" scope="row" class="hi">Ｔ</td>
			<td abbr="金曜日" scope="row" class="hi">Ｆ</td>
			<td abbr="土曜日" scope="row" class="hi_sat">Ｓ</td>
			</tr>
			</table>
			<table summary="カレンダー" class="calendar" border="0">
			<tr>
			<td class="hi_sun"><%calender_sun></td>
			<td class="hi"><%calender_mon></td>
			<td class="hi"><%calender_tue></td>
			<td class="hi"><%calender_wed></td>
			<td class="hi"><%calender_thu></td>
			<td class="hi"><%calender_fri></td>
			<td class="hi_sat"><%calender_sat></td>
			</tr>
			
			</table>

<a href="<%prev_month_link>"><%prev_month>月</a>
			&laquo; <%now_year>/<%now_month> &raquo;
			<a href="<%next_month_link>"><%next_month>月</a>
			</caption>
		</div>
		</div>

<div class="sideSet">
		<div class="linktitle">Category</div>
		<div class="linktext">
			<ul>
			
			<li><a href="<%category_link>" title="<%category_name>"><%category_name> (<%category_count>)</a></li>
			
			</ul>
		</div>
		</div>

<div class="sideSet">
		<div class="linktitle">Recent Entries</div>
		<div class="linktext">
			<ul>
			
			<li><a href="<%recent_link>" title="<%recent_body>"><%recent_title></a> (<%recent_month>/<%recent_day>)</li>
			
			</ul>
		</div>
		</div>

<div class="sideSet">
		<div class="linktitle">Recent Comments</div>
		<div class="linktext">
			<ul>
			
			<li><a href="<%rcomment_link>#comment<%rcomment_no>"><%rcomment_name>:<%rcomment_title></a> (<%rcomment_month>/<%rcomment_day>)</li>
			
			</ul>
		</div>
		</div>

<div class="sideSet">
		<div class="linktitle">Recent Trackbacks</div>
		<div class="linktext">
			<ul>
			
			<li><a href="<%rtrackback_link>#trackback<%rtrackback_no>" title="<%rtrackback_excerpt>"><%rtrackback_blog_name>:<%rtrackback_title></a> (<%rtrackback_month>/<%rtrackback_day>)</li>
			
			</ul>
		</div>
		</div>

<div class="sideSet">
		<div class="linktitle">Archives</div>
		<div class="linktext">
			<ul>
			
			<li><a href="<%archive_link>" title="<%archive_year>年<%archive_month>月"><%archive_year>年<%archive_month>月 (<%archive_count>)</a></li>
			
			</ul>
		</div>
		</div>

<div class="sideSet">
		<div class="linktitle">Links</div>
		<div class="linktext">
			<ul>
			
			<li><a href="<%link_url>" title="<%link_name>"><%link_name></a></li>
			
			</ul>
		</div>
		</div>

<div class="sideSet">
		<div class="linktitle">Search</div>
		<div class="linktext" STYLE="font-size:10px;">
			Search this site.
			<form action="./" method="get">
			<input type="text" size="20" name="q" value="" maxlength="100">
			<input type="submit" value="Search" class="btn">
			</form>
		</div>
		</div>

</div>

<p id="footer">
	Copyright &copy; 2004 Powered By <a href="http://blog.fc2.com/">FC2</a>. All Rights Reserved.

Skin：<a href="http://blog2.fc2.com/or/" target="_blank">Or</a>/<a href="http://get.daa.jp/" target="_blank">GetNet</a>

</p>

</body>
</html>

■スタイルシート

/* ------- ■全体設定------- */
* {
	margin: 0;
	padding: 0;
}

HTML {
	scrollbar-3dlight-color:#222;
	scrollbar-arrow-color:#eee;
	scrollbar-darkshadow-color:#222;
	scrollbar-face-color:#222;
	scrollbar-highlight-color:#eee;
	scrollbar-shadow-color:#eee;
	scrollbar-track-color:#222;
}

body {
	color: #ccc;
	font-size: 12px;
	background-color: #222;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

input, textarea {
	color:#fff;
	background-color:#333;
	border: 1px solid #aaa;
	font-size: 12px;
}

.btn {
	background-color:#333;
	color:#ccc;
}

form {
	padding: 0px;
	margin: 0px;
}

/* ------- ■リンクの色 ------- */
a:link 		{color: #ccc; text-decoration: underline;}
a:visited 	{color: #ccc; text-decoration: underline;}
a:hover 	{color: #999; text-decoration: none;}

/* ------- ■全体のくくり------- */
#all { 
	width: 760px;
	PADDING: 0px; 
	margin: 0px;
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 
}

/* ------- ■タイトル部分 ------- */
#banner {
	background-color: #222;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	border-bottom: 1px solid #999;
	clear: both;
}

#banner_l {
	width: 760px;
	text-align: left;
	margin:0px 0px 0px 0px;
	padding: 10px 0px 10px 20px;
}

h1 {
	font-size: 18px;
	margin: 0px;
}

h2 {
	font-size: 13px;
	margin: 0px;
}

.site_title {
	margin: 0px;
}

.site_title a,
.site_title a:link,
.site_title a:visited,
.site_title a:active,
.site_title a:hover {
	color: #fff;
	text-decoration: none;
}

.description {
	color: #bbb;
	margin: 5px 0px 0px 10px;
}

/* ------- ■メニュー部分 ------- */
#side {
	float: right;
	OVERFLOW: hidden;
	width: 200px;
}

/* ------- ■記事カラム部分 ------- */
#main {
	float: left;
	OVERFLOW: hidden;
	width:540px;
}

/* ------- ■記事の枠部分 ------- */
.entryBodyset {
	clear: both;
	width: 510px;
	margin: 0px 0px 15px 10px;
	text-align: left;
}

.entry_date {
	color: #CC9900;
	font-size: 10px;
	text-align: right;
	font-weight: normal;
	letter-spacing : 1px;
	font-family: "Verdana", "ＭＳ ゴシック", "Osaka";
	padding: 3px 3px 3px 0px;
	border-bottom: 1px solid #777;
}

.entry_title {
	color: #eee;
	font-weight: bold;
	font-size: 14px;
	font-family: "Verdana", "ＭＳ ゴシック", "Osaka";
	padding: 10px 0px 3px 10px;
}
.entry_title a, .entry_title a:link, .entry_title a:visited, .entry_title a:active, .entry_title a:hover { text-decoration: none;}

.entry_body {
	font-size: 12px;
	line-height: 150%;
	font-family: "Verdana", "ＭＳ ゴシック", "Osaka";
	margin: 10px 0px 15px 0px;
}

.entry_state {
	font-size: 12px;
	color: #999999;
	font-family: "Verdana", "ＭＳ ゴシック", "Osaka";
	margin: 10px 0px 30px 0px;
	text-align: center;
	clear: both;
}

blockquote {
	font-size: 11px;
	color: #ccc;
	padding: 7px;
	margin: 5px 20px 5px 10px;
	border: 1px dotted #bbb;
}

/* 記事内の画像 */
.entry_body img {
	border: 1px solid #ccc;
	float: left;
	margin: 0 10px 5px 0;
}

/* ------- ■カレンダー部分 ------- */
.calender {
	width: 100%;
	font-size: 10px;
	color: #eee;
	letter-spacing : 1px;
	margin: 0px;
	padding: 0px;
}

.hi {
	color: #eee;
	font-size: 10px;
	font-family: Verdana;
	text-align: center;
	margin: 0px;
	width: 25px;
	height: 15px
}

.hi_sun {
	color: #993300;
	font-size: 10px;
	font-family: Verdana;
	text-align: center;
	margin: 0px;
	width: 25px;
	height: 15px
}

.hi_sat {
	color: #5982b2;
	font-size: 10px;
	font-family: Verdana;
	text-align: center;
	margin: 0px;
	width: 25px;
	height: 15px
}

/* ------- ■メニューの小分け部分 ------- */
.sideSet {
	width: 100%;
	margin: 0px 0px 20px 0px;
	text-align: left;
}

.linktitle {
	font-family: "Verdana", "ＭＳ ゴシック", "Osaka";
	font-size: 12px;
	font-weight: bold;
	color: #eee;
	text-align: center;
	border: 1px solid #999;
	padding: 4px 0px 2px 0px;
}

.linktext {
	font-family: "Verdana", "ＭＳ ゴシック", "Osaka";
	font-size: 12px;
	color: #ccc;
	line-height: 150%;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px 10px 10px 10px;
}

.linktext ul {
	color: #ccc;
	list-style-type: square;
	padding: 0px 0px 0px 15px;
	margin: 0px;
}

/* 自己紹介画像 */
.pay {
	text-align: center;
}

/* ------- ■ページトップ ------- */
.pagetop {
	color: #ccc;
	font-size: 11px;
	text-align: right;
	margin: 0px 0px 20px 0px;
}

/* ------- ■検索ボックス ------- */
.search {
	font-size: 12px;
}

.search input {
	border: 1px solid #999;
}

/* ------- ■フッダー部分 ------- */
#footer {
	clear: both;
	width: 100%;
	font-size: 10px;
	text-align: center;
	letter-spacing : 1px;
	border-top: 1px solid #666;
	padding: 5px 0px 5px 0px;
}

テンプレートの編集画面でそれぞれにコピーアンドペーストで上書きし、
「更新」ボタンを押せば完了です(＾＾)ｂ゛

(このテンプレは、ＦＣ２共有テンプレートにも登録済みです)

2004-11-19 Fri | CT(1) | TB(0) | テンプレートソース

<< シンプルテンプレート(桃) | TOP | シンプルテンプレート(白) >>

承認待ちコメント

このコメントは管理者の承認待ちです

| | 2008-06-07 土 11:09:50 # [ 編集]

コメントの投稿

トラックバック

http://or.blog2.fc2.com/tb.php/5-fbf7fe96

-	-	-	-	-	1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31	-	-	-	-	-	-

-	-	-	-	-	1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31	-	-	-	-	-	-

ＦＣ２ブログのテンプレを配布中。（非公認デスガ）

　　ＦＣ２Ｂｌｏｇテンプレート製作所

-	-	-	-	-	1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31	-	-	-	-	-	-