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

ホーム

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

テンプレート名 : 足跡

HTML・CSSをコピーして使う

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml: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">
<DIV class=guide_cell_5>
<H1 align="center"><BR>
<BR>
{blog_name}</H1>
</DIV>
<DIV class="description" align="center"></DIV>
</div>


<div id="calendar" title="カレンダー">
<div class="calendar_table">{calendar_horizontal}</div>
</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"></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"></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"></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>

<div id="menu">

<div class="linktitle" title="検索">サイト内検索</div>
<FORM method="get" action="">
<DIV class="search"><INPUT id="search" name="search" size="20" style="width:130px" class="form"> <INPUT type="submit" value="検索" class="button"></DIV>
</FORM>

<div class="linktitle" title="オススメ">オススメ</div>
<div class="linktext">{amazon_item}</div>


<div class="linktitle" title="最新エントリー">最新エントリー</div>
<div class="linktext">{latest_entry_list}</div>


<div class="linktitle" title="最新コメント">最新コメント</div>
<div class="linktext" id="comments">{recent_comment_list}</div>


<div class="linktitle" title="最新トラックバック">最近のトラックバック</div>
<div class="linktext" id="trackbacks">{recent_trackback_list}</div>

<div class="linktitle" title="カテゴリー">カテゴリ</div>
<div class="linktext" id="categories">{category_list}</div>

<div class="linktitle" title="リンク">リンク</div>
<div class="linktext" id="links">{link_list}</div>

<div class="linktitle" title="プロファイル">プロフィール</div>
<div class="linktext" id="profile">{user_list}</div>


<div class="linktitle" title="その他">その他</div>
<div class="linktext">
<ul>
<li><a href="./admin/">管理者ページ</a></li>
<li><a href="./?mode=rss">RSS1.0</a></li>
<li><a href="./?mode=atom">Atom0.3</a></li>
<li><a href="http://jugem.jp/" title="ブログのレンタルならJUGEM（じゅげむ）">Powered by "JUGEM"</a></li>
</ul>
</div>

{ad}</div>
<a href="#header"><IMG src="http://img-cdn.jg.jugem.jp/981/63800/20050503_1593789.gif" width="73" height="12" class="totop" alt="このページの先頭へ"></a>
<br class="clear" />
</div>

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

</BODY>
</HTML>

CSS

/*-- 全体的なルール --*/
BODY {
	margin: 0; padding: 0;
	
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅", sans-serif;
	background-repeat : no-repeat;
	text-align: center;

}

div, span, form, h1, h2, h3, h4 {
	margin: 0;
	padding: 0
	;}

A { text-decoration : underline;}
A:LINK { color:#915a47; 
text-decoration : none;
}
A:VISITED {  
text-decoration : underline;
color : black;
}
A:ACTIVE { color:#262626; 
cursor : pointer;
}
A:HOVER { color:#262626; 
cursor : crosshair;
}

hr { 
	border-top: 1px dashed #999;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	color: #D8EAF0;
	margin: 0 5px;
}

/*-- レイアウト--*/
#header {
	text-align: left;
	width: 800px;
	height: 150px;
	background : url(http://img-cdn.jg.jugem.jp/981/63800/20050504_1593797.gif) no-repeat center bottom;
	
	margin: 0 auto;
}

H1#site_title {
	text-align: left;
	font-size : 150%;
	font-weight : bolder;
	
	margin: 0; padding: 45px 0 0 40px;
	text-align: left;
	font-family: palatino, georgia, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅", sans-serif;

color : navy;
}

.description {
	text-align: left;
	font-size: 75%;
	font-weight: bold;
	color: #666;
	margin: 0; padding: 0 0 20px 40px;
	font-family: palatino, georgia, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅", sans-serif;
}

#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: 0 auto; width: 750px;
}

#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;
	font-family : "Georgia", "sans-serif", "Comic Sans MS";
	color: #999999;
	border: none;

}

/*-- 検索 -- */
.search {
	}

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

#menu ul li { 
	border-bottom: 1px dashed #AFD2DE;
	list-style-image : url(http://img-cdn.jg.jugem.jp/981/63800/20050503_1593788.gif);
	margin: 0 10px 0 25px;
	padding: 2px;
	line-height: 1.35;
}

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

.linktitle {
	background : url(http://img-cdn.jg.jugem.jp/981/63800/20050505_1593800.png) 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;
	text-align: center;
	padding: 5px 0;
	margin: 5px auto 0 auto;   
	clear: both;
	color: #FFF;
	background-color: #969696;
	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 {
	width : 780px;
	margin: 0 auto;
	background-color : white;
	color: #333;
	padding: 4px 0;
}

#calendar A, .calendar_month { 
	font-weight: bold; 
	text-decoration: none; 
}

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

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

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