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

ホーム

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

テンプレート名 : jewelrywhite2

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">

<head>
<meta http-equiv="Content-Type" content="text/html; charset={site_encoding}" />
<title>{site_title}</title>
<link rel="stylesheet" href="{site_css}" type="text/css" />
<link type="text/css" href="{gmo_header_css}" rel="stylesheet" media="screen,print">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{site_rss}" />
<link rel="alternate" media="handheld" type="application/xhtml+xml" href="{mobile_url}" />
<script type="text/javascript" src="./template/js/cookie.js"></script>
</head>
<body onload="javascript:initval();">
<a name="top"></a>
<div id="wrapper_body">
<TABLE border="0" cellpadding="0" cellspacing="0">
<TBODY>
<TR><TD><IMG src="http://img.templatejewelry.jewelry-sozai.jp/20111126_284744.gif" width="37" height="37" border="0"></TD>
<TD background="http://img.templatejewelry.jewelry-sozai.jp/20111126_284745.gif" align="center"></TD>
<TD><IMG src="http://img.templatejewelry.jewelry-sozai.jp/20111126_284746.gif" width="37" height="37" border="0"></TD>
</TR>
<TR><TD background="http://img.templatejewelry.jewelry-sozai.jp/20111126_284747.gif"></TD>
<TD>
<TABLE bgColor="#FFFFFF">
<TR>
<TD>

<h1>{blog_name}</h1>
<p class="h1_sub">{blog_description}</p>

<div class="menu">

<h2>PR</h2>
	<ul>{ad}</ul>

<div><IMG src="http://img.templatejewelry.jewelry-sozai.jp/20111124_275553.gif"  width="60" height="11" border="0">
</div>
{latest_entry_list}

<div><IMG src="http://img.templatejewelry.jewelry-sozai.jp/20111124_275551.gif" width="60" height="11" border="0">
</div>
{category_list}

<div><IMG src="http://img.templatejewelry.jewelry-sozai.jp/20111124_275544.gif" width="60" height="11" border="0">
</div>
{archives_list}

<h2>RECENT COMMENT</h2>
{recent_comment_list}

<h2><BR><BR>RECENT TRACKBACK</h2>
{recent_trackback_list}

<h2>{freespace_title1}</h2>
	<ul>{freespace_contents1}</ul>

<h2>{freespace_title2}</h2>
	<ul>{freespace_contents2}</ul>

<h2>{freespace_title3}</h2>
	<ul>{freespace_contents3}</ul>

<h2>{freespace_title4}</h2>
	<ul>{freespace_contents4}</ul>

<h2>{freespace_title5}</h2>
	<ul>{freespace_contents5}</ul>

<div><IMG src="http://img.templatejewelry.jewelry-sozai.jp/20111124_275532.gif" width="60" height="11" border="0">
</div>
{link_list}

<div><IMG src="http://img.templatejewelry.jewelry-sozai.jp/20111124_275520.gif" width="60" height="11" border="0">
</div>
{user_list}

<div><BR><BR>
<ul>
<li> <a href="http://jewelry-sozai.jp/"target="_blank">ジュエリー工房</a></li>
<li><a href="./?mode=rss">RSS1.0</a></li>
<li><a href="./?mode=atom">Atom0.3</a></li>
</ul>

<BR><BR>
<a href="{amazon_url}" target="_blank"><img src="{amazon_ImageUrlSmall}" border=0 alt="{amazon_ProductName}"></a>

</div>

</div>

<div class="contents00">

<p>{prev_entry} | <a href="./">TOP</a> | {next_entry}</p>

<div class="entry">
<div class="deta">{entry_date}</div>
<h2><a href="{entry_permalink}">{entry_title}</a></h2>
<div class="entry_love">{love_white}</div>
{entry_description}<br />
{entry_sequel}
<div class="mini"><a href="{entry_permalink}">{entry_time}</a> | {category_name} | {comment_num} | {trackback_num} | {pookmark_link} | {logpi_link} |</div>
{trackback_auto_discovery}
</div>

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

<div class="comment">
{comment_description}
<div class="mini">{comment_time} by {comment_name}</div>
</div>

<h3>コメントする</h3>
<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><br />
<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" /><br />
<label for="email">email:</label><br />
<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" /><br />
<label for="url">url:</label><br />
<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" /><br />
<label for="description">comments:</label><br />
<textarea tabindex="4" id="description" name="description" rows="6" cols="50"></textarea>
<br />
<input type="submit" value="コメント送信" onclick="javascript:setval();" />
<input type="checkbox" name="set_cookie" value="1" id="set_cookie" checked>
<label for="set_cookie">Cookieに登録</label>
</form>

<a name="trackback"></a>
<h3>この記事のトラックバックURL</h3>
<div class="tb">{trackback_url}</div>
<h3>トラックバック</h3>

<div class="tb">
{trackback_title} <br />
{trackback_excerpt}<br />
<div class="mini">（{trackback_blog_name}　{trackback_time}）</div>
</div>

<h2>{profile_name}</h2>
{profile_description}

<ul class="navi">
	<li>{prev_page_link}</li>
	<li>{page_now}/{page_num}PAGES</li>
	<li>{next_page_link}</li>
</ul>

<p class="top"><a href="#top"><IMG src="http://img.templatejewelry.jewelry-sozai.jp/20111124_275627.gif" width="30" height="11" border="0"></a></p>

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

</div>

</div>
</TR>
</TABLE>
</TD>
<TD background="http://img.templatejewelry.jewelry-sozai.jp/20111126_284754.gif"></TD>
</TR> 
<TR>
<TD><IMG src="http://img.templatejewelry.jewelry-sozai.jp/20111126_284759.gif" width="37" height="37" border="0"></TD>
<TD background="http://img.templatejewelry.jewelry-sozai.jp/20111126_284765.gif"></TD>
<TD align="center"><IMG src="http://img.templatejewelry.jewelry-sozai.jp/20111126_284767.gif" width="37" height="37" border="0"></TD>
</TR>
</TBODY>
</TABLE>

</body>
</html>

CSS

* {
	margin: 0;
	padding: 0;
}

#wrapper_body {
	width:600px;
	margin:50px auto 10px;
}

body {
color:#666699;
font-family:Verdana,Chicago,osaka,"ＭＳ Ｐゴシック",sans-serif;
font-size :11px;
background-color:;
background-image:url(http://img.templatejewelry.jewelry-sozai.jp/20111126_284736.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: left bottom;

}

a:link   {color:#999;}
a:visited{color:#666;}
a:hover  {color:#cc9966;}

h1{
	width: 600px;
	font-size:15px;
	padding:0;margin:0;
	text-align:center;
	color:#cccc99;
}

h1 a:link   {color:#cc9966;}
h1 a:visited{color:#cc9966;}
h1 a:hover  {color:#333;
text-decoration:none;} 
h1 a{text-decoration: none;}

.h1_sub{
	width: 600px;
	text-align:center; 
	margin-bottom:10px;
	color:#cccccc;
}

.menu h2{
font-family:"verdana";
margin:20;
padding:10px 3px;
text-align:center;
font-weight:lighter;
color:#ccc;
font-size:9px;
background-image:url();
background-repeat:;
background-position:center top;
width:; 
 height:;
}

.contents00 h2{
margin:5px  08px;
padding:35px;
background-image:url(http://img.templatejewelry.jewelry-sozai.jp/20111124_275474.gif);
background-repeat:no-repeat;
background-position:center top;
font-size:10px;
color:#cc9999;
z-index:2;
text-align:center;
}

.contents00 h2 a:link   {color:#c60;}
.contents00 h2 a:visited{color:#c60;}
.contents00 h2 a:hover  {color:#fff;} 
.contents00 h2 a{text-decoration: none;}

.contents00 h3{
margin:15px 0 7px;
padding:7px;
font-size:10px;
color:#cccccc;
text-align:left;
}

p{margin:5px 0 17px;}

.menu{
margin:0;padding:0;
width:15%;
float:right;
}

.menu ul{
margin:10 0 10px;
padding-top   :6px;
padding-right :0;
padding-left  :7px;
list-style-type:none;
}

.amazon {
margin:0 0 30px;
padding-top   :8px;
padding-right :0;
padding-left  :7px;
list-style-type:none;
}

.contents00{
margin:0;padding:0;
width:80%;
float:center;
}

.entry{margin: 0px 0px 0px 0px;text-align:center;}

.entry_love{
margin:5px 0px;text-align:center;}

.comment{
margin:0 0 10px 30px;
padding:10px 0 10px 10px;
}

.tb{
margin:0 0 10px 30px;
padding:10px 0 10px 10px;
}

input,textarea{
margin:0px 0px 3px 0px;
background-color:transparent;
border:solid 1px #666;
color:#999;
}

.menu form{
margin:0 0 30px;
padding-top   :8px;
padding-right :0;
padding-left  :7px;
list-style-type:none;
}

.mini{
margin-top:10px;
text-align:right;
font-size:77%;
color:#666;
}

.copyright{
align: center;
text-align:center;
font-size:77%;
}

.top{
text-align:right;
padding-bottom:8px;
margin:40px 0 10px;
 
}

blockquote{
margin:10px 0 10px 30px;
padding:10px 0 10px 10px;
}

ul.navi {
	margin:0px;
	list-style: none;
	text-align:right;
}
ul.navi li{
	font-size:77%;
	display:inline;
	margin:0px 2px;
}

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