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

ホーム

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

テンプレート名 : P - 青

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" />
<meta http-equiv="content-script-type" content="text/javascript" />
<title>{site_title}</title>
<link rel="stylesheet" href="{site_css}" type="text/css" />
<link type="text/css" href="{gmo_header_css}" rel="stylesheet" media="screen,print" />
<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 src="./template/analogue/menu.js" type="text/javascript"></script>
<script type="text/javascript" src="./template/js/cookie.js"></script>
</head>
<body onload="javascript:initval();">

<div class="entry">
<div class="entry_title">{entry_year}.{entry_month}.{entry_day} / {entry_time_only} / {entry_title}</div>

<div class="entry_body">{entry_description}
<br /><a name="sequel"></a>

<a href="./?eid={entry_sequel_id}#sequel">続きを読む ＞＞</a>


{entry_sequel_text}

</div>

<div class="page_navi"><a href="{next_permalink}">&lt;&lt; NEW</a> | <a href="./">TOP</a> |  <a href="{prev_permalink}">OLD&gt;&gt;</a></div>

<div class="page_navi">
{prev_page_link} | {page_now}/{page_num} | {next_page_link}</div>

<div class="ad">{ad}</div>

<div class="bot">
<a href="./admin/" target="_blank">Log in</a> -
<a href="./?mode=rss">RSS1.0</a> -
<a href="./?mode=atom">Atom0.3</a><br />
</div>
<div class="copy">{copyright}</div>

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

CSS

* {
margin: 0;
padding: 0;
}

html {}

body {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	letter-spacing: 1px;
	font-size: 12px;
	text-align: left;
	line-height: 180%;
	text-align: center;
	margin: 0px;
	padding: 0px;}

#layout {
	width:500px;
	margin:0px auto;
	padding:0;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	letter-spacing: 1px;
	font-size: 12px;
	text-align: left;
	line-height: 180%;
	text-align: left;
}

#head {
	background: #FFFFFF ;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	text-align:left;}

a,a:link,a:visited,a:active,a:hover {
	color: #000000; text-decoration: underline;}

img {
	border:none;
	}

br {letter-spacing:normal;}

/* サイトタイトル------------------------------------ */

.site_title {
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	background-color: #d5dce3 ;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	letter-spacing: 1px;
	font-size: 18px;
	text-align: center;
	color: #ffffff;
	padding: 15px 20px 15px 20px;}

.description {
	font-weight:normal;
	padding:10px 15px 0px 0px;
	color: #000000;
	letter-spacing: 1px;
	text-align: right;
	}

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

/* エントリー--------------------------------------------- */
.entry {
	margin: 20px 0px 0px 0px;
	text-align:left;}

.entry_title {
	text-align: center;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	background-color: #d5dce3;
	padding:10px 0px;}

.entry_body {
	border-bottom: 1px dotted #666;
	background-color: #edf1f3 ;
	padding:15px 15px; 10px 15px;
	}

blockquote {
	color: #999;
	border:1px solid #dcdcdc;
	margin: 10px 0;
	padding: 10px;
	}

.pict {
	padding: 2px;
	border:1px solid #cccccc;
	}

/* フッタ-------------------------------------------- */

.page_navi {
	font-size: 10px;
	margin: 10px 0px;
	text-align:center;}

.ad {
	background-color: #edf1f3 ;
	text-align:center;
	padding: 10px 0px 10px 0px;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	}

.bot {
	text-align:center;
	background-color: #e0e6ed ;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dotted #666;
	font-size: 10px;
	}

.copy {
	text-align:center;
	background-color: #d5dce3 ;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dotted #666;
	font-size: 10px;
	margin:0px 0px 10px 0px ;
	}

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