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

ホーム

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

テンプレート名 : flower-white

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" />
<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="./template/js/cookie.js"></script>
</head>

<div class="top-2">

<h1 class="site_title">{blog_name}</h1>
{blog_description}

</div>

<form method="get" action="">
<h3>Search</h3>
<input id="search" name="search" size="20" class="search_input" /><input type="submit" value="go" class="search_button" />
</form>

<h3>Calendar</h3>
<div class="week">
<div class="week-day1">日</div>
<div class="week-day2">月</div>
<div class="week-day2">火</div>
<div class="week-day2">水</div>
<div class="week-day2">木</div>
<div class="week-day2">金</div>
<div class="week-day3">土</div>
</div>
{calendar}

<h3>商品紹介</h3>
{amazon_item}

<h3>New Entries</h3>
<div class="contents-1_list">{selected_entry_list}</div>

<h3>Category</h3>
<div class="contents-1_list">{category_list}</div>

<h3>Archives</h3>
<div class="contents-1_list">{archives_list}</div>

<h3>Recent Comment</h3>
<div class="contents-1_list">{recent_comment_list}</div>

<h3>Recent Trackbacks</h3>
<div class="contents-1_list">{recent_trackback_list}</div>

<h3>link</h3>
<div class="contents-1_list">{link_list}</div>

<h3>profile</h3>
<div class="contents-1_list">{user_list}</div>

<h3>{freespace_title1}</h3>
<div class="contents-1_list">{freespace_contents1}</div>

<h3>{freespace_title2}</h3>
<div class="contents-1_list">{freespace_contents2}</div>

<h3>{freespace_title3}</h3>
<div class="contents-1_list">{freespace_contents3}</div>

<h3>{freespace_title4}</h3>
<div class="contents-1_list">{freespace_contents4}</div>

<h3>{freespace_title5}</h3>
<div class="contents-1_list">{freespace_contents5}</div>

<h3>others</h3>
<div class="contents-1_list"><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>
</ul></div>

{powered}

</div>

<div class="entry_navi">
 {prev_entry} | <a href="./">main</a> | {next_entry} 
</div>

<h2>{entry_title}</h2>
<div class="entry-date">{entry_date}</div>
<div class="user-name">author :{user_name}</div>
<div class="entry-body">{entry_description}</div>
<a name="sequel"></a>
<div class="equel">{entry_sequel}</div>
| {category_name} | {entry_time} | {comment_num} | {trackback_num} |
<div class="to-top"><a href="#top">▲ PAGE TOP</a></div>
{trackback_auto_discovery}
</td>

<a name="comments"></a>
<h4>コメント</h4>

<div class="commment-body">{comment_description}</div>
| {comment_name} | {comment_time} |
<hr />

<h4>コメントする</h4>
<form name="comment_area" id="comment_area" action="./?mode=comment" method="post">
<input type="hidden" name="entry_id" value="{entry_id}" />
<label for="name">name:</label>
<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" style="width:200px;" class="comment_input" /><br />
<label for="email">email:</label>
<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" style="width:200px;" class="comment_input" /><br />
<label for="url">&nbsp;&nbsp;&nbsp;&nbsp;url:</label>
<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" style="width:200px;" class="comment_input" /><br />
<label for="description">comments:</label><br />
<textarea tabindex="4" id="description" name="description" rows="10" cols="50" style="width:350px;" class="comment_input" /></textarea><br /><br />
<input tabindex="5" type="submit" value="コメント送信" onclick="javascript:setval();" class="comment_button"/>
<input type="checkbox" name="set_cookie" value="1" id="set_cookie">
<label for="set_cookie">Cookieに登録</label>
</form>

<a name="trackback"></a>
<h4>この記事のトラックバックURL</h4>
<div class="commment-body">{trackback_url}</div>
<h4>トラックバック</h4>

{trackback_title}
<div class="commment-body">{trackback_excerpt}</div>
| {trackback_blog_name} | {trackback_time} |

<h2>プロフィール</h2>
{profile_name}
<div class="profile-body">{profile_description}</div>
<hr />

</div>

<div class="contents-3"></div>


<div class="copyright">{copyright}&nbsp;&nbsp;
DESIGNED BY <a href="http://kotyouno-yume.jugem.jp/" target="_blank"><span class="green">ちわわん工房</span></a>.</div>

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

CSS

body {
	background:#FFFFFF;
	color:#663300;
	font-family:"Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size:12px;
	margin:auto;
	padding:0px;
	text-align:center;
	line-height:150%;
}

a:link {
    text-decoration:none;
    color:#663300;
}
a:visited {
    text-decoration:none;
    color:#663300;
}
a:active {
    text-decoration:none;
    color:#663300;
}
a:hover {
    text-decoration:none;
    color:#AC9A62;
}

.main {
	width:800px;
	background-color:#FFFFFF;
    background-image:url(http://img-cdn.jg.jugem.jp/5b3/176211/20060508_5997.gif);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
}

.top-1 {
    float:left;
    width:260px;
    height:180px;
    text-indent:-300px;
}

.top-2 {
    float:left;
	width:540px;
	height:180px;
}
h1 {
    margin-top:45px;
	color:#663300;
	text-decoration:none;
	font-size:24px;
	margin-bottom:10px;
}

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

.contents-1 {
    clear:both;
	float:left;
	width:260px;
}
.space {
    background-image:url(http://img-cdn.jg.jugem.jp/5b3/176211/20060507_4588.gif);
	background-repeat:no-repeat;
	height:80px;
}
h3 {
    background-image:url(http://img-cdn.jg.jugem.jp/5b3/176211/20060508_6002.gif);
	background-repeat:no-repeat;
	width:204px;
	height:29px;
	font-weight:bold;
	font-size:14px;
	padding-top:5px;
	margin:10px 0px 5px;
}
.contents-1_list {
    text-align:left;
	margin:-10px 0px 30px 0px;
    padding:0px;
}

.search_input {
	background-color:#F0F8E9;
	border:1px solid #663300;
	width:150px;
}
.search_button {
	background-color:#F0F8E9;
	border:double 3px #663300;
	margin-left:5px;
	text-transform:uppercase;
	color:#663300;
}

.calendar {
    font-family:"Verdana";
    font-size:10px;
	color:#999999;
	margin:5px 0px 20px 0px;
}
.week {
    width:175px;
	}
.week-day1 {
    float:left;
	width:25px;
	color:#FF95CA;
}
.week-day2 {
    float:left;
	width:25px;
}
.week-day3 {
    float:left;
	width:25px;
	color:#9CBDFA;
}
.calendar_month {
    font-family:"Verdana";
	margin-bottom:10px;
	font-size:10px;
	color:#663300;
}
.cell {
    width:20px;
	height:19px;
	padding:2px;
}
.cell a { 
    text-decoration:none;
    display:block;
	background-image:url(http://img-cdn.jg.jugem.jp/5b3/176211/20060508_6011.gif);
	background-repeat:no-repeat;
}
.cell a:link {
    color:#663300;
}
.cell a:visited {
    color:#663300;
}
.cell a:active {
    color:#663300;
}
.cell a:hover {
    color:#000000;
}

.ad {
    margin-top:20px;
}

.contents-2 {
    float:left;
	width:500px;
}

.entry_navi {
    font-size:12px;
	color:#663300;
	margin:15px 0px 15px 0px;
}

h2 {
    background-image:url(http://img-cdn.jg.jugem.jp/5b3/176211/20060508_6001.gif);
	background-repeat:no-repeat;
	widht:500px;
	height:54px;
	font-size:16px;
	font-weight:bold;
	padding-top:20px;
	margin-bottom:-10px;
}
.entry-date {
    text-align:right;
	font-size:10px;
	margin-right:50px;
	margin-bottom:-7px;
}
.user-name {
    text-align:right;
	font-size:10px;
	margin-right:50px;
}
.entry-body {
   text-align:left;
   margin:20px 65px 20px 35px;
}
.sequel {
    text-align:right;
	font-size:10px;
	margin-right:60px;
}

.to-top {
    text-align:right;
	font-size:10px;
	margin-right:10px;
}

h4 {
    background-image:url(http://img-cdn.jg.jugem.jp/5b3/176211/20060508_5999.gif);
	background-repeat:no-repeat;
	widht:400px;
	height:54px;
	font-size:14px;
	font-weight:bold;
	padding-top:35px;
	margin-bottom:-10px;
	background-position:center;
}

.commment-body {
    text-align:left;
	margin:20px;
	padding-left:70px;
	padding-right:70px;
}
hr {
    height:1px;
	color:#669933;
	width:350px;
}
.comment_input {
	background-color:#FFFFFF;
	border:1px solid #663300;
	width:150px;
}
.comment_button {
	background-color:#F0F8E9;
	border:solid 1px #663300;
	margin-left:5px;
	color:#663300;
}

.profile-body {
   text-align:left;
   margin:20px 70px 20px 35px;
}

.to-top2 {
    clear:both;
	text-align:right;
	font-size:10px;
	margin-right:10px;
}

.copyright {
    font-size:10px;
	border-top:solid 1px #669933;
	width:760px;
	margin-top:30px;
}
.green {
    color:#669933;
}

.contents-3 {
    float:left;
	width:40px;
}

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