ジュビログ　テンプレ　byJUBILOKINGDOM 200506

FC2ブログのblueskyというテンプレートをカスタマイズしました。
以下の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">
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml">
<title><%blog_name> <%sub_title></title>
</head>
<body>
<div id="all">
<h1><span class="title">
<a href="./"><%blog_name></a></span><BR>
<span class="intro"><%introduction></span>
</h1>

<h3>
<a id="<%topentry_no>" name="<%topentry_no>">
<%topentry_title></a></h3>
<div class="content">
<%topentry_body>
<br><br>
 <a href="<%topentry_link>#more">...read more</a>
<hr size="1"><a name="more" id="more"></a><%topentry_more>
<br><br>
<ol class="sub">
<li><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_wayoubi>) <%topentry_hour>:<%topentry_minute>:<%topentry_second></a>|</li>
<li><a href="<%topentry_category_link>"><%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>
</ol>

</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>

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

<h3><a name="comment_post">コメントの投稿</a></h3>
<form method="post" action="./">
<div class="content">
<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" name="comment[himitu]">管理者にだけ表示を許可する</dd>
</dl>
<p><input type="submit" value="送信"></p>
</div>
</form>

<h3><a name="comment_post">コメントの編集</a></h3>
<form method="post" action="./">
<div class="content">
<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>

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

<h3><a href="<%tb_url>" name="trackback<%tb_no>"><%tb_title></a></h3>
<div class="content">
<%tb_excerpt>
<ol class="sub">
<li><%tb_year>/<%tb_month>/<%tb_day>(<%tb_wayoubi>) <%tb_hour>:<%tb_minute>:<%tb_second> | </li>
<li><%tb_blog_name></li>
</ol>
</div>

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

<p>　　</p>

<div id="footer">
◆ Copyright &copy; <%author_name> All Rights reserved　Powered by <a href="http://blog.fc2.com/" target="_blank">FC2</a> ◆
</div>
</div>

<div id="right">
<h3>CALENDER</h3>
<table summary="カレンダー" class="calender">
<caption>
<a href="<%prev_month_link>"><%prev_month></a>
&laquo; <%now_year>/<%now_month> &raquo;
<a href="<%next_month_link>"><%next_month></a>
</caption>
<tr>
<th abbr="日曜日" scope="row" id="sun">S</th>
<th abbr="月曜日" scope="row">M</th>
<th abbr="火曜日" scope="row">T</th>
<th abbr="水曜日" scope="row">W</th>
<th abbr="木曜日" scope="row">T</th>
<th abbr="金曜日" scope="row">F</th>
<th abbr="土曜日" scope="row" id="sat">S</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>
<br>

<h3>CATEGORY</h3>
<ul>

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

</ul>
<br>

<h3>ARCHIVES</h3>
<ul>

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

</ul>
<br>

<h3>RECENT ENTRIES</h3>
<ul>

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

</ul>
<br>

<h3>RECENT COMMENTS</h3>
<ul>

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

</ul>
<br>

<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>
<br>

<h3>LINKS</h3>
<ul>

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


<li><a href="./?admin">管理者ページ</a></li>
<li><a href="./?xml">RSS1.0</a></li>

<li>template by <a href="http://heavenlyblue.blog2.fc2.com/" target="_blank">heavenlyblue</a></li>
</ul>

<h3>INFORMATION</h3>
<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> <%ad2></li>
</ul>
<br>

<h3>SEARCH</h3>
<form action="./" method="get">
<input type="text" size="20" name="q" value="" maxlength="200">
<input type="submit" value=" go ">
</form>

</div>
</div>

</body>
</html>

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

body, h1, h2, h3, form { margin: 0; padding: 0 }
body {
font-family:"MS UI Gothic", "Arial";
background: url(http://blog-imgs-27.fc2.com/j/u/b/jubilokingdom/back.jpg);
background-color: #FFFFFF;
background-attachment:fixed;
background-repeat: no-repeat;
background-position: 100% 0%;
font-size: 12px;
color:#336699;
text-align: center;margin:0mm;
}

a:link { color:#003366; text-decoration: none; }
a:visited{color:#003366; text-decoration: none;}
a:hover { color:#003366; text-decoration:underline;}

/* 全体囲み */
#all { 
width: 770px;
margin-left : auto;
margin-right : auto;
text-align: left;
}

h1 {
margin: 0px 0px　0px 0px;
padding: 10px 50px 0px 50px;
text-align: left;
height: 100px;margin-left:0mm;}

.title{
font-size:30px;
font-family: Times new roman;
margin: 15px 10px 10px;
text-align: left;text-decoration: none;}

.intro{
font-size:12px;color:#336699;
margin: 5px 10px;
padding: 5px 50px 0 20px;
text-align: left;text-decoration: none;}

/* メニュー表示部分 */
#right {
margin: 40px 20px 30px 10px;
width: 210px;
float: right;
overflow: hidden;
}
/* メニューの見出し*/
#right h3 {
font-size: 12px;
line-height: 1;
font-weight: bold;
color: #006699;
text-transform: uppercase;
border-left: 5px solid #6699CC;
border-bottom: 1px solid #6699CC;
padding: 0px 0 3px 10px;}
	
/* メニュー内のリスト */
#right ul {
font-size: 12px;
line-height: 1.4;
list-style-type: none;
padding: 2px 0px 30px 5px; 
margin: 0;}

#right ul li {
background: url(http://blog2.fc2.com/h/heavenlyblue/file/right.gif) 
no-repeat 3px 6px;
padding: 2px 0px 0 15px;
list-style-type: none;}

/* カレンダー設定 */
table.calender {
font-size: 12px;
width: 180px;
margin: 10px 19px;
border-collapse: collapse;
padding: 0.5em 0 0.7em 0;}

.calender caption {
font-size: 12px;
margin: 0 19px;
border-bottom: 1px solid gray;
width: 180px;
padding: 0 0 0.3em 0;}

.calender th {
font-size: 10px;
font-weight: normal;
padding: 0.2em 0;
text-align: center;}

.calender td {
width: 26px;
text-align: center;
padding: 0.2em 0;}

.calender td a {
display: block;
font-weight: bold;}

th#sun {
color: #CC3D3D;}

th#sat {
color: #2996CC}

.calender td a:link,

.calender td a:visited {
text-decoration: none;}

.calender td a:hover {
text-decoration: none;
background: #336699;
color:#ffffff; }

/* 自己紹介画像の中央寄せ */
.pay {
text-align: center;
}
img {
border: 1px solid gray;
}

/* 検索 */
#right form {
padding: 10px 0 0 15px; 
margin: 0;
}
.light {
font-size: 11px;
margin: 2.7em 0 0 0;
padding: 5px 0 0 10px;
border-top: 0px solid #336699;
}
.search {
width:100px;
border: 1px solid #336699;
margin-top: 15px;
background: #FFFFFF;
color: #000000;
}
.search input {
font-size: 12px;
font-family: Arial, MS UI Gothic;
}

/* 記事表示部分 */
#left {
width: 460px;
float: left;
overflow: hidden;
margin: 15px 10px 10px 10px;
}

/* 記事の見出し(タイトル) */
#left h3 {
font-size: 14px;
color :#006699;
padding: 0px 20px 0px 10px;
margin-left:5mm;margin-top:8mm;
border-left: 7px solid #6699CC;
border-bottom: 1px solid #6699CC;
}

/* 記事表示部分/コメントなどを囲うブロック要素の属性 */
.content {
width:420px;
font-size: 12px
margin: 5px 5px 5px 25px;
padding: 15px 5px 40px 30px;
line-height: 1.4;
border-top-width: 0;
border-left: 0x solid #6D7966;
border-right: 0px solid #6D7966;
border-bottom: 0px solid #6D7966;
}

/* 記事内の画像 */
.content img {
margin: 0 5px 5px 5px;
padding: 5px;
background-color: #FFFFFF;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-style: solid;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-color: #999999;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #999999;
}
.content blockquote {
background: #FCFCE2;
border-left: 0px dashd #FAD53A;
padding: 8px 10px;
}
.content ol li {
margin-left: 18px;
}
.content ul li {
background: url() no-repeat 0 6px;
padding-left: 18px;
margin-left: 0;
list-style-type: none;
}

/* 記事のステータス用リスト */
ol.sub { 
margin: 0;
padding: 0 0px 3px 10px;
font-size: 11px;
border-bottom: dotted 1px #6699cc;
}
ol.sub li {
display: inline;
color: #003366;
margin: 0;
padding: 0;
}
.sub a {	margin-right: 0.3em;
}
.sub a:link {
color: #003366;
text-decoration: none;
}
.sub a:visited {
color: #003366;
text-decoration: none;
}
.sub a:hover {
color: #003366;
text-decoration: underline;
}

/* レスフォーム設定 */
dl.comform {
width: 100%;
margin: 0;
padding: 0;
}
.comform dt {
letter-spacing: 0.1em;
}
.comform dd {
font-size: 12px;
margin: 0;
padding: 0 0 0.5em 0;
}

.comform textarea {
width: 80%;
}
#himitsu {
width: auto;
}

/* エントリーのナビゲーション */
#nav { 
text-align: center
}

/* コメントリストの設定 */
h3#commenthead, h3#trackbackhead {
font-size: 14px;
line-height: 1;
font-weight: bold;
color: #336699;
text-transform: uppercase;
margin: 5px 0;
padding: 3px 20px 0px 10px;
border-width: 0;
border-left: 7px solid #6699CC;
border-bottom: 1px solid #6699CC;}

#commentlist {
font-size: 12px;
margin: 0 0 5.7em 0;
padding: 0.7em;
border-left: 1px solid #003366;
border-right: 1px solid #003366;
border-bottom: 1px solid #003366;
}
#commentlist li {
list-style-position: inside;
}

/* トラックバックリストの設定 */
#trackbacklist {
font-size: 12px;
margin: 2.7em 1.7em 0 0;
padding: 1.7em 0 2.7em 3.7em;
border-top: 1px solid #003366;
}

/* トラックバックリスト内のリスト */
#trackbacklist li ul {
margin-top: 0.7em;
margin-bottom: 1.7em;
}

/* コメントリスト、トラックバックリストの整形 */
#commentlist a, #trackbacklist a {
margin-right: 0.5em;
}
#commentlist li, #trackbacklist li {
margin-bottom: 0.2em;
}

/* trackback uri 表示部分の設定 */
#trackbackbody {
margin: 0 0 10px 0;
padding: 10px 15px;
line-height: 1.4;
}
#trackbackbody dt {
margin: 0 0 0 0.7em;
}
#trackbackbody dd {
	font-size: 12px;
}
#trackbackbody dd a {
	text-decoration:none;
}

/* Copyright */
#footer {
margin-top: 30px; 
padding:0px 0px 50px 70px;
font-size: 12px;
line-height: 1.2;
}

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

スポンサーサイト

おやすみジュビロくん

CALENDER

CATEGORY

ARCHIVES

RECENT ENTRIES

RECENT COMMENTS

RECENT TRACKBACKS

LINKS

INFORMATION

SEARCH

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