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

ホーム

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

テンプレート名 : Simplicity

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 name="generator" content="Bluefish 1.0 http://bluefish.openoffice.nl/">
<meta name="generator" content="Bluefish, see http://bluefish.openoffice.nl/">
<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}" />
<script type="text/javascript" src="http://northiland.upper.jp/mail/script.js"></script>
<script type="text/javascript" src="http://northiland.upper.jp/js/editlink.js"></script>
<script type="text/javascript" src="index_files/adsense_settings.js"></script>
<script type="text/javascript" language="javascript" src="index_files/bar.js"></script>
<style type="text/css" media="all">

</style>

<div id="header">

<p>{blog_description}</p>

</div>

<div id="contents">

<div id="paging">
 {prev_entry} | <a href="./">main</a> | {next_entry} 
</div>

<div class="section">

<h3>{entry_title}</h3>
	<h2>{entry_date}</h2>author : {user_name}
	<p>{entry_description}</p>
	<div class="entry_more">{entry_sequel}</div>
	<p class="meta">Posted at {entry_time} 
| {category_name} | {comment_num} | {trackback_num} | <script type="text/javascript">

</script> | <a href="#top">↑top</a>
</p></div>

<div id="entry_state">{trackback_auto_discovery}</div>

<div class="section" id="trackback_form"><h3>トラックバック URL</h3></div>
<p>このエントリにTrackBackするには、以下のURLにTrackBack pingを送ってください。</p>
<div class="nullform">
<dl>
<dt><label for="trackback_url">TrackBack ping me at:</label></dt>
<dd><input type="text" id="trackback_url" class="edit" name="trackback_url" size="65" value="{trackback_url}" readonly="readonly" class="fix" onfocus="this.select()" /></dd>
</dl>
</div>

<div class="entry_title" align="left"><h3>トラックバック </h3></div>
<div class="section" id="writeback">
	<div class="writeback">

<h4>{trackback_title}</h4>

<p>{trackback_excerpt}</p>

<p class="meta">Posted by {trackback_blog_name} at {trackback_time}</p>

</div>
	</div>

<a name="comments"></a>
<div class="section" id="comment">
<div class="entry_title" align="left"><h3>この記事に関するコメント</h3></div>

<h4>{trackback_title}</h4>

<p>{comment_description}</p>

<p class="meta">Posted by {comment_name} at {comment_time}</p>

</div>
	</div>

<div class="section" id="comment_form">
<div class="entry_title" align="left"><h3>コメントフォーム</h3></div>

<p>このエントリにCommentするには、以下のフォームを希望するものだけ記入しSubmitボタンを押してください。</p>
<ul>
<li>必須な項目はName,Commentのみです</li>
<li>URLまたはメールアドレスを記入した場合は公開されます</li>
<li>Comment中のURLと思しき文字列は自動的にリンクに変換されます</li>
<li>refererとしてこのページのURLを送信しないブラウザからは投稿できません</li>
</ul>

<div class="nullform">
<p><b>Leave a comment...</b></p>
<form action="./?mode=comment" method="post">
<input type="hidden" name="entry_id" value="{entry_id}" />
<dl>
<dt><label for="name">name:</label></dt>
<dd><input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" class="edit" id="name" /></dd>
<dt><label for="email">email:</label></dt>
<dd><input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" class="edit" id="url" /></dd>
<dt><label for="url">url:</label></dt>
<dd><input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" class="edit" id="url" /></dd>
<dt><label for="description">comments:</label></dt>
<dd><textarea tabindex="4" id="description" name="description" rows="10" cols="20" style="width:300px;" class="edit" id="comment"></textarea></dd>
</dl>
<div style="margin-left:10px">
<p>
<input class="btn" type="submit" value=" コメント送信 " onmouseover="this.style.backgroundColor='#DDDDDD'" onmouseout="this.style.backgroundColor='#EEEEEE'" STYLE="font-size:10px; font-weight:bold; height:20px; color:#636363; background-color:#EEEEEE;" />
 <input type="checkbox" name="set_cookie" value="1" id="set_cookie">
<label for="set_cookie">Cookieに登録</label>
</p></form>
</div>

</div>
</div>

<div class="profile">

<p class="entry_sub">プロフィール</p>

<p class="entry_title">{profile_name}</p>
<p class="entry_body">{profile_description}</p>

</div>

</div>

<div id="sidebar">
	<dl>

<dd>

<table width="162" border="0" cellspacing="0" cellpadding="0" class="link_table">
<tr>
<td>
<div class="calendar" align="center">
<img src="./template/shiroume/img/calendar_head.gif" width="162" height="20" alt="" />
{calendar}
</div>
</td>
</tr>
</table>
</dd>

<dt> INVATE</dt>
<dd>[Previous]&nbsp;<a href="javascript:function voi(){};voi()" onClick=" HELPHref1='http://northiland.upper.jp/mail/olive_hmail.html';WinNo='HELP1'; W=400;H=500; HelpWinOpen(HELPHref1,WinNo,W,H)">GmailのInvateを申し込む</a><br>本文にfirstname lastname EmailAddresを<br>書いて送信下さい。届くメールは英文メールですので<br>ご注意下さい。 
             <noscript><a href="http://northiland.upper.jp/mail/olive_hmail.html" target="blank">GmailのInvateを申し込む</a></noscript></dd>

<dt>RECOMMEND</dt>
<dd>{amazon_item}</dd>

<dt>NEW ENTRIES</dt>
<dd>{latest_entry_list}</dd>

<dt>CATEGORIES</dt>
<dd>{category_list}</dd>

<dt>ARCHIVES</dt>
<dd>{archives_list}</dd>

<dt>RECENT COMMENTS</dt>
<dd>{recent_comment_list}</dd>

<dt>RECENT TRACKBACK</dt>
<dd>{recent_trackback_list}</dd>

<dd><dl class="links">
<dt>
 {rss_title}
</dt>
<dd>{rss_list}
</dd>
</dl>
</dd>

<dt>LINKS</dt>
<dd>{link_list}</dd>

<dt>PROFILE</dt>
<dd>{user_list}</dd>

<dd>
<form method="get" action="">
<p class="search">SEARCH THIS SITE.</p>
<input id="search" name="search" size="14" style="width:150px" class="form" />
<input class="btn" type="submit" value=" S E A R C H " onmouseover="this.style.backgroundColor='#DDDDDD'" onmouseout="this.style.backgroundColor='#EEEEEE'" STYLE="font-size:10px; font-weight:bold; color:#636363; background-color:#EEEEEE;" />
</form>
</dd>

<dd class="othertext">
&raquo; <a href="./admin/">管理者ページ</a><br />
&raquo; {license_banner}<br />
&nbsp;&nbsp;&raquo;{license_code}<br />
&nbsp;&nbsp;&raquo;<a href="{license_url}" title="{license_url}">license&nbsp;url</a><br />
&nbsp;&nbsp;&raquo;<a href="{site_license}" title="{site_license}">site&nbsp;license</a><br />
</dd>

<dd>
<div style="margin: 30px 0px 0px 20px;">
<script type="text/javascript">design=2346;</script>
<script type="text/javascript" src="http://counter2.yaboo.jp/c.js"></script>
<script type="text/javascript">design=2345;</script>
<div style="margin: 10px 0px 10px 0px;"><script type="text/javascript" src="http://counter2.yaboo.jp/t.js"></script></div>
<script type="text/javascript" src="http://counter2.yaboo.jp/y.js"></script>
</div>
<div style="margin: 10px 0px 0px 10px;">
<img src="http://gorou.zapto.org/ruby/rsstimes/rsstimes.rb?month_str=true&fadeout=false&textcolor=%23444444&fillcolor=%23444444&uri=http%3A%2F%2Fnote.northiland.upper.jp%2F%3Fmode%3Drss&text=R%20S%20S%20T%20I%20M%20E%20S&mode=rss&linecolor=%23ffffff&height=20&fadeoutcolor=%23444444&width=151" width="151" height="36" alt="R S S T I M E S" />
</div>
</dd>

</dl>
</div>

<div style="clear: both;"></div>

<div id="footer">
	<p id="copyrights">{copyright}<br>All contents of <a href="">this site</a>, unless otherwise noted, &#169; 2003-2005 <a href="mailto:chalicester@gmail.com">Chalice</a>, and all rights reserved.</p>
	<p id="banners">Powered by
		<a href="http://jugem.cc/">jugem</a>,

		<a href="http://hail2u.net/blog/blosxom/flavour_simplicity_for_bsk.html">Simplicity for bsk</a>,

		<a href="http://www.perl.org/">Perl</a>,
		<a href="http://validator.w3.org/check?uri=referer">XHTML</a>,
		<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>,
		<a rel="alternate" type="application/rss+xml" href="./?mode=rss">RSS</a>,
		<a rel="alternate" type="application/atom+xml" href="./?mode=atom">ATOM</a>
	and my poor brain.</p>
</div>

<script src="http://j6.shinobi.jp/ufo/05496740b"></script>
<noscript><a href="http://x6.shinobi.jp/bin/gg?05496740b" target="_blank">
<img src="http://x6.shinobi.jp/bin/ll?05496740b" border=0></a><br>
<a style="font-size:80%" href="http://www.shinobi.jp/" target="_blank">アクセス解析</a></noscript>

</body>
</html>

CSS

@charset "EUC-JP";

/* general */
body {
	margin:           72px 96px 48px 96px;
	padding:          0;
	color:            #333333;
	background-color: #fcfcfc;
	font-family:      Arial, sans-serif;
	font-size:        80%;
}

a {
	color:            #990000;
	background-color: transparent;
}

a:visited {
	color:            #663333;
	background-color: transparent;
}

a:hover {
	color:            #fcfcfc;
	background-color: #990000;
}

/* header */
div#header {
	float:            none;
	clear:            both;
	width:            100%;
}

div#header h1 {
	margin:           0 0 0.4em 0;
	font-family:      "Trebuchet MS", sans-serif;
	font-size:        2.5em;
}

div#header h1 a {
	color:            #990000;
	background-color: transparent;
	text-decoration:  none;
}

div#header p {
	margin:           0 0 4em 0;
}

/* contents */
div#contents {
	float:            left;
	clear:            left;
	width:            70%; 
}

div#contents div.back_and_forth {
	margin:           0 0 4em 0;
}

div#contents div.bookmarklet {
	margin:           0 0 4em 0;
}

div#contents div.bookmarklet a {
	font-weight:      bold;
}

div#contents h2 {
	margin:           0 0 0.8em 0;
	color:            #999999;
	background-color: transparent;
	font-family:      "Trebuchet MS", sans-serif;
	font-size:        1.25em;
}

div#contents div.section {
	margin:           0 0 4em 0;
	border-bottom:    1px solid 
}

div#contents div.section h3 {
	margin:           0 0 0.67em 0;
	color:            #663333;
	background-color: transparent;
	font-family:      "Trebuchet MS", sans-serif;
	font-size:        1.5em;
}

div#contents div.section h3 a {
	color:            #663333;
	background-color: transparent;
	text-decoration:  none;
}

div#contents div.section p {
	line-height:      1.5;
}

div#contents div.section p.meta {
	margin:           1.5em 0 1em 0;
	line-height:      1;
	color:            #999999;
	background-color: transparent;
}

div#contents div.section p.meta a {
	font-weight:      bold;
}

div#contents div.section div.writeback {
	margin:           0 0 2em 0;
}

div#contents div.section div.writeback h4 {
	margin:           0 0 1em 0;
	color:            #663333;
	background-color: transparent;
	font-family:      "Trebuchet MS", sans-serif;
	font-size:        1em;
}

div#contents div.section form p input.edit {
	width:            60%;
	color:            #333333;
	background-color: #f3f3f3;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	vertical-align:   middle;
}

div#contents div.section p dl dd input.edit input#trackback_url {
	width:            60%;
	color:            #333333;
	background-color: #f3f3f3;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	vertical-align:   middle;
}

div#contents div.section form dl dd input.edit {
	width:            60%;
	color:            #333333;
	background-color: #f3f3f3;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	vertical-align:   middle;
}

div#contents div.section form p textarea.edit {
	width:            80%;
	color:            #333333;
	background-color: #f3f3f3;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	vertical-align:   middle;
}

div#contents div.section form dl dd textarea.edit {
	width:            80%;
	color:            #333333;
	background-color: #f3f3f3;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	vertical-align:   middle;
}

select#ColorBox {
	border-top: 3px double #cccccc;
	border-right: 3px double #333333;
	border-bottom: 3px double #333333;
	border-left: 3px double #cccccc;
	color: #333333;
	background-color: #edeae4;
	background-image: url(".img/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

select#ColorBox:hover,
select#ColorBox:focus {
	border-top: 3px double #cccccc;
	border-right: 3px double #333333;
	border-bottom: 3px double #333333;
	border-left: 3px double #cccccc;
	color: #990000;
	background-color: #edeae4;
	background-image: url(".img/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

select#ColorBox:active {
	border-top: 3px double #333333;
	border-right: 3px double #cccccc;
	border-bottom: 3px double #cccccc;
	border-left: 3px double #333333;
	color: #333333;
	background-color: #edeae4;
	background-image: url(".img/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

input.btn {
	border-top: 3px double #cccccc;
	border-right: 3px double #333333;
	border-bottom: 3px double #333333;
	border-left: 3px double #cccccc;
	color: #333333;
	background-color: #edeae4;
	background-image: url(".img/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

input.btn:hover,
input.btn:focus {
	border-top: 3px double #cccccc;
	border-right: 3px double #333333;
	border-bottom: 3px double #333333;
	border-left: 3px double #cccccc;
	color: #990000;
	background-color: #edeae4;
	background-image: url(".img/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

input.btn:active {
	border-top: 3px double #333333;
	border-right: 3px double #cccccc;
	border-bottom: 3px double #cccccc;
	border-left: 3px double #333333;
	color: #333333;
	background-color: #edeae4;
	background-image: url(".img/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

div#contents div.section form p input.btn {
	/*padding:          0 1em;
	border-top:       3px double #cccccc;
	border-right:     3px double #999999;
	border-bottom:    3px double #999999;
	border-left:      3px double #cccccc;
	color:            #333333;
	background-color: #d8d8d8;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	font-weight:      bold;
	vertical-align:   middle;*/
}

div#contents div.section p.archive_list {
	margin: -2em 0 1em 0;
	padding-right: 2%;
	float: left;	
	clear: left;
	width: 48%;
	
	font-size: 0.89em;
}

div#contents div.section p.archive_list h3,
div#contents div.section p.archive_list h4,
div#contents div.section p.archive_list h5,
div#contents div.section p.archive_list h6 {
	padding: 1em 0 0 0;
}

div#contents div.section p.col {
	float: left;
	clear: left;
	width: 48%;
	/*display: block;*/
}
div#contents p.col2 {
	float: left;
	width: 280px;
	padding: 1em 0px 5px;
	/*display: block;*/
}
/*
div#contents div.section p.archive_list ul.archives {
	float: left;
	clear: both;
	width: 48%;
	display: block;
}

div#contents div.section p.archive_list ul.menu {
	float: left;
	clear: both;
	width: 48%;
	display: block;

}
div.section hr {
	clear: both;
	border:    0px;	
}*/

div.amazon /*.amazlet-box*/ {
	margin: 15px 0px 30px 20px;
	}
div.amazon_text /*.amazlet-name*/ {
	font-size: 10px;
	margin: 10px 20px 20px 0px;
	}
div.amazon_pict /*.amazlet-image*/ {
	font-size: 10px;
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 3px;
	margin: 0px;
	position: relative;
	}
a#.amazon_pict /*.amazlet-image*/ {
	font-size: 10px;
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 3px;
	margin: 0px;
	width: 110px;
	height: 140px;
	position: relative;
	}

/* blockquote,pre,code */
div#contents div.section blockquote {
	margin: 1em auto;
	padding: 0 1em;
	border: 3px solid #e4e1de;
	clear: both;
	width: 90%;
	color: #333333;
	background-color: #f3f0ea;
}

div#contents div.section blockquote h4 {
	margin: 0.8em 0;
}

div#contents div.section pre {
	margin: 1em auto;
	padding: 1em;
	border: 1px solid #cfccc6;
	width: 90%;
	overflow: scroll;
	clear: both;
	color: #333333;
	background-color: #edeae4;
}

div#contents div.section > pre {
	overflow: auto;
}

div#contents div.section pre code {
	color: inherit;
	background-color: transparent;
}

div#contents div.section code {
	color: inherit;
	background-color: transparent;
}

/* sidebar */
div#sidebar {
	float:            right;
	clear:            right;
	width:            30%;
}

div#sidebar dl {
	margin:           0 0 0 24px;
	padding:          1em 0 1em 24px;
	border-left:      1px solid #cccccc;
}

div#sidebar dl dt {
	margin:           0 0 0.8em 0;
	padding:          0;
	color:            #663333;
	background-color: transparent;
	font-family:      "Trebuchet MS", sans-serif;
	font-size:        1.25em;
	font-weight:      bold;
}

div#sidebar dl dd {
	margin:           0 0 4em 0;
	padding:          0;
}

div#sidebar dl dd dl {
	margin:           0 0 2em 0;
	padding:          0;
}

div#sidebar dl dd dl dt{
	margin:           0 0 0 0;
	padding:          0;
}

div#sidebar dl dd dl dd {
	margin:           0 0 1em 0;
	padding:          0;
}

div#sidebar dl dd ol {
	margin:           0 0 0 0;
	padding:          0;
}

div#sidebar dl dd form p input.edit {
	width:            50%;
	color:            #333333;
	background-color: #f3f3f3;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	vertical-align:   middle;
}

div#sidebar dl dd textarea {
	width:            100%;
	color:            #333333;
	background-color: #f3f3f3;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	vertical-align:   middle;
}

div#sidebar dl dd form p input.btn {
	/*padding:          0 0.5em;
	border-top:       3px double #cccccc;
	border-right:     3px double #999999;
	border-bottom:    3px double #999999;
	border-left:      3px double #cccccc;
	color:            #333333;
	background-color: #d8d8d8;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	font-weight:      bold;
	vertical-align:   middle;*/
}

div#sidebar dl dd ul {
	margin:           0;
	padding:          0;
	line-height:      1.5;
	list-style-type:  square;
}

div#sidebar li {
	margin:           0 0 0 1.5em;
	padding:          0;
}

div#sidebar li a {
	font-weight:      bold;
}

/* footer */
div#footer {
	float:            none;
	clear:            both;
	width:            100%;
}

div#footer p {
	margin:           0 0 1em 0;
}

div#footer p a {
	font-weight:      bold;
}

/* paging */
#paging
		{ 
		font-family:Arial, sans-serif;
		font-size:11px;
		margin-top:20px;
		margin-bottom:30px;
		padding:0px;
		font-weight:      bold;
		}

/* hide_and_show */
span.wikieditish {
	display: none;
}
/* Similarity髢｢騾｣ */

.headlines_date {
	margin-left: 2px;
}
.headlines_item {
	text-indent: -2px;
}
.blogroll {
	margin-left: 2px;
}
.blogroll-item {
	text-indent: -2px;
}
.drk7jpSimilarity {	
	/*font-size: 9px;*/
}
.drk7jpSimilarityHeader {
	display: none;
}
.drk7jpSimilarityFooter {
	text-align: right;
}
.drk7jpSimilaritySiteTitles {
	text-align: left;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #333;
	padding-left: 1px;
	/*background-color: #EEEEEE;*/
	/*background: #fff url(http://northiland.upper.jp/img/navmenu.gif);*/
	margin-left: 2px;
	margin-bottom: 2px;
}
.drk7jpSimilaritySiteSummarys {
	/*color: #333;*/
	text-indent: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
}
.bulkfeedsSimilarity {	
	/*font-size: 9px;*/
}
.bulkfeedsSimilarityHeader {
	/*font: 12px trebuchet ms, verdana, arial, helvetica, sans-serif;*/
	background: #fff url(http://northiland.upper.jp/img/navmenu.gif);
	/*color: #666;*/
	font: bold 13px/18px georgia, times new roman, times, serif;
	margin-top: 10px;
	margin-bottom: 2px;
	/*border-bottom: 1px dashed #e6e6e6;*/
	padding-left: 3px;
	padding-bottom: 3px;

}
.bulkfeedsSimilarityItems {
	text-align: left;
	/*border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
	/*color: #333;*/
	padding-left: 1px;
	/*background-color: #EEEEEE;
	background: #fff url(http://northiland.upper.jp/img/navmenu.gif);*/
	margin-left: 2px;
	margin-bottom: 2px;
}
.calendar {
	font-size: 10px;
	color: #333333;
	line-height: 170%;
	background: #A0A0A0;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}

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

.cell {
	font-size: 10px;
	width: 22px;
	height: 22px;
	padding: 1px;
	background: #FFFFFF;
}

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