ジュビログ　テンプレ　byJUBILOKINGDOM 200504

テンプレートの使い方

当サイトで提供しているテンプレートの使い方を説明します。

■STEP-1　
FC2ブログに登録します。

■STEP-2　

ガイダンスに沿って登録する。
この時、最初のテンプレートを適当に選んで下さい。

■STEP-3　

管理画面の左欄にある「環境設定」の「テンプレートの編集」を選んでください。

■STEP-4

[修正]を選択してください。

■STEP-5

既存のHTML（上の欄）を削除し、
このサイトから「HTML」を全てコピーして貼り付けてください。
貼り付けたら、[更新]ボタンを押してください。

■STEP-6

既存のスタイルシート（下の欄）を削除し、
このサイトから「スタイルシート」を全てコピーして貼り付けてください。
貼り付けたら、[更新]ボタンを押してください。

以上で完了です。
出来ましたか？

Saxbluebird

FC2ブログのbluebirdというテンプレートをカスタマイズしました。
以下のHTMLとスタイルシートをコピー＆ペーストするだけで、このデザインのブログをはじめることが出来ます。
面倒な画像のアップロードの必要もありません。

まだ登録されていない方はこちらで登録してください。

また、テンプレートご使用の際には、コメント＆とラックバックをいただけると作者冥利に尽きます。

HTMLを編集する

<!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-script-type" content="text/javascript">
<link href="<%css_link>" type="text/css" rel="stylesheet" media="print">
<style type="text/css" media="screen" title="default">

</style>
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml">
<title><%blog_name> <%sub_title></title>
</head>
<body>
<div id="all">
<h1><a href="./"><%blog_name></a></h1>
<h2><%introduction></h2>

<h3 id="entry-<%topentry_no>"><a href="<%topentry_link>" title="<%topentry_title>の固定リンク"><%topentry_title></a></h3>
<div class="content">
<%topentry_body>
 <a href="<%topentry_link>#more">【“<%topentry_title>”の続きを読む】</a>
<div id="more"><hr></div><%topentry_more>
</div>
<ul class="sub">
<li><a href="<%topentry_link>" title="このエントリーの固定リンク"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_wayoubi>) <%topentry_hour>:<%topentry_minute>:<%topentry_second></a>|</li>
<li><a href="<%topentry_category_link>" title="このエントリーのカテゴリ"><%topentry_category></a>|</li>
<li>
<a href="<%topentry_link>#trackback">トラックバック（<%topentry_tb_num>）</a>
トラックバック(-)
|</li>

<li>
<a href="<%topentry_link>#comment">コメント（<%topentry_comment_num>）</a>
コメント(-)</li></ul>
<a href="#all" class="totop"><img src="http://blog7.fc2.com/template/bluebird/image/to_top.gif" alt="このページのトップへ" width="75" height="15"></a>

<div class="nav"><p>&laquo; <a href="<%preventry_url>"><%preventry_title></a> | <a href="<%url>">ホーム</a> | <a href="<%nextentry_url>"><%nextentry_title></a> &raquo;</p></div>

</div>

<h3 id="comment_post">コメントの投稿</h3>

<form method="post" action="./">
<div class="content">
<input type="hidden" id="mode" name="mode" value="regist">
<input type="hidden" id="no" name="comment[no]" value="<%pno>">
<dl>
<dt><label for="name">Name:</label></dt><dd><input id="name" type="text" name="comment[name]" size="30" tabindex="0" value="<%cookie_name>"></dd>
<dt><label for="subject">Subject:</label></dt><dd><input id="subject" type="text" name="comment[title]" size="30" tabindex="1"></dd>
<dt><label for="mail">Mail:</label></dt><dd><input id="mail" type="text" name="comment[mail]" size="30" tabindex="2" value="<%cookie_mail>"></dd>
<dt><label for="url">URL:</label></dt><dd><input id="url" type="text" name="comment[url]" size="30" tabindex="3" value="<%cookie_url>"></dd>
<dt><label for="leavecomment">Comment:</label></dt><dd><textarea id="leavecomment" cols="50" rows="8" name="comment[body]" tabindex="4"></textarea></dd>
<dt><label for="pass">Pass:</label></dt><dd><input id="pass" type="password" name="comment[pass]" size="20" tabindex="5"></dd>
<dt><label for="himitu">秘密:</label></dt><dd><input id="himitu" type="checkbox" name="comment[himitu]" tabindex="6">管理者にだけ表示を許可する</dd>
</dl>
<p><input type="submit" value="送信" tabindex="7"></p>
</div>
</form>

<h3 id="comment_post">コメントの編集</h3>
<form method="post" action="./">
<div class="content">
<input type="hidden" id="mode" name="mode" value="edit">
<input type="hidden" id="mode2" name="mode2" value="edited">
<input type="hidden" id="rno" name="edit[rno]" value="<%eno>">
<dl>
<dt><label for="name">Name:</label></dt><dd><input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>" tabindex="0"></dd>
<dt><label for="subject">Subject:</label></dt><dd><input id="subject" type="text" name="edit[title]" size="30" value="<%edit_title>" tabindex="1"></dd>
<dt><label for="mail">Mail:</label></dt><dd><input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>" tabindex="2"></dd>
<dt><label for="url">URL:</label></dt><dd><input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>" tabindex="3"></dd>
<dt><label for="leavecomment">Comment:</label></dt><dd><textarea id="leavecomment" cols="50" rows="8" name="edit[body]" tabindex="4"><%edit_body></textarea></dd>
<dt><label for="pass">Pass:</label></dt><dd><input id="pass" type="password" name="edit[pass]" size="20" tabindex="5"></dd>
<dt><label for="himitu">秘密:</label></dt><dd><input id="himitu" type="checkbox" name="edit[himitu]" tabindex="6">秘密にする</dd>
</dl>
<p>
<input type="submit" value="送信" tabindex="7">
<input type="submit" id="delete" name="edit[delete]" value="削除" tabindex="8">
</p>
</div>
</form>

<h3 id="trackback">トラックバック</h3>
<dl id="trackbackbody">
<dt>トラックバックURLはこちら</dt>
<dd><a href="<%trackback_url>"><%trackback_url></a></dd>
</dl>

<div id="trackbackcont">

<h4><a href="<%tb_url>" id="trackback<%tb_no>"><%tb_title></a></h4>
<p>
<%tb_excerpt>
</p>
<ul class="sub">
<li><%tb_year>/<%tb_month>/<%tb_day>(<%tb_wayoubi>) <%tb_hour>:<%tb_minute>:<%tb_second> | </li>
<li><%tb_blog_name></li>
</ul>

</div>
<a href="#all" class="totop"><img src="http://blog7.fc2.com/template/bluebird/image/to_top.gif" alt="このページのトップへ" width="75" height="15"></a>


<div class="nav"><p><a href="<%prevpage_url>">前のページ</a> | <a href="<%url>">ホーム</a> | <a href="<%nextpage_url>">次のページ</a></p></div>

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

<h3>Search</h3>
<form action="./" method="get">
<input type="text" name="q" value="" id="q" tabindex="9" accesskey="9">
<input type="submit" value=" Search " tabindex="10">
</form>

<h3>Calendar</h3>
<table summary="カレンダー" id="calendar">
<caption>
<a href="<%prev_month_link>" title="<%prev_month>月の記事をすべて見る"><%prev_month>月</a>
&laquo; <%now_year>年<%now_month>月 &raquo;
<a href="<%next_month_link>" title="<%next_month>月の記事をすべて見る"><%next_month>月</a>
</caption>
<tr>
<th abbr="日曜日" scope="row" id="sun">Sun</th>
<th abbr="月曜日" scope="row">Mon</th>
<th abbr="火曜日" scope="row">Tue</th>
<th abbr="水曜日" scope="row">Wed</th>
<th abbr="木曜日" scope="row">Thu</th>
<th abbr="金曜日" scope="row">Fri</th>
<th abbr="土曜日" scope="row" id="sat">Sat</th>
</tr>
<tr>
<td><%calender_sun></td>
<td><%calender_mon></td>
<td><%calender_tue></td>
<td><%calender_wed></td>
<td><%calender_thu></td>
<td><%calender_fri></td>
<td><%calender_sat></td>
</tr>

</table>

<h3>Recent Entries</h3>
<ul>

<li><a href="<%recent_link>" title="<%recent_title>を読む"><%recent_title></a> (<%recent_month>/<%recent_day>)</li>

</ul>

<h3>Recent Comments</h3>
<ul>

<li><a href="<%rcomment_link>#comment<%rcomment_no>"><%rcomment_name>:<%rcomment_title></a> (<%rcomment_month>/<%rcomment_day>)</li>

</ul>

<h3>Recent Trackbacks</h3>
<ul>

<li><a href="<%rtrackback_link>#trackback<%rtrackback_no>" title="<%rtrackback_excerpt>"><%rtrackback_blog_name>:<%rtrackback_title></a> (<%rtrackback_month>/<%rtrackback_day>)</li>

</ul>

<h3>Archives</h3>
<ul>

<li><a href="<%archive_link>" title="<%archive_year>年<%archive_month>月の記事をすべて読む"><%archive_year>年<%archive_month>月 (<%archive_count>)</a></li>

</ul>

<h3>Categories</h3>
<ul>

<li><a href="<%category_link>" title="カテゴリ：<%category_name>の記事をすべて読む"><%category_name> (<%category_count>)</a></li>

</ul>

<h3>Links</h3>
<ul>

<li><a href="<%link_url>" title="<%link_name>"><%link_name></a></li>

</ul>

<h3>Information</h3>
<img src="<%image>" alt="<%author_name>">
<ul>
<li>Author: <%author_name></li>
<li><%introduction2></li>
<li><a href="<%url>?xml">RSS</a></li>
<li><%ad> <%ad2></li>
</ul>

</body>
</html>

スタイルシートを編集する

@charset "euc-jp";

body, h1, h2, h3, h4, form, dl, dt, dd { margin: 0; padding: 0; }
body {
	font-family: verdana,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, sans-serif;
	background: url(http://blog7.fc2.com/jubilokingdom/file/bg.gif) repeat-y top left;
	padding: 0 0 10px 0;
	color:#666;
	}
pre, code, li, dt, dd, blockquote, td, p, input, textarea, caption, h2, .content { 
	line-height: 1.4;
	font-size: x-small;
	voice-family: "\" }\""; 
	voice-family:inherit;
	font-size: small;
	}
html>pre, html>code, html>li, html>dt, html>dd, html>blockquote, html>td, html>p, html>input, html>textarea, html>caption, html>h2, html>.content {
	font-size: small;
	}
a { text-decoration: none; }
a:link { color:#00778F; }
a:visited { color: #6E5D3B; }
a:hover { color: #84B3B3; }
a:active { color: #999; }

h1, h2, h3, h4 { font-family: georgia, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, sans-serif; }

hr {
	border-width: 0;
	border-top: 1px dashed #6E5D3B;
	margin: 8px 0;
	color: #FFF;
	clear: both;
	}
/* 全体囲み */
#all {
	text-align: left;
	background: url(http://blog7.fc2.com/jubilokingdom/file/title_bg.gif) no-repeat top left;
	padding: 25px 0 0 0;
	}
h1 {
	font-size: 140%;
	padding: 90px 0 0 70px;
	text-align: center;
	width: 390px;
	}
h1 a:link, h1 a:visited {
	color:#335C61;
	text-decoration: none;
	border: 0;
	}
h1 a:hover, h1 a:active {
	color:#A3BABF;
	text-decoration: none;
	border: 0;
	}
h2 {
	text-align: center;
	color:#666;
	font-weight: normal;
	padding: 5px 0 45px 70px;
	width: 390px;
	}

/* メニュー表示部分 */
#side {
	width: 220px;
	position: absolute;
	top: 205px;
	left: 540px;
	overflow: hidden;	
	background: url(http://blog7.fc2.com/template/bluebird/image/side_bg.gif) repeat-y #F0E9D8;
	color: #333;
	}
#sidebottom {
	background: url(http://blog7.fc2.com/template/bluebird/image/sidebottom.gif) no-repeat bottom left;
	height: 6px;
	}
/* メニューの見出し */
#side h3 {
	line-height: 1;
	color: #666;
	font-size: 12px;
	padding: 7px 10px 7px 23px;
	background: url(http://blog7.fc2.com/jubilokingdom/file/sidetitle.gif) left bottom no-repeat #F0E9D8;
	}

/* メニュー内のリスト */
#side ul {
	list-style-type: none;
	padding: 6px 12px 8px 12px;
	margin: 0;
	text-align: left;
	}

#side ul li {
	padding: 2px 0 2px 16px;
	list-style-type: none;
	background: url(http://blog7.fc2.com/jubilokingdom/file/bullet.gif) 0 3px no-repeat;
	line-height: 1.25;
	text-align: left;
	}

#side a:visited { color: #00778F; }
/* カレンダー */
table#calendar {
	margin: 0 20px 8px 20px;
	}
#calendar caption {
	padding: 8px 0 3px 0;
	line-height: 1;
	}
#calendar th {
	font-size: 10px;
	font-weight: normal;
	padding: 0 0 0.2em 0;
	text-align: center;
	}
#calendar td {
	font-size: 10px;
	width: 26px;
	text-align: center;
	padding: 0.1em 0;
	border-bottom: 1px dashed #728D92;
	}
#calendar td a {
	display: block;
	font-weight: bold;
	}
th#sun {
	color: #CC3D3D;
	}
th#sat {
	color: #2178A3
	}

/* メニューサイドバー内の画像の中央寄せ */
#side img {
	margin: 8px 15px 0 15px;
	border: 1px solid #447366;
	}

/* 検索フォーム */
#side form {
	padding: 8px; 
	margin: 0;
	text-align: left;
	}
#q {
	width: 120px;
	}
/* 記事表示部分 */
#left {
	overflow: hidden;
	margin: 0 0 0 53px;
	padding: 0;
	width: 480px;
	background: #FFF;
	}

/* 記事の見出し(タイトル) */
#left h3 {
	font-size: 105%;	
	padding: 20px 15px 15px 15px;
	margin: 0 10px;
	background: url(http://blog7.fc2.com/template/bluebird/image/lefttitle_1.gif) no-repeat center left ;
	text-align: center;
	}

#left h3 a:link, #left h3 a:visited { 
	text-decoration: none;
	color: #653;
	}
#left h3 a:hover, #left h3 a:active {
	color: #9CC;
	}
/* 記事表示部分/コメントなどを囲うブロック要素の属性 */
.content {
	padding: 10px 20px;
	line-height: 1.4;
	}
.content a { border-bottom: dashed 1px #00778F; }

/* 記事内の画像（デフォルトでは左よせ）*/
.content img {
	border: 1px solid #447366;
	float: left;
	margin: 3px 10px 5px 0;
	}
.content blockquote {
	width: 93%;
	padding: 0;
	margin: 10px 10px 0 30px;
	border: 1px dashed #DDD3B6;
	}
.content blockquote p {
	padding: 8px 15px;
	margin: 0;
	}
.content ol, .content ul {
	margin: 0;
	padding: 0 0 0 25px;
	}
.content ol li {
	margin-left: 18px;
	}
.content ul li {
	background: url(http://blog7.fc2.com/jubilokingdom/file/bullet.gif) no-repeat 0 3px;
	padding-left: 18px;
	margin-left: 0;
	list-style-type: none;
	}
/* 続きを読む */
#more {
	background: url(http://blog7.fc2.com/template/bluebird/image/more.gif) repeat-x center top;
	height: 3px;
	margin: 8px 0;
	}
#more hr {
	border-top-width: 0;
	margin: 0;
	}
/* 記事のステータス用リスト */
.sub {
	margin: 0 5px 0 15px;
	padding: 13px 0 3px 0;
	font-size: 11px;
	text-align: right;
	background: url(http://blog7.fc2.com/template/bluebird/image/subline.gif) repeat-x top center;
	}
.sub li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 11px;
	}
.sub a {
	margin-right: 0.3em;
	font-weight: bold;
	text-decoration: none;
	}

/* 「トップへ戻る」の画像 */
a.totop { display: block; border-width: 0; margin: 0 0 10px 395px; }
a.totop img { border-width: 0; margin: 0; }

/* コメントフォーム */
#left form {
	margin: 0 5px 5px 5px;
	}

#left h3#comment, #left h3#comment_post, #left h3#trackback {
	background-image: url(http://blog7.fc2.com/template/bluebird/image/lefttitle_2.gif);
	}

#comment_post dl {
	width: 100%;
	padding: 8px 0;
	}
#comment_post dl dt {
	letter-spacing: 0.03em;
	font-weight: bold;
	}
#comment_post dl dd {
	font-size: 90%;
	padding: 0 0 0.5em 0;
	}

#comment_post dl textarea {
	width: 80%;
	}
#himitsu {
	width: auto;
	}

/* エントリー・ページのナビゲーション */
.nav { 
	text-align: center;
	padding: 3px 0;
	margin: 5px;
	}
.nav p { 
	margin:0;
	padding: 4px 15px;
	}
.nav a { font-weight: bold; text-decoration: none; }

/* trackback */
#trackbackbody {
	padding: 15px 20px 0 20px;
	line-height: 1.4;
	background: #FFF;
	}
#trackbackbody dd {
	font-family: "Courier New", Courier, "Times new roman",  sans-serif;
	}

#commentcont, #trackbackcont {
	line-height: 1.4;
	padding: 8px 10px;
	text-align: left;
	}
#commentcont h4, #trackbackcont h4 {
	font-size: 14px;
	padding: 15px 10px 8px 10px;
	}
#commentcont p, #trackbackcont p {
	padding: 0 10px;
	margin: 0;	
	}
#commentcont ul.sub, #trackbackcont ul.sub {
	margin: 5px 0 0 10px;
	}

/* Copyright */
#footer {
	text-align: center;
	padding: 24px 0 10px 0;
	margin: 10px 0 0 53px;
	font-size: 10px;
	letter-spacing: 0.02em;
	background: url(http://blog7.fc2.com/jubilokingdom/file/footer.gif) top center no-repeat;
	width: 480px;
	line-height: 1.4;
	}
#footer a { text-decoration: none; font-weight: bold; }
#footer a:link { color:#00778F; }
#footer a:visited { color:#00778F; }
#footer a:hover { color: #84B3B3; }
#footer a:active { color: #999; }

/* テキスト＆インプットエリアの文字化け対策 */
textarea, input {
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, verdana, arial, sans-serif;
	}

Saxblue_ribbon

FC2ブログのribbonというテンプレートをカスタマイズしました。
以下のHTMLとスタイルシートをコピー＆ペーストするだけで、このデザインのブログをはじめることが出来ます。
面倒な画像のアップロードの必要もありません。

まだ登録されていない方はこちらで登録してください。

また、テンプレートご使用の際には、コメント＆とラックバックをいただけると作者冥利に尽きます。

HTMLを編集する

<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-jp">

<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>
<a name="pagetop">

<div id="box_title">
<div class="site_title"><a href="./"><%blog_name></a></div>
<div class="site_intro"><%introduction></div>
</div>

<div id="box_main">

<table width="350" border="0" cellspacing="0" cellpadding="0" class="entry_table">
<tr>
<td class="entry_title_bg">
<div class="entry_title"><a id="<%topentry_no>" name="<%topentry_no>"><%topentry_title></a></div>
</td>
</tr>
<tr>
<td class="entry_bg">
<div class="entry_text"><%topentry_body></div>
<div class="entry_text">
 <a href="<%topentry_link>#more">続きを読む</a>
<a name="more" id="more"></a><%topentry_more>
</div>
<div class="entry_state">
【<%topentry_year>/<%topentry_month>/<%topentry_day> <%topentry_hour>:<%topentry_minute>】
<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>
コメント(-) | 
</div>
<img src="http://blog7.fc2.com/template/ribbon/image/b_entry_ft.gif" width="350" height="10"></td>
</tr>
</table>

<table width="350" border="0" cellspacing="0" cellpadding="0" class="entry_table">
<tr>
<td class="entry_bg"><img src="http://blog7.fc2.com/template/ribbon/image/b_entry_hd.gif" width="350" height="10">
<div class="entry_navi">&lt;&lt;<a href="<%preventry_url>"><%preventry_title></a> | <a href="<%url>">ホーム</a> | <a href="<%nextentry_url>"><%nextentry_title></a>&gt;&gt;</div>
<img src="http://blog7.fc2.com/template/ribbon/image/b_entry_ft.gif" width="350" height="10"></td>
</tr>
</table>

<table width="350" border="0" cellspacing="0" cellpadding="0" class="entry_table">
<tr>
<td class="entry_bg"><img src="http://blog7.fc2.com/template/ribbon/image/b_entry_hd.gif" width="350" height="10">
<div class="entry_title2"><a name="comment_post">コメントの投稿</a></div>
<div class="entry_text">
<form method="post" action="./">
<input type="hidden" name="mode" value="regist">
<input type="hidden" name="comment[no]" value="<%pno>">
<label for="name">NAME:</label><br>
<input id="name" type="text" name="comment[name]" size="30" value="<%cookie_name>"><br>
<label for="mail">MAIL:</label><br>
<input id="mail" type="text" name="comment[mail]" size="30" value="<%cookie_mail>"><br>
<label for="url">URL:</label><br>
<input id="url" type="text" name="comment[url]" size="30" value="<%cookie_url>"><br>
<label for="comment">COMMENT:</label><br>
<textarea id="comment" cols="40" rows="8" name="comment[body]"></textarea><br>
<label for="pass">PASS:</label><br>
<input id="pass" type="password" name="comment[pass]" size="20"><br>
<label for="himitu">SECRET:</label><br>
<input id="himitu" type="checkbox" name="comment[himitu]">管理者にだけ表示を許可する<br>
<p><input type="submit" value="送信"></p>
</form>
</div>
<img src="http://blog7.fc2.com/template/ribbon/image/b_entry_ft.gif" width="350" height="10"></td>
</tr>
</table>

<table width="350" border="0" cellspacing="0" cellpadding="0" class="entry_table">
<tr>
<td class="entry_bg"><img src="http://blog7.fc2.com/template/ribbon/image/b_entry_hd.gif" width="520" height="10">
<div class="entry_title2"><a name="comment_post">コメントの編集</a></div>
<div class="entry_text">
<form method="post" action="./">
<input type="hidden" name="mode" value="edit">
<input type="hidden" name="mode2" value="edited">
<input type="hidden" name="edit[rno]" value="<%eno>">
<label for="name">NAME:</label><br>
<input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>"><br>
<label for="mail">MAIL:</label><br>
<input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>"><br>
<label for="url">URL:</label><br>
<input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>"><br>
<label for="comment">COMMENT:</label><br>
<textarea id="comment" cols="40" rows="8" name="edit[body]"><%edit_body></textarea><br>
<label for="pass">PASS:</label><br>
<input id="pass" type="password" name="edit[pass]" size="20"><br>
<label for="himitu">SECRET:</label><br>
<input id="himitu" type="checkbox" name="edit[himitu]">秘密にする<br>
<p>
<input type="submit" value="送信"> 
<input type="submit" name="edit[delete]" value="削除">
</p>
</form>
</div>
<img src="http://blog7.fc2.com/template/ribbon/image/b_entry_ft.gif" width="350" height="10"></td>
</tr>
</table>

<table width="350" border="0" cellspacing="0" cellpadding="0" class="entry_table">
<tr>
<td class="entry_bg"><img src="http://blog7.fc2.com/template/ribbon/image/b_entry_hd.gif" width="350" height="10">
<div class="entry_title2"><a name="trackback">トラックバック</a></div>
<div class="entry_text">トラックバックURL<br>
→<a href="<%trackback_url>"><%trackback_url></a>
</div>

<div class="entry_title2"><a href="<%tb_url>" name="trackback<%tb_no>"><%tb_title></a></div>
<div class="entry_text">
<%tb_excerpt>
<%tb_blog_name>【<%tb_year>/<%tb_month>/<%tb_day> <%tb_hour>:<%tb_minute>】
</div>

<table width="350" border="0" cellspacing="0" cellpadding="0" class="entry_table">
<tr>
<td class="entry_bg"><img src="http://blog7.fc2.com/template/ribbon/image/b_entry_hd.gif" width="350" height="10">
<div class="entry_navi"><a href="<%prevpage_url>">前のページ</a> <a href="<%nextpage_url>">次のページ</a></div>
<img src="http://blog7.fc2.com/template/ribbon/image/b_entry_ft.gif" width="350" height="10"></td>
</tr>
</table>

<table width="350" border="0" cellspacing="0" cellpadding="0" class="cr_table">
<tr>
<td>
<div class="copyright"><a href="http://blog.fc2.com/">copyright &copy; 2004 Powered By FC2 allrights reserved</a></div>
</td>
</tr>
</table>

</div>

<div id="box_side">
<center>
<A Href="http://www.yasuisan.com/jubilokingdom/">
<img src="http://www.yasuisan.com/jubilokingdom/gotogether.gif" border="0" alt="スタジアムへ行こう！"></A> 
</center>

<table width="190" border="0" cellspacing="0" cellpadding="0" class="side_table">
<tr>
<td class="side_title_bg">
<div class="side_title">SEARCH</div>
</td>
</tr>
<tr>
<td class="side_text_bg">
<form action="./" method="get">
<input type="text" size="20" name="q" value="" maxlength="200">
<input type="submit" value=" SEARCH ">
</form>
</td>
</tr>
<tr>
<td><img src="http://blog7.fc2.com/template/ribbon/image/b_side_ft.gif" width="190" height="5"></td>
</tr>
</table>

<table width="190" border="0" cellspacing="0" cellpadding="0" class="side_table">
<tr>
<td class="side_title_bg">
<div class="side_title">CALENDER</div>
</td>
</tr>

<table width="190" border="0" cellspacing="0" cellpadding="0" class="side_table">
<tr>
<td class="side_title_bg">
<div class="side_title">RECENT ENTRIES</div>
</td>
</tr>
<tr>
<td class="side_text_bg">

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

</td>
</tr>
<tr>
<td><img src="http://blog7.fc2.com/template/ribbon/image/b_side_ft.gif" width="190" height="5"></td>
</tr>
</table>

<table width="190" border="0" cellspacing="0" cellpadding="0" class="side_table">
<tr>
<td class="side_title_bg">
<div class="side_title">RECENT COMMENTS</div>
</td>
</tr>
<tr>
<td class="side_text_bg">

<li><a href="<%rcomment_link>#comment<%rcomment_no>"><%rcomment_name></a><span>(<%rcomment_month>/<%rcomment_day>)</span></li>

</td>
</tr>
<tr>
<td><img src="http://blog7.fc2.com/template/ribbon/image/b_side_ft.gif" width="190" height="5"></td>
</tr>
</table>

<table width="190" border="0" cellspacing="0" cellpadding="0" class="side_table">
<tr>
<td class="side_title_bg">
<div class="side_title">RECENT TRACKBACKS</div>
</td>
</tr>
<tr>
<td class="side_text_bg">

<li><a href="<%rtrackback_link>#trackback<%rtrackback_no>" title="<%rtrackback_excerpt>"><%rtrackback_blog_name>:<%rtrackback_title></a>(<%rtrackback_month>/<%rtrackback_day>)</li>

</td>
</tr>
<tr>
<td><img src="http://blog7.fc2.com/template/ribbon/image/b_side_ft.gif" width="190" height="5"></td>
</tr>
</table>

<table width="190" border="0" cellspacing="0" cellpadding="0" class="side_table">
<tr>
<td class="side_title_bg">
<div class="side_title">ARCHIVES</div>
</td>
</tr>
<tr>
<td class="side_text_bg">

<li><a href="<%archive_link>" title="<%archive_year>年<%archive_month>月"><%archive_year>年<%archive_month>月 (<%archive_count>)</a></li>

</td>
</tr>
<tr>
<td><img src="http://blog7.fc2.com/template/ribbon/image/b_side_ft.gif" width="190" height="5"></td>
</tr>
</table>

<table width="190" border="0" cellspacing="0" cellpadding="0" class="side_table">
<tr>
<td class="side_title_bg">
<div class="side_title">CATEGORY</div>
</td>
</tr>
<tr>
<td class="side_text_bg">

<li><a href="<%category_link>" title="<%category_name>"><%category_name> (<%category_count>)</a></li>

</td>
</tr>
<tr>
<td><img src="http://blog7.fc2.com/template/ribbon/image/b_side_ft.gif" width="190" height="5"></td>
</tr>
</table>

<table width="190" border="0" cellspacing="0" cellpadding="0" class="side_table">
<tr>
<td class="side_title_bg">
<div class="side_title">LINKS</div>
</td>
</tr>
<tr>
<td class="side_text_bg">

<li><a href="<%link_url>" title="<%link_name>"><%link_name></a></li>

</td>
</tr>
<tr>
<td><img src="http://blog7.fc2.com/template/ribbon/image/b_side_ft.gif" width="190" height="5"></td>
</tr>
</table>

<table width="190" border="0" cellspacing="0" cellpadding="0" class="side_table">
<tr>
<td class="side_title_bg">
<div class="side_title">PROFILE</div>
</td>
</tr>
<tr>
<td class="side_text_bg">
<div class="pay"><img src="<%image>" alt="<%author_name>"></div>
</td>
</tr>
<tr>
<td class="side_text_bg">
<li>Author:<%author_name></li>
<li><%introduction2></li>
<li><a href="<%url>?xml">RSS</a></li>
<li><%ad> <%ad2></li>
</td>
</tr>
<tr>
<td><img src="http://blog7.fc2.com/template/ribbon/image/b_side_ft.gif" width="190" height="5"></td>
</tr>
</table>

</div>

</body> 
</html>

スタイルシートを編集する

body {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	background: #FFFFFF;
	background-image: url(http://blog7.fc2.com/jubilokingdom/file/b_bg.gif);
	font-size: 12px;
	line-height: 180%;
	margin:0;
	color:#636363;
}

a:link {	color:#07a0ff;	text-decoration: none;}
a:active {	color: #07a0ff;	text-decoration: none}
a:visited {	color: #0755ff;	text-decoration: none}
a:hover {	color: #07ffff;	text-decoration: underline;}

h1 {	font-size: 150%;}
h2 {	font-size: 100%;}

li {
	font-size: 10px;
	line-height: 180%;
	letter-spacing : 1px;
	list-style-image:url(http://blog7.fc2.com/jubilokingdom/file/b_pt.gif);
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

input,textarea,select,button,submit{
	font-size :10px;
	line-height: 150%;
	background: #FFFFFF;
	color :#636363;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
}

/*ボックス（レイアウト設定）---------------------------*/

/*サイトタイトル*/
#box_title {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 770px;
	height: 200px;
	background-image: url(http://blog7.fc2.com/jubilokingdom/file/b_title.gif);
}

/*メイン表示部分*/
#box_main {
	position: absolute;
	left: 190px;
	top: 220px;
	width: 350px;
}

/*サイド表示部分*/
#box_side {
	position: absolute;
	left: 560px;
	top: 220px;
	width: 190px;
}

/*タイトル部分---------------------------*/

/*サイトタイトル*/
.site_title {
	position: absolute;
	width: 510px;
	left: 240px;
	top: 135px;
	text-align: right;
	font-size: 18px;
	letter-spacing : 1px;
	font-weight: bolder;
	color: #191970;
	padding: 0px;
}

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

/*サイト説明文*/
.site_intro {
	position: absolute;
	width: 510px;
	left: 240px;
	top: 160px;
	text-align: right;
	font-size: 12px;
	letter-spacing : 1px;
	font-weight: normal;
	color: #07a0ff;
	padding: 0px;
}

/*サイドメニュー関連---------------------------*/

/*サイドテーブル（1ブロック）*/
.side_table{
	margin: 0px 0px 20px 0px;
}

/*サイド：見出し背景*/
.side_title_bg{
	width:190px;
	height:23px;
	background: url(http://blog7.fc2.com/template/ribbon/image/b_side_title.gif) no-repeat;
}

/*サイド：テキスト背景*/
.side_text_bg{
	width:190px;
	background-color: #F0F0F0;
	padding: 10px 0px 0px 0px;
}

/*サイド：見出し*/
.side_title{
	font-size: 12px;
	line-height: 180%;
	letter-spacing : 1px;
	font-weight: bolder;
	color: #FFFFFF;
	margin: 0px 0px 0px 10px;
}

/*サイド：テキスト*/
.side_text{
	font-size: 10px;
	line-height: 180%;
	letter-spacing : 1px;
	color: #636363;
}

/*エントリー関連---------------------------*/

/*エントリーテーブル（1ブロック）*/
.entry_table{
	width: 350px;
	margin: 0px 0px 20px 0px;
}

/*エントリー：ナビゲーション*/
.entry_navi{
	font-size: 10px;
	text-align:center;
}

/*エントリー：背景*/
.entry_bg{
	width:520px;
	background: url(http://blog7.fc2.com/template/ribbon/image/b_entry_bg.gif);
}

/*エントリー：見出し背景*/
.entry_title_bg{
	width:350px;
	height:30px;
	background: url(http://blog7.fc2.com/template/ribbon/image/b_entry_title.gif) no-repeat;
}

/*エントリー：見出し*/
.entry_title{
	font-size: 12px;
	line-height: 180%;
	letter-spacing : 1px;
	font-weight: bolder;
	color: #FFFFFF ;
	margin: 0px 20px 0px 20px;
}

/*エントリー：見出し2*/
.entry_title2{
	font-size: 12px;
	line-height: 180%;
	letter-spacing : 1px;
	font-weight: bolder;
	color: #B60C12 ;
	margin: 10px 20px 10px 20px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #CCCCCC;
}

/*エントリー：テキスト*/
.entry_text {
	font-size: 10px;
	line-height: 180%;
	letter-spacing : 1px;
	color: #636363;
	margin: 15px 20px 15px 20px;
}

/*エントリー：ステータス（日付等）*/
.entry_state {
	font-size: 10px;
	line-height: 150%;
	letter-spacing : 1px;
	color: #636363 ;
	margin: 20px 20px 10px 20px;
}

/*テキスト内の画像*/
.entry_text img {
	border: 5px #EEEEEE;
	float: left;
	margin: 15px 20px 15px 20px;
}

/*ページフッター関連---------------------------*/

/*フッターテーブル（1ブロック）*/
.footer_table {
	width: 520px;
	margin: 0px 0px 10px 0px;
}

/*コピーライト*/
.copyright {
	font-size: 10px;
	line-height: 180%;
	color: #636363;
	margin: 15px 20px 15px 20px;
}

.copyright a:link {	color:#636363;	text-decoration: none;}
.copyright a:active {	color: #636363;	text-decoration: none}
.copyright a:visited {	color: #636363;	text-decoration: none}
.copyright a:hover {	color: #636363;	text-decoration: none;}

/* カレンダー設定---------------------------*/
.calender {
	font-size: 10px;
	line-height: 180%;
	width: 190px;
	background: #F0F0F0;
	border-left: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
	border-top: 1px dotted #B5B5B5;
	border-bottom: 1px solid #F0F0F0;
}
.calender caption {
	font-size: 10px;
	line-height: 150%;
	letter-spacing : 1px;
	padding-bottom: 5px;
	background: #F0F0F0;
}
.calender th {
	width: 26px;
	height: 20px;
	font-weight: bolder;
	background: #F0F0F0;
	border-bottom: 1px dotted #B5B5B5;
}
.calender td {
	width: 26px;
	height: 20px;
	text-align: center;
}
.calender td a {
	display: block;
}
th#sun {
	color: #CC0000;
}
th#sat {
	color: #0000CC;
}
.calender td a:link {
	background: #EEEEEE!important;
	color: #FF001A;
	text-decoration: none;
}
.calender td a:visited {
	background: #EEEEEE!important;
	color: #BF404D;
	text-decoration: none;
}
.calender td a:hover {
	background: #FFFFFF!important;
	color: #FF6686;
	text-decoration: underline;
}

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

/* 検索---------------------------*/
#box_side form {
	margin-left: 10px;
}

.search {
	font-size: 10px;
	line-height: 150%;
	background: #FFFFFF;
	color: #636363;
}

ジュビログ　テンプレ　byJUBILOKINGDOM
ジュビロ磐田サポーター用のFC2ブログのテンプレート配布サイトです。ドンドン利用してください！

スポンサーサイト

テンプレートの使い方

Saxbluebird

Saxblue_ribbon

CALENDER

CATEGORY

ARCHIVES

RECENT ENTRIES

RECENT COMMENTS

RECENT TRACKBACKS

LINKS

INFORMATION

SEARCH

ジュビログ テンプレ byJUBILOKINGDOM ジュビロ磐田サポーター用のFC2ブログのテンプレート配布サイトです。ドンドン利用してください！

スポンサーサイト

テンプレートの使い方

Saxbluebird

Saxblue_ribbon

CALENDER

CATEGORY

ARCHIVES

RECENT ENTRIES

RECENT COMMENTS

RECENT TRACKBACKS

LINKS

INFORMATION

SEARCH

ジュビログ　テンプレ　byJUBILOKINGDOM
ジュビロ磐田サポーター用のFC2ブログのテンプレート配布サイトです。ドンドン利用してください！