ジュビログ　テンプレ　byJUBILOKINGDOM

おやすみジュビロくん

やすい — 2005-06-07T20:49:53+09:00

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">« <a href="<%preventry_url>"><%preventry_title></a> | <a href="<%url>">ホーム</a> | <a href="<%nextentry_url>"><%nextentry_title></a> »</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]">

Pass:

秘密:

管理者にだけ表示を許可する

コメントの編集

トラックバック

トラックバックURLはこちら: <%trackback_url>

<%tb_title>

<%tb_excerpt>

<%tb_year>/<%tb_month>/<%tb_day>(<%tb_wayoubi>) <%tb_hour>:<%tb_minute>:<%tb_second> |
<%tb_blog_name>

<< 前のページ　次のページ >>

CALENDER

<%prev_month> « <%now_year>/<%now_month> » <%next_month>
S	M	T	W	T	F	S
<%calender_sun>	<%calender_mon>	<%calender_tue>	<%calender_wed>	<%calender_thu>	<%calender_fri>	<%calender_sat>

RECENT TRACKBACKS

<%rtrackback_blog_name>:<%rtrackback_title> (<%rtrackback_month>/<%rtrackback_day>)

INFORMATION

" alt="<%author_name>">

Author: <%author_name>
<%introduction2>
RSS
<%ad> <%ad2>

SEARCH

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

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;
}

テンプレートの使い方

やすい — 2005-04-09T00:00:44+09:00

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

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

■STEP-2　

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

■STEP-3　

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

■STEP-4

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

■STEP-5

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

■STEP-6

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

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

Saxbluebird

やすい — 2005-04-05T18:19:43+09:00

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

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

Pass:

秘密:

管理者にだけ表示を許可する

コメントの編集

トラックバック

トラックバックURLはこちら: <%trackback_url>

<%tb_title>

<%tb_excerpt>

<%tb_year>/<%tb_month>/<%tb_day>(<%tb_wayoubi>) <%tb_hour>:<%tb_minute>:<%tb_second> |
<%tb_blog_name>

前のページ | ホーム | 次のページ

Search

Calendar

Recent Trackbacks

<%rtrackback_blog_name>:<%rtrackback_title> (<%rtrackback_month>/<%rtrackback_day>)

Information

" alt="<%author_name>">

Author: <%author_name>
<%introduction2>
RSS
<%ad> <%ad2>

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

@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

やすい — 2005-04-05T01:24:34+09:00

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>
</td>
</tr>
</table>

<table width="350" border="0" cellspacing="0" cellpadding="0" class="entry_table">
<tr>
<td class="entry_bg">
<div class="entry_navi"><<<a href="<%preventry_url>"><%preventry_title></a> | <a href="<%url>">ホーム</a> | <a href="<%nextentry_url>"><%nextentry_title></a>>></div>
</td>
</tr>
</table>

<table width="350" border="0" cellspacing="0" cellpadding="0" class="entry_table">
<tr>
<td class="entry_bg">
<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]">

PASS:

SECRET:
管理者にだけ表示を許可する

コメントの編集

トラックバック

トラックバックURL
→<%trackback_url>

<%tb_title>

<%tb_excerpt> <%tb_blog_name>【<%tb_year>/<%tb_month>/<%tb_day> <%tb_hour>:<%tb_minute>】

前のページ次のページ

CALENDER

<%prev_month> | <%now_year>/<%now_month> | <%next_month>
S	M	T	W	T	F	S
<%calender_sun>	<%calender_mon>	<%calender_tue>	<%calender_wed>	<%calender_thu>	<%calender_fri>	<%calender_sat>

ジュビログ　テンプレ　byJUBILOKINGDOM

おやすみジュビロくん

コメントの編集

トラックバック

<%tb_title>

CALENDER

CATEGORY

ARCHIVES

RECENT ENTRIES

RECENT COMMENTS

RECENT TRACKBACKS

LINKS

INFORMATION

SEARCH

テンプレートの使い方

Saxbluebird

コメントの編集

トラックバック

<%tb_title>

Search

Calendar

Recent Entries

Recent Comments

Recent Trackbacks

Archives

Categories

Links

Information

Saxblue_ribbon

ジュビログ テンプレ byJUBILOKINGDOM

おやすみジュビロくん

コメントの編集

トラックバック

<%tb_title>

CALENDER

CATEGORY

ARCHIVES

RECENT ENTRIES

RECENT COMMENTS

RECENT TRACKBACKS

LINKS

INFORMATION

SEARCH

テンプレートの使い方

Saxbluebird

コメントの編集

トラックバック

<%tb_title>

Search

Calendar

Recent Entries

Recent Comments

Recent Trackbacks

Archives

Categories

Links

Information

Saxblue_ribbon

ジュビログ　テンプレ　byJUBILOKINGDOM