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

ホーム

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

テンプレート名 : MEMORIZE　blue

HTML・CSSをコピーして使う

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head>
<meta http-equiv="Content-Type" content="text/html; charset={site_encoding}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>{site_title}{entry_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}" /></div>
</head>
<title>＋＋＋It's Blue Life＋＋＋　第2章</title>

<div class="description">
<font size=1>
<a href="./">最新の日記</a>
 | <a href="http://junkocla1.jugem.cc/?mode=rss" target="_blank">RSS</a>
 | <a href="mailto:junko_clarinet1st@yahoo.co.jp">Mail</a>
 | <a href="http://junkocla1.seesaa.net/" target="_blank">隠れ家編</a>
 | <a href="http://clarinet-life.jugem.jp/" target="_blank">Blog for,Clarinet</a> 
 | <a href="http://cookpad.com/junkocla1/index.cfm?Page=recipe" target="_blank">Junko's Recipe</a>
 | <a href="http://kinugasa.cc/home.php" target="_blank">キヌガサ</a>
 | <a href="http://booklog.jp/" target="_blank">ブクログ</a>

| <a href="http://www.blogpeople.net/" target="_blank">Blog People</a>

|| <a href="./admin/" target="_blank">ログイン</a>
 <br>
 <a href="http://inspire-clarinet.seesaa.net/" target="_blank">MyHomePage（for,PC）</a>
 | <a href="http://ip.tosp.co.jp/i.asp?i=JunkoCla1" target="_blank">MyHomePage（for,Mobile）</a>
 | <a href="http://junkocla1.jugem.cc/?pid=1" target="_blank">About Me?</a>
 | <a href="http://pr1.cgiboy.com/s/0072632" target="_blank">前略プロフィール</a>
 || <a href="http://www.geocities.co.jp/Hollywood/1387/walkingtour.html" target="_blank">WALKING TOUR</a>
</font>
<p>
<html>
<head>
<title>ページの最終更新日を表示する</title>
</head>
<body>
<font size=2 color=00aaff>Last Update：
<script Language="JavaScript"></font></script>
</body>
</html>
<img src="/?image=287"><img src="/?image=286">
<img src="/?image=288"><img src="/?image=292"><img src="/?image=291">
</div>

<FORM>
<INPUT type="button" value="　　！CAUTION！　　" onClick="window.open('http://junkocla1.jugem.cc/?eid=1472')"
style="border-style:dotted; border-width:2px; border-color:#98c2ec; background:#9ccfff; font-size:10pt; color:#6f6f6f">
</FORM>
<font color=salmon size=2>↑<br>*＊閲覧上のご注意です。<font color=red><u>必ず初めにお読み下さい</font></u>＊*</font><br>
<font color=9ccfff size=1>別窓で開きます。</font>
<br><br>

<p>

<form method="get" action="">
<div class="search">
Search this site<br />
<input id="search" name="search" size="20" style="width:130px" class="form" style="border-style:dotted; border-width:2px; border-color:#b4d0dc; background:#ecf8ff; font-size:10pt; color:#6f6f6f"/> <input type="submit" value="Search" class="button" style="border-style:non; background:#9ccfff; font-size:10pt; color:#ffffff"/>
</div>
</form>

</font>
<p>

</td>


<div id="calendar" title="カレンダー">
<div class="calendar_table">
{calendar_horizontal}
</div>
</div>

<p>
<p>

<div class="entry_date">{entry_date}</div>
<div class="entry">
<div class="entry_title">{entry_title}</div>
<div class="entry_body">{entry_description}</div>
<div class="entry_more">{entry_sequel}</div>
<div class="entry_state">{category_name} | {entry_time} | {comment_num} | {trackback_num} </div>
</div>
{trackback_auto_discovery}
<table width=145%><tr><td>{prev_entry}</td><td align="right">{next_entry}</td></tr></table>

<a name="comments"></a>
<div class="entry">
<div class="comment-title"><font color=9ccfff><b>Comment</font></b></div>

<div class="entry_body">{comment_description}</div>
<div class="entry_state">| {comment_name} | {comment_time} |</div>

<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" style="width:100px;" style="border-style:dotted; border-width:3px; border-color:#b4d0dc; background:#ecf8ff; font-size:10pt; color:#6f6f6f"/><br />
<label for="email">email:</label><br>

<label for="description">comments:</label><br />
<textarea tabindex="4" id="description" name="description" rows="10" cols="50" style="width:400px;" style="border-style:dotted; border-width:3px; border-color:#b4d0dc; background:#ecf8ff; font-size:10pt; color:#6f6f6f"/></textarea><br /><br />

<input type="checkbox" name="set_cookie" value="1" id="set_cookie">
<label for="set_cookie">Cookieに登録</label>

</form>
</div>
</div>

<a name="trackback"></a>
<div class="entry">
<div class="trackback-title"><font color=9ccfff><b>この記事のトラックバックURL</font></b></div>

<div class="entry_body">{trackback_url}</div>
<div class="trackback-title"><font color=9ccfff><b>トラックバック</b></font></div>

<div class="entry_title">{trackback_title}</div>
<div class="entry_body">{trackback_excerpt}</div>
<div class="entry_state"> | {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>

<div align="left">

<div id="side">

<div class="links">
<h3>New Entry</h3>
<div class="linktext">{selected_entry_list}</div>
</div>

<div class="links">
<h3>Recent Comments</h3>
<div class="linktext">{recent_comment_list}</div>
</div>

<div class="links">
<h3>Category</h3>
<div class="linktext">{category_list}</div>
</div>

<div class="links">
<h3>Archive</h3>
<div class="linktext">{archives_list}</div>
</div>

<div class="links">
<h3>My HomePages</h3>
<div class="linktext">{link_list}</div>
</div>

</body>
</html>

CSS

html {
scrollbar-base-color:#4ab6ff;
scrollbar-face-color:#caedff;
scrollbar-track-color:#d6ebff;
scrollbar-shadow-color:#666666;
scrollbar-highlight-color:#ffffff;
scrollbar-darkshadow-color:#b6e4ff;
scrollbar-3dlight-color:#b6e4ff;
scrollbar-arrow-color:#8c929c;
}

div, span, form, h1, h2, h3, h4 {
	margin: 0;
	padding: 0
	}
body {  color:#9c9a9c;	
  background:#FFFFFF;

/*------------------------ 背景画像 -----------------------*/
/* お好きな背景画像のURLと場所を入力してください */
background-image:url(http://junkocla1.jugem.cc/?image=344);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 100% 100%;

font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅", sans-serif;	/* フォントファミリーを指定 */
  line-height: 130%;		/* 文字行間隔 */
  margin:30px 20px 20px;	/* 全体的な余白 */
  font-size:15px;		/* 文字の大きさ */
  text-align:center;		/* 全体を中央揃えにする */

}

a		{text-decoration:underline;}
a:link  	{color:#87cafa;}	/* リンク色 */
a:visited	{color:#a2def2;}	/* リンク色（Click済）*/
a:active	{color:#00a8ed;}	/* リンク色（Click時）*/
a:hover	{position:relative;top:2px;left:2px;color:#9c9a9c;text-decoration:underline;background-color:#9ccfff;}	/* リンク色（onMouse）*/

/*------------------------ 日記タイトル -----------------------*/
/* 背景色は行ごと削除すると透明になります。 */

.site_title {
  width:80%;			/* タイトル部分の幅(*0) */
  color:#FFFFFF;		/* 日記タイトルの文字色(*1) */
  background:#9ccfff;		/* 日記タイトルの背景色(*2) */
  padding:5px;margin:0px;
　text-decoration:bold;
}

.site_title a{
  color:#FFFFFF;		/* (*1)と同じ色を指定 */
  text-decoration:none;
}

.entry {
  border:3px dotted #9ccfff;	/* 各エントリーの枠線(*2) */
  background:#;		/* 各エントリーの背景色 */
  /* background-image: url("画像URL") */
  margin:0px 0px 10px;
}
/* 各エントリーのタイトル装飾方法 */
.entry_title {
  color:#FFFFFF;	/* 各エントリーのタイトル文字色(*1) */
  background:#9ccfff;	/* 各エントリーのタイトル背景色(*2) */
  font-weight:bold;
  padding:2px 7px;
}

#main {
  width:50%;			/* 全体のコンテンツ幅(*0) */
  text-align:left;
  margin:7px 0px;
  font-size:15px;
}

.entry_date {
  width:135%;
  text-align:right;
  color:#77aeeb;			/* 日付の文字色 */
}

.description {/* 本来はBLOGの説明に使用されるがナビを代入 */
  border-bottom:2px solid #9ccfff;	/* ナビ下の罫線 */
  padding:5px;
  font-size:small;
  line-height: 100%;
  width:80%;
}

/*-- コンテンツ部分 --*/

.entry_navi {
	width: 300px;
	text-align:center;
	font-size: 75%;
	margin: 15px 0 0 0;
}

.entry {
	width: 700px;
}

h2.entry_title {
	font-size: 90%;
	font-weight: bold;
	color: #1892ff;
	margin: 15px 30px 0 30px;
	border-bottom: 1px solid #1892ff;
	padding-bottom: 3px;
}

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

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

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

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

.entry_state {
	font-size: 65%;
	color: #06b8ff;
	margin: 10px 30px 0 30px;
	text-align: left;
	clear: left;
	background: url() no-repeat bottom center;
	padding: 0 0 12px 0;
}

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

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

ul li { 
	list-style-image: url(http://junkocla1.jugem.cc/?image=7);
	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 #9ccfff;
	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 dotted #1892ff; 
	padding: 1px;
	color: #5286ff;
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅", sans-serif;
}

.button {
	background-color: #8cebff;
	background-repeat: no-repeat;
	border-top: 1px solid #addfff;
	border-right: 1px solid #8cebff; 
	border-bottom: 1px solid #8cebff;
	border-left: 1px solid #addfff;
	font-family: Georgia, sans-serif;
	color: #ffffff;
}

/*-- 検索 -- */
.search {
	font-size: 65%;
	color: #77aeeb;
	padding: 0 0 2px 570px;
}

/*-- メニュー --*/
ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	}

.links {
	margin: 20px 0px 0px 20px;
	background-color:#d6ebff;
	border: 1px solid #4fb5ff;
	width:200px;
	float:left;
	}

.linktext {
	margin:20px 0px 10px 0px;
	padding:0px 10px 0px 10px;
	font-size: 10px;
	line-height: 150%;
	color: #007ee3;
	height:140px;
	overflow: auto;
	}

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

#copyright {
	font-size: 70%;
	line-height: 1.3;
	text-align: center;
	padding: 5px 0;
	margin: 5px auto 0 auto;   
	clear: both;
	color: #FFF;
	background-color: #ffffff;
	width: 752px;
}

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

/*-- 時計 --*/
.clock {
	margin: 0px 0px 0px 1px;
}

/*-- カレンダー --*/
.calendar {
font-family: "Verdana";color: #663;margin:0px;
}
.calendar_month {
font-family: "Verdana";margin-bottom: 10px;color: #1892ff;
}
.cell {
width: 20px;height:16px;
color: #369;
}

.cell a,.cell a:visited{color:#369;}

.today{
background:transparent url(http://i.tosp.co.jp/i-landNAL2/G/A201/P2012880N19.gif) no-repeat;
font-weight:bold;
}

#calendar {
	width: 700px;
	margin: 0 auto;
	background-color: #9ccfff;
	color: #ffffff;
	padding: 5px 0;
}

#calendar a, .calendar_month { 
	font-weight: bold; 
	text-decoration: none; color: #1892ff;
}

.calendar_table {
	text-align: center;
	font-size: 11px;
	color: #ffffff; margin: 0; padding: 0;
}

.cell, .today, .calendar_month { 
	font-size: 11px;
	font-family: Verdana, sans-serif;
}

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