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

ホーム

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

テンプレート名 : 天下の台所02

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();">
{gmo_header_src}

<center><Img Src="http://img-cdn.jg.jugem.jp/d78/1296270/20090518_635418.gif" Width="500" Height="87"></center>
<h1>{blog_name}</h1>
<p class="h1_sub">{blog_description}</p>

<p class="calendar">{calendar_horizontal}</p>

<div class="menu">

<h2>LINK</h2>
{link_list}

<h2>PROFILE</h2>
{user_list}

<h2>NEW ENTRIES</h2>
{latest_entry_list}

<h2>CATEGORY</h2>
{category_list}

<h2>ARCHIVES</h2>
{archives_list}

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


<h2>RECOMMEND</h2>
{amazon_item}

<h2>SPONSORED LINKS</h2>
	<ul>{ad}</ul>

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

<h2>MOBILE</h2>
	<ul>{site_qrcode}</ul>

<h2>OTHERS</h2>
<div>
<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>{powered}</li>
</ul>
</div>

<h2>SEARCH</h2>
<form method="get" action="">
<input id="search" name="search" size="20" />
<input type="submit" value="検索" />
</form>

</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>
{entry_description}<br />
{entry_sequel}
<div class="mini"><a href="{entry_permalink}">{entry_time}</a> | {category_name} | {comment_num} | {trackback_num} | <a href="{pookmark_url}">pookmark</a> |</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">▲top</a></p>

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

</div>

</div>

</body>
</html>

CSS

body{
margin:30px 12% 50px;
color:#808080;
font-family:Verdana,Chicago,osaka,"ＭＳ Ｐゴシック",sans-serif;
font-size:71%;
line-height:180%;
background-color:#fff;
background-image:url(http://tenka.nenechi.com/images/t-haikei.jpg);
background-position : left
 bottom;
background-attachment : fixed;
background-repeat : no-repeat;
}

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

h1{
font-size:100%;
padding:0;margin:0;
text-align:center;
color:#4169e1;
}

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

.h1_sub{
text-align:center; 
margin-bottom:20px;
color:#666;
}

.calendar{
text-align:center; 
margin-bottom:40px;
color:#666;
}

.menu h2{
font-family:Georgia;
margin:0;
padding:4px 3px;
text-align:center;
font-weight:lighter;
color:#ccc;
font-size:100%;
background-image:url(http://img-cdn.jg.jugem.jp/d78/1296270/20090518_635417.gif);
background-repeat:repeat-y;
background-position:100% 0;
}

.contents00 h2{
margin:15px 0 7px;
padding:7px;
font-size:100%;
color:#c60;
z-index:2;
border-bottom:solid 1px #afeeee;
text-align:right;
}

.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:100%;
color:#9370db;
border-bottom:solid 1px #afeeee;
text-align:right;
}

p{margin:5px 0 17px;}

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

.menu ul{
margin:0 0 30px;
padding-top   :6px;
padding-right :0;
padding-left  :7px;
list-style-type:none;
border-top :solid 1px #afeeee;
border-left:solid 3px #afeeee;
}

.amazon {
margin:0 0 30px;
padding-top   :8px;
padding-right :0;
padding-left  :7px;
list-style-type:none;
border-top :solid 1px #afeeee;
border-left:solid 3px #afeeee;
}

.contents00{
margin:0;padding:0;
width:73%;
float:left;
}

.deta{
font-family:Georgia;
font-size:300%;
text-align:right;
color:#87ceeb;
z-index:1;
margin-bottom:-30px;
padding-top:5px;
}

.entry{margin-bottom:50px;}

.comment{
margin:0 0 10px 30px;
padding:10px 0 10px 10px;
border-bottom:solid 1px #afeeee;
border-left:solid 3px #afeeee;
}

.tb{
margin:0 0 10px 30px;
padding:10px 0 10px 10px;
border-bottom:solid 1px #afeeee;
border-left:solid 3px #afeeee;
}

input,textarea{
margin:0px 0px 3px 0px;
background-color:#ffffff;
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;
border-top :solid 1px #afeeee;
border-left:solid 3px #afeeee;
}

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

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

.top{
text-align:right;
padding-bottom:8px;
margin: 0 0 10px;
border-bottom:solid 1px #afeeee; 
}

blockquote{
margin:10px 0 10px 30px;
padding:10px 0 10px 10px;
border-top:solid 1px #afeeee;
border-bottom:solid 1px #afeeee;
border-left:solid 3px #afeeee;
}

.page_navi {
margin: 40px 0 10px;
border-bottom:solid 1px #afeeee; 
text-align: center;
}

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