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

ホーム

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

テンプレート名 : FLY

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" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<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" type="application/atom+xml" href="{site_atom}" />
<link rel="alternate" media="handheld" type="application/xhtml+xml" href="{mobile_url}" />
<script type="text/javascript" src="./template/js/cookie.js"></script>
</head>

<div id="wrapper">
<a name="top"></a>

<div id="header">
<div class="blog_title">

<h1><a href="./">{blog_name}</a></h1>
<div id="description">{blog_description}</div>

</div>
</div>

<div id="content">

<div id="main">

<div id="entryNavi">
{prev_entry} | <a href="./">main</a> | {next_entry}
</div>

<div class="entry">
<div class="entryTop">
<h2>{entry_title}</h2>
<div class="entryDate">{entry_date} {entry_time_only}</div>
</div>
<div class="entryBody">{entry_description}</div>
<a name="sequel"></a>

<div class="entryMore">{entry_sequel}</div>

<div class="entryState">
{category_name}　
<a href="./?eid=*#comments">c.{comment_num_only}</a>　
<a href="./?eid=*#trackback">t.{trackback_num_only}</a>
</div>

{trackback_auto_discovery}

<a name="comments"></a>

<div class="commentBody">{comment_description}</div>

<ul class="commentState">
<li>{comment_name}</li>
<li>{comment_time}</li>
</ul>

<div id="commentSendTitle">コメントする</div>
<div class="commentSendForm">
<form name="comment_area" id="comment_area" action="./?mode=comment" method="post">
<input type="hidden" name="entry_id" value="{entry_id}" class="input" />

<label for="email">email:</label><br>
<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" class="input" /><br />

<label for="description">comments:</label><br />
<textarea tabindex="4" id="description" name="description" rows="5"></textarea><br />

<input tabindex="5" type="submit" value="コメント送信" />&nbsp;&nbsp;<input type="checkbox" name="set_cookie" value="1" id="set_cookie">&nbsp;<label for="set_cookie">入力情報を登録しますか？</label>
</form>
</div>

</div>

<a name="trackback"></a>

<div id="trackback">
<div id="trackbackURL">この記事のトラックバックURL</div>
<input type="text" value="{trackback_url}" />

<div id="trackbackTitle">トラックバック</div>

<div class="trackbackName">{trackback_title}</div>
<div class="trackbackBody">{trackback_excerpt}</div>

<ul class="trackbackState">
<li>{trackback_blog_name}</li>
<li>{trackback_time}</li>
</ul>

</div>

<div id="profile">
<div id="profileTitle">プロフィール</div>
<div id="profileName">{profile_name}</div>
<div id="profileBody">{profile_description}</div>
</div>

<div id="entryNavi">
{prev_page_link} | {page_now}/{page_num}PAGES | {next_page_link}
</div>

<div class="pageTop">
<a href="#top">このページの先頭へ▲</a>
</div>

</div>

<div id="right">

<h3>calendar</h3>
<div class="sideContents">
<table border="0" cellpadding="0" cellspacing="1">
<tr align="center">
<td class="cell" style="color:#CC0000">S</td>
<td class="cell" style="color:#000000;">M</td>
<td class="cell" style="color:#000000;">T</td>
<td class="cell" style="color:#000000;">W</td>
<td class="cell" style="color:#000000;">T</td>
<td class="cell" style="color:#000000;">F</td>
<td class="cell" style="color:#0066CC">S</td>
</tr>
</table>
{calendar}
</div>

<h3>selected entries</h3>
<div class="sideContents">
{selected_entry_list}
</div>

<h3>profile</h3>
<div class="sideContents">
{user_list}
</div>

<h3>links</h3>
<div class="sideContents">
{link_list}
</div>

<h3>categories</h3>
<div class="sideContents">
{category_list}
</div>

<h3>archives</h3>
<div class="sideContents">
{archives_list}
</div>

<h3>recent comment</h3>
<div class="sideContents">
{recent_comment_list}
</div>

<h3>recent trackback</h3>
<div class="sideContents">
{recent_trackback_list}
</div>

<h3>recommend</h3>
<div class="sideContents">
{amazon_item}
</div>

<h3>{freespace_title1}</h3>
<div class="sideContents">
{freespace_contents1}
</div>

<h3>{freespace_title2}</h3>
<div class="sideContents">
{freespace_contents2}
</div>

<h3>{freespace_title3}</h3>
<div class="sideContents">
{freespace_contents3}
</div>

<h3>{freespace_title4}</h3>
<div class="sideContents">
{freespace_contents4}
</div>

<h3>{freespace_title5}</h3>
<div class="sideContents">
{freespace_contents5}
</div>

<h3>search this site.</h3>
<div class="sideContents">
<form method="get" action="./">
<table cellpadding="0" cellspacing="0" border="0">
<tr valign="middle">
<td><input id="search" name="search" size="20" style="width:110px" class="search" /></td>
<td><input type="submit" value="Search" /></td>
</tr>
</table>
</form>
</div>

<h3>others</h3>
<div class="sideContents">
<ul>
<li><a href="./manage/">LOG IN</a></li>
<li><a href="./?mode=rss">RSS1.0</a></li>
<li><a href="./?mode=atom">Atom0.3</a></li>
</ul>
</div>

<h3>mobile</h3>
<div class="sideContents">
{site_qrcode}
</div>

<h3>sponsored links</h3>
<div class="sideContents">
{ad}
</div>

</div>

</div>

<div id="footer">
<div id="copyright">
material by <a href="http://www16.ocn.ne.jp/~riru/">ふるるか</a>　
template by <a href="http://coopu.jugem.jp/">coo.p.u</a>　
{copyright}</div>
</div>

</div>

</body>
</html>

CSS

/* 再配布・転載は禁止です */
* {margin:0px;padding:0px;}

h1,h2,h3,h4,h5,h6 {font-size:100%;}
a {text-decoration:underline;overflow:hidden;}
img {border:none;vertical-align:top;}
li {list-style-type:none;}
hr {display:none;clear:both;}
br.clear {clear:both;}

html {color:#777;}

body {
width:100%;
text-align:center;
font-size:11px;
font-family:'Verdana';
line-height:1.6em;
background-color:#fff;
background-image: url(http://img-cdn.jg.jugem.jp/303/1401085/20090818_811985.jpg);
background-repeat: no-repeat;
background-position: left top;
background-attachment: fixed;
}

br {letter-spacing: normal}

a {color:#000000;text-decoration:underline;}
a:link {color:#000000;text-decoration:underline;}
a:hover {color:#333333;text-decoration:none;}
a:visited {color:#999999;text-decoration:underline;}
a:active {color:#333333;text-decoration:none;}

h1 a,h1 a:link,h1 a:visited {color:#999;text-decoration:none;}
h1 a:hover,h1 a:active {color:#000;text-decoration:none;}
.blog_title { padding: 50px 0px 0px 30px;}

#left a,#right a {color:#000000;text-decoration:underline;}
#left a:link,#right a:link {color:#000000;text-decoration:underline;}
#left a:hover,#right a:hover {color:#333333;text-decoration:none;}
#left a:visited,#right a:visited {color:#999999;text-decoration:underline;}
#left a:active,#right a:active {color:#333333;text-decoration:none;}

.cell a,.call a:link,.call a:visited
{color:#000000;text-decoration:underline;font-weight:bolder;}
.cell a:hover,.call a:active {color:#999999;text-decoration:none;}

#wrapper {
width:730px;
margin:0 auto;
text-align:left;
}

#header {
width:730px;
clear:left;
text-align: left;
margin-bottom: 40px;
}

#content {
margin:0 auto;
padding:0 20px 20px 20px;
}

#right {
float:right;
width:200px;
font-size: 10px;
}

#main {
float:left;
width:430px;
padding:0 20px 0 20px;
}

#footer {
width:100%;
clear:left;
font-size: 10px;
}

h1 {font-size:18px;
font-family: 'Times New Roman'; letter-spacing: 6px;}

div#description {margin:10px 0 0 0;padding:0 0 0 30px; font-size:10px;}

.entry {margin:0 0 15px 0;}

#entryNavi {margin:0 0 15px 0;}

.entryTop {}

h2 {font-size:11px;font-weight:bolder;}

.etnryDate {margin:0px 0 20px 0;color:#999;}

.entryBody {margin:15px 0 0 0;}

.entryMore {margin:10px 0 10px 0;}

.entryState {text-align: right;}

#comment {border:1px #000 solid;padding:20px;margin:20px 0 0 0;}

#commentTitle {
margin:0 0 5px 0;
font-size:11px;
font-weight:bolder;
}

#commentSendTitle {
margin:20px 0 5px 0;
font-size:11px;
font-weight:bolder;
}

.commentBody {margin:5px 0;}

ul.commentState {margin:0 0 15px 0;}

ul.commentState li {
display:inline;
border-left:1px solid #999999;
padding-left:5px;
}

.commentSendForm {margin:0;}
.commentSendForm .input {width:250px;}
.commentSendForm textarea {width:350px;margin:0 0 10px 0;}

#trackback {border:1px #000 solid;padding:20px;margin:20px 0 0 0;}

#trackbackURL {
margin:0 0 5px 0;
font-size:11px;
font-weight:bolder;
}

#trackbackTitle {
margin:20px 0 5px 0;
font-size:11px;
font-weight:bolder;
}

#trackback input {width:350px;}

.trackbackName {margin:0;}
.trackbackBody {margin:5px 0;}

ul.trackbackState {margin:0 0 15px 0;}

ul.trackbackState li {
display:inline;
border-left:1px solid #999999;
padding-left:5px;
}

#profile{margin:0;}

#profileTitle {font-size:11px;font-weight:bolder;}
#profileName {margin:15px 0 0 0;}
#profileBody {margin:5px 0;}

.pageTop {margin:10px 0 0 0}

#main blockquote {
border:1px dotted #CCC;
padding:10px;
margin:10px;
}

#main .pict {border:1px #000000 solid;padding:3px;}

div.entryBody li,div.entryMore li {
list-style:circle;
margin:0 0 0 15px;
}

h3 {font-size:11px;font-weight:bolder;margin:0 0 5px 0; height:36px;
background-image: url(http://img-cdn.jg.jugem.jp/303/1401085/20090818_811940.jpg);
background-repeat: no-repeat;
background-position: left top;
padding:10px 0 0 30px;}

.sideContents {margin:0 0 20px 0;}

.cell {width:23px;}

#footer {
text-align:center;
margin:20px 0 0 0;
}

#copyright {
font-size:10px;
padding:0 0 10px 0;
text-align:center;
}

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