無料ブログ作成ならJUGEM(ジュゲム)

ホーム

テンプレートHTML・CSSについて: 公開されているテンプレートのHTMLに{ad}タグがないものありますので、エラーが表示された場合は{ad}タグを追加してご利用ください。
テンプレートの利用について: 弊社が著作権を所有する画像等以外のテンプレートに関する著作権は制作者にあります。弊社提供以外のブログサービスで利用した場合は、その都度制作者の方にご確認ください。

テンプレート名 : D_I_N

HTML・CSSをコピーして使う

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" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={site_encoding}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>{site_title}</title>
<link rel="stylesheet" href="{site_css}" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{site_rss}" />
<link rel="alternate" type="application/atom+xml" href="{site_atom}" />
<link rel="alternate" media="handheld" type="application/xhtml+xml" href="{mobile_url}" />
<script type="text/javascript" src="./template/js/cookie.js"></script>
</head>

<IMG src="http://img-cdn.jg.jugem.jp/7eb/106033/20080611_477570.jpg" usemap="#20080611_477570" border="0" width="505" height="265">
<MAP name="20080611_477570">
<AREA shape="poly" coords="181,107,246,82,287,177,222,208" href="{prev_page_url}">
<AREA shape="poly" coords="285,79,356,81,356,176,291,176" href="{next_page_url}">
<AREA shape="default" nohref>
</MAP>

<div class="entry">
<div class="entry_date">#{entry_date}</div>
<div class="entry_body">{entry_description}</div>
<a name="sequel"></a>
<div class="entry_more">{entry_sequel}</div>
<div class="entry_state">  </div>
</div>
{trackback_auto_discovery}

</div>

</td>
	</tr>
	</table>

</div>

</div>
</body>
</html>

CSS

body {
background-image : url();
background-repeat : no-repeat;
background-attachment : fixed;
background-position : center center;
margin: 0px 0px;
padding: 0px;
background-color:#ffffff;
}

#layout {
width: 100%;
margin-top: 0%;
}

#main {
float: left;
width: 430px;
}

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

ul {
margin: 0px 0px 0px 15px;
padding: 0px;
}

a { color: #FF6600; text-decoration:none; }

.description {
font-family: "Georgia", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 13px;
color: #ffffff;
margin: 0px 0px 25px 0px;
}

.entry_navi{
font-family: "Georgia", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 13px;
color: #999999;
margin: 15px 0px 15px 0px;
}

.entry {
margin: 0px;
padding: 0px;
margin-top: 0px;
margin-bottom: 50px;
}

.entry_date {
font-family: "Times New Roman";
font-size: 14px;
color: #000000;
margin: 10px 0px 10px 0px;
}

.entry_title {
font-family: "ＭＳ Ｐ明朝";
font-size: 12px;
color: #000000;
margin: 15px 0px 15px 0px;
}

.entry_body {
font-family: "";
font-size: 12px;
color: #000000;
margin: 0px 0px 0px 0px;
line-height : 140%;
letter-spacing : -1px;
}

.entry_more {
font-family: "";
font-size: 12px;
line-height: 130%;
color: #000000;
margin: 5px 0px 5px 0px;
}

.entry_state {
font-family: "ＭＳ Ｐ明朝", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 10px;
color: #000000;
margin: 15px 0px 30px 0px;
text-align: right;
}

blockquote {
font-family: "ＭＳ Ｐ明朝", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 12px;
color: #000000;
margin: 20px 10px 20px 10px;
padding: 10px;
border-left: 3px solid #323230;
}

.comment-title {
font-family: "Georgia", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 13px;
color: #999999;
margin: 10px 0px 10px 0px;
padding-bottom: 3px;
border-bottom: 1px dotted #CCCCCC;
}

.trackback-title {
font-family: "Georgia", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 13px;
color: #999999;
margin: 10px 0px 10px 0px;
padding-bottom: 3px;
border-bottom: 1px dotted #CCCCCC;
}

.pict {
border-width: 0px;
border-style: solid;
border-color: #999;
}

.linktitle {
font-family: "Georgia";
font-size: 10px;
color: #999999;
line-height: 170%;
margin: 10px 0px 0px 0px;
}

.linktext {
font-family: "Georgia", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 10px;
color: #000000;
line-height: 170%;
margin: 5px 0px 15px 0px;
}

.copyright {
font-family: "Georgia", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 10px;
color: #999999;
line-height: 170%;
border-top: 1px solid #666666;
margin: 30px 0px 0px 0px;
padding-top: 10px;
}

#footer {color: #999999;
	margin-bottom:30px;
	font-size:10px;
font-family: "Georgia";
	}

input, textarea {
	font-family: "Georgia", "ＭＳ ゴシック", "Tahoma", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅";
         color:#000000;
         background-color: transparent;
	border: 1px solid #000000;
         font-size:11px;
	margin: 0px;
	padding: 0px;
         }

.form{
	font-family: "Georgia", "Tahoma", "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅";
         color:#999999;
         font-size:13px;
         background-color: transparent;
         border:1px solid #cccccc;
	margin: 0px;
	padding: 0px;
}
.button{
	font-family: "Georgia", "Tahoma", "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅";
         color:#999999;
         font-size:13px;
         background: transparent;
	margin: 0px;
	padding: 0px;
         border:1px solid #cccccc;
         }
.formtitle{
	font-family: "Georgia", "Tahoma", "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅";
	font-size: 13px;
	font-weight: normal;
	color: #999999;
}

高品質デザイン選び放題で、あなた好みのブログに。今すぐブログ作成！: 今すぐ 無料ブログ をはじめよう！ ≫ブログ作成