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

ホーム

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

テンプレート名 : ほぼテキスト

HTML・CSSをコピーして使う

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-jp">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>:: {site_title} :: {entry_title}</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<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}">
</head>
<body>


<div id="header">
<h1>
{blog_name}</h1>
</div>

<div id="main">
<div id="contents">

<div class="entry_navi">{prev_entry} | <a href="./">トップページへ</a> | {next_entry}</div>


<div class="entry">
<h2 class="entry_title">{entry_title}</h2>
<div class="entry_date">{entry_date}</div>
<div class="entry_body">{entry_description}</div>
<a name="sequel" id="sequel"></a>
<div class="entry_more">{entry_sequel}</div>
<div class="entry_state">{user_name} * {category_name} * {entry_time} * {comment_num} * {trackback_num}<br>
{trackback_auto_discovery}</div>
</div>


<a name="comments" id="comments"></a>
<div class="entry">
<h2 class="entry_title">コメント</h2>

<div class="entry_body">{comment_description}</div>
<div class="entry_state">Comment by {comment_name} @ {comment_time}</div>

<div class="entry_body">コメントする<br>
<form action="./?mode=comment" method="post"><input type="hidden" name="entry_id" value="{entry_id}" class="write"><label for="name">お名前:</label><br>
<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" class="write"><br>
<label for="email">メールアドレス:</label><br>
<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" class="write"><br>
<label for="url">URL:</label><br>
<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" class="write"><br>
<label for="description">コメント:</label><br>
<textarea tabindex="4" id="description" name="description" rows="10" cols="50" style="width:400px;"></textarea><br>
<br>
<input type="submit" value="コメント送信" class="button">
<input type="checkbox" name="set_cookie" value="1" id="set_cookie">
<label for="set_cookie">Cookieに登録</label></form>
</div>
</div>


<a name="trackback" id="trackback"></a>
<div class="entry">
<h2 class="entry_title">トラックバック</h2>
<div class="entry_date">この記事のトラックバックURL:<br>
{trackback_url}</div>

<h3 class="entry_title">{trackback_title}</h3>
<div class="entry_body">{trackback_excerpt}</div>
<div class="entry_state">From {trackback_blog_name} @ {trackback_time}</div>

</div>


<div class="entry">
<h2 class="entry_title">プロフィール</h2>
<h3 class="entry_title">{profile_name}</h3>
<div class="entry_body">{profile_description}</div>
</div>
</div>
<br class="clear">
</div>

<div id="copyright">{copyright}</div>
<p>

</p>
<p><a href="./?mode=rss">RSS1.0</a>-<a href="./?mode=atom">Atom0.3</a>-<a href="http://jugem.jp/" title="ブログのレンタルならJUGEM（じゅげむ）">Powered by &quot;JUGEM&quot;</a></p>
<p>{ad}</p>
</body>
</html>

CSS

/* CSS Document */

/*-- 全体的なルール --*/
BODY {
	margin: 0; padding: 0;
	background-repeat : no-repeat;
	text-align: left;

}

DIV, SPAN, FORM, H1, H2, H3, H4 {
	padding: 0
	;
	left: 15px;
}

A { text-decoration : underline;}
A:LINK {
	color:#915a47;
	text-decoration : none;
	font-size: x-small;
	text-transform: none;
}
A:VISITED {
	text-decoration : underline;
}
A:ACTIVE { color:#262626; 
cursor : pointer;
}
A:HOVER { color:#262626; 
cursor : crosshair;
}

HR { 
	border-top : 0px dotted #999999;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	color : gray;
	margin : 0px 1px 0px 1px;
}

/*-- レイアウト--*/
#header {
	text-align: left;
	width: 550px;
	background : url() no-repeat center bottom;
	font-size: large;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

H1#site_title {
	text-align: left;
	font-size : 150%;
	font-weight : bolder;
	
	margin: 0; padding: 45px 0 0 40px;
	text-align: left;

color : navy;
}

.description {
	text-align: left;
	font-size: 75%;
	font-weight: bold;
	color: #666;
	margin: 0; padding: 0 0 20px 40px;
}

#site_title A,
#site_title A:LINK,
#site_title A:VISITED,
#site_title A:ACTIVE,
#site_title A:HOVER {
	
	text-decoration:none;
font-weight : bold;
color : black;
}

#main {
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#contents { 
	float: left;
	width: 550px;
}

#menu { margin: 0;
	padding: 0;
	float: none;
	width: 200px;
	float: right;
	text-align: left;
}
/*-- コンテンツ部分 --*/
.entry_navi {
	width: 550px;
	text-align:center;
	font-size: 75%;
	margin: 15px 0 0 0;
}

.entry {
	width: 550px;
}

H2.entry_title {
	font-size: 90%;
	font-weight: bold;
	color: #006d73;
	margin: 15px 30px 0 30px;
	border-bottom : 1px ridge #e6e6e6;
	padding-bottom: 3px;
}

h3.entry_title {
	font-size: 75%;
	font-weight: bold;
	color: #666;
	margin: 15px 30px 0 30px;
	text-align: left;
	padding: 0;
}

.entry_date {
	font-family: Verdana, sans-serif;
	font-size: 70%;
	color: #666;
	margin: 2px 30px 10px 30px;
}

.entry_body {
	font-size: 75%;
	line-height: 1.7;
	color: #333;
	margin: 10px 30px 10px 30px;
	}

.entry_more {
	font-size: 75%;
	line-height: 1.7;
	color: #333;
	margin: 20px 30px 10px 30px;
}

.entry_state {
	font-size: 65%;
	color: #666;
	margin: 10px 30px 0 30px;
	text-align: left;
	clear: left;
	background : url(http://img-cdn.jg.jugem.jp/981/63800/20050503_1593790.gif) no-repeat center bottom;
	padding: 0 0 12px 0;
}

blockquote {
	font-size: 100%;
	margin: 20px 10px 0 20px;
	padding: 6px;
	border-top: #E3E3E3 solid 2px;
	border-right-width: 0;
	border-bottom: #E3E3E3 solid 2px;
	border-left-width: 0;
	background-color: #E6F1F5; 
}

ul,ol {
	margin: 0;
	padding: 0;
	}

UL LI { 
	list-style-image : url(http://img-cdn.jg.jugem.jp/981/63800/20050503_1593788.gif);
	margin: 0 10px 0 25px; padding: 0;
	line-height: 1.5;
}

ol li { 
	margin: 0 10px 0 35px; padding: 0;
	line-height: 1.5;
}

.pict { 
	border: 5px double #D8EAED;
	float: left;
	margin: 0 8px 5px 0;
	padding: 0; 
}

IMG.totop { 
	border-width: 0;
	margin: 0 0 0 460px;
	padding: 0;

}

.clear {
	clear: both;
	height: 1px;
}

/*-- フォーム --*/
#main input.write, #main textarea { 
	border: 1px solid #E6E6E6; 
	padding: 1px;
	color: #333;
}

.button {
	background-repeat: no-repeat;

}

/*-- メニュー --*/
#menu ul {
	margin: 0;
	padding: 0;
	}

.linktext {
	font-size: 65%;
	color: #666;
	margin: 0 0 5px 0;
}

no-repeat;
	font-size: 65%;
	font-weight: bold;
	text-align: center;
	width: 200px;
	height: 20px;
	margin: 0 0 0 0px;
	padding: 3px 0px 0px 0px;
}

.linktext .amazon {
	margin: 10px;
	text-align:center;
}

/*-- フッター --*/
#copyright {
	font-size: 70%;
	line-height: 1.3;
	clear: both;
	color: #FFF;
	background-color: #969696;
	width: 550px;
	margin-top: 5px;+
4
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

#copyright a:link, #copyright a:visited, #copyright a:active { 
	color:#FFF; 
	text-decoration:none; 
	font-weight: bold;
}

#copyright a:hover { color:#EFEFEF;
	text-decoration: underline;
}

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