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

ホーム

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

テンプレート名 : Sleepwalk

HTML・CSSをコピーして使う

HTML

<?xml version="1.0" encoding="EUC-JP">
<!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" xml:lang="ja" lang="ja" dir="ltr">
<html lang="ja">
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Type" content="text/html; charset={site_encoding}" />
<meta http-equiv="Content-Script-Type" content="text/javascript">
<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>
<body bgcolor="#000000" text="#32CD32" link="#FF6600" vlink="#336699" alink="#FF3300" onload="javascript:initval();">
<center>

<table border="0" cellpadding="0" cellspacing="0" width="96%">
  <tbody>
    <tr>
      <td><img src="http://img-cdn.jg.jugem.jp/f69/80618/20050910_12745.gif" width="640" height="1" border="0" alt=""></td>
    </tr>
    <tr>
      <th align="left" class="blogname"><h1 class="blogname"><a href="./" title="トップ" class="blogname">{site_title}</a></h1></th>
    </tr>
    <tr>
      <td class="introduction">{blog_description}</td>
    </tr>
    <tr>
      <td class="headbottom"><img src="http://img-cdn.jg.jugem.jp/f69/80618/20050910_12745.gif" width="1" height="4" border="0" alt=""></td>
    </tr>
  </tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="96%">
  <tbody>
    <tr>
      <td><img src="http://img-cdn.jg.jugem.jp/f69/80618/20050910_12745.gif" width="160" height="1" border="0" alt=""></td>
      <td width="100%"><img src="http://img-cdn.jg.jugem.jp/f69/80618/20050910_12745.gif" width="320" height="1" border="0" alt=""></td>
      <td><img src="http://img-cdn.jg.jugem.jp/f69/80618/20050910_12745.gif" width="160" height="1" border="0" alt=""></td>
    </tr>
    <tr>
      <td valign="top" class="sideleft">

<h2 class="linktitle">Profile</h2>
<div>
 
<ul class="linktext">
 
<li><a href="./?pid={user_item_id}" title="{user_item_name}" class="anchor">{user_item_name}</a>
 
</ul>

</div>

<h2 class="linktitle">NewEntries</h2>
<div>
 
<ul class="linktext">
 
<li><a href="./?eid={selected_entry_item_id}" title="{selected_entry_item_title}" class="anchor">{selected_entry_item_title}</a> {selected_entry_item_month}/{selected_entry_item_day}
 
</ul>
 
</div>

<h2 class="linktitle">RecentComments</h2>
<div>
 
<ul class="linktext">
 
<li><a href="./?eid={recent_comment_item_entry_id}#comments" title="{recent_comment_item_title}" class="anchor">{recent_comment_item_title}</a> {recent_comment_item_month}/{recent_comment_item_day}
{recent_comment_item_comment_id} 
 
</ul>
 
</div>

<h2 class="linktitle">RecentTrackback</h2>
<div>
 
<ul class="linktext">
 
<li><a href="./?eid={recent_trackback_item_entry_id}#trackback" title="{recent_trackback_item_blog_name}" class="anchor">{recent_trackback_item_title}</a> {recent_trackback_item_month}/{recent_trackback_item_day}
 
</ul>
 
</div>

</center>    </td>

<div><h2 class="entry-header">{entry_title}</h2></div>
<div class="entry-date">{entry_year}年{entry_month}月{entry_day}日（{entry_eng_week_short}） {entry_time_only}</div>
<div class="entry-body">
  {entry_description}
  
  <p class="entry-more">{entry_sequel}</p>
  
</div>
<div class="entry-state">| {category_name} | {comment_num} | {trackback_num} |</div>
{trackback_auto_discovery}

</div>

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

  <h3 class="comment-top">コメント</h3>
      <div class="section">
        <div class="comment-date">{comment_year}/{comment_month}/{comment_day}({comment_eng_week_short}) {comment_hour_24}:{comment_minute} {comment_name}</div>
        <div class="comment-body">
          {comment_description}
        </div>
      </div>

<h3 class="comment-post">コメントの投稿</h3>
    <div class="comment-form">
    <form method="post" action="./?mode=comment">
<input type="hidden" name="entry_id" value="{entry_id}">
      <dl>
        <dt><label for="name">Name</label></dt>
          <dd><input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" size="30"></dd>
        <dt><label for="mail">Mail</label></dt>
          <dd><input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" size="30"></dd>
        <dt><label for="url">URL</label></dt>
          <dd><input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" size="30"></dd>
        <dt><label for="comment">Comment</label></dt>
          <dd><textarea tabindex="4" id="description" name="description" rows="10" cols="40"></textarea></dd>
        <dt><label for="set_cookie">Cookieに登録</label>
          <dd><input type="checkbox" name="set_cookie" value="1" id="set_cookie">
      </dl>
      <p><input tabindex="5" type="submit" value="コメント送信" onclick="javascript:setval();"></p>
    </form>
    </div>

<a name="trackback"></a>
  <h3 class="trackback-top">トラックバック</h3>
  <p class="trackback-url">{trackback_url}</p>

  <div class="section">
    <h4 class="trackback-header"><a href="{trackback_url}" title="「{trackback_title_only}」のトラックバック発信元">{trackback_title_only}</a></h4>
      <div class="trackback-excerpt">
        {trackback_excerpt}
      </div>
      <ul class="trackback-footer">
        <li>|&nbsp;{trackback_year}/{trackback_month}/{trackback_day}&nbsp;|</li>
        <li>{trackback_blog_name}</li>
      </ul>
  </div>

<div class="entry-headerdate">
<div><h2 class="entry-header">Profile</h2></div>
</div>
<div class="profile">

<div>{profile_description}</div>
<div>by {profile_name}</div>

</div>

</div>
      </td>

<h2 class="linktitle">Calender</h2>
<center>

{calendar2}

</center>

<h2 class="linktitle">Categories</h2>
<div>
 
<ul class="linktext">
 
<li><a href="./?cid={category_item_id}" title="{category_item_name}" class="anchor">{category_item_name}</a> ({category_item_num})
 
</ul>

</div>

<h2 class="linktitle">Archives</h2>
<div>
 
<ul class="linktext">
 
<li><a href="./?month={archives_item_id}" title="{archives_item_year}年{archives_item_num_month}月" class="anchor">{archives_item_year}/{archives_item_num_month}</a> ({archives_item_num})
 
</ul>
 
</div>

<h2 class="linktitle">Links</h2>
<div>
 
<ul class="linktext">

<li><a href="{link_item_url}" title="{link_item_name}" target="_blank" class="anchor">{link_item_name}</a>

</ul>

</div>

<div class="rss">♪<a href="./admin/" title="管理者ページ" class="anchor">管理者ページ</a></div>
<div class="rss">♪<a href="./?mode=rss" title="RSS" class="anchor">RSS1.0</a></div>
<div class="rss">♪<a href="./?mode=atom" title="Atom" class="anchor">Atom0.3</a></div>
<bg>
<center>
<iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=sleepwalk-22&o=9&p=8&l=as1&asins=B000IB11N6&fc1=000000&IS2=1&lt1=_blank&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
<bg>
<iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=sleepwalk-22&o=9&p=8&l=as1&asins=B000F6YSL6&fc1=000000&IS2=1&lt1=_blank&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</center>

</td>
    </tr>
  </tbody>
</table>
<hr width="640">
<p class="ad">Servece By <a href="http://paperboy.co.jp/" target="_blank">paperboy&amp;co</a>. Powered By <a href="http://jugem.jp/" target="_blank">JUGEM</a>. Designed By <a href="http://sleep-walk.jugem.jp/" target="_blank">Kusamura</a></p>
</center>
</body>
</html>

CSS

/* General
------------------------------------------------------------ */
html{
  scrollbar-track-color : #222222;
  scrollbar-face-color : #000000;
  scrollbar-arrow-color : #32CD32;
  scrollbar-3dlight-color : #32CD32;
  scrollbar-darkshadow-color : #333333;
  scrollbar-highlight-color : #32CD32;
  scrollbar-shadow-color : #333333;
}

th.blogname{
  background-color : #000000;
  border-color: #32CD32;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
}
h1.blogname{
  font-size:104%;
  font-weight : bold;
  padding : 8px 16px 8px 16px;
  margin : 4px 0px 4px 0px;
}
a.blogname{
  color:#FFCC33;
}
a.blogname:link{
  text-decoration : none;
}
a.blogname:visited{
  text-decoration : none;
}
a.blogname:hover{
  color:#32CD32;
  text-decoration : underline;
}

.introduction{
  color : #CCCCCC;
  font-size : 88%;
  background-color : #000000;
  padding : 4px 16px 4px 16px;
  margin : 4px 0px 4px 0px;
  border-color: #32CD32;
  border-width: 0px 1px 0px 1px;
  border-style: solid;
}

.headbottom{
  background-color : #32CD32;
  border-color: #32CD32;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
}

.sideleft{
  background-color : #000000;
  border-color: #32CD32;
  border-width: 1px;
  border-style: solid;
}
.sideright{
  background-color : #000000;
  border-color: #32CD32;
  border-width: 1px;
  border-style: solid;
}
.primarycolumn{
  background-color : #000000;
}

/* Primary-Column
------------------------------------------------------------ */
.entry-date{
  color:#AAAAAA;
  font-size:64%;
  font-weight: lighter;
  text-align: right;
  margin : 2px 16px 2px 16px;
  padding : 2px 2px 2px 2px;
}
.entry-header{
  color:#FFCC33;
  background-color:#333333;
  font-size:98%;
  font-weight: bolder;
  margin : 0px 0px 4px 0px;
  padding : 4px 8px 4px 8px;
  border-color: #32CD32;
  border-width: 1px 0px 1px 0px;
  border-style: solid;
}
.entry-body{
  color:#CCCCCC;
  font-size:80%;
  line-height:120%;
  text-align: left;
  margin : 20px 16px 16px 20px;
}
.entry-state{
  clear:both;
  color:#CCCCCC;
  font-size:60%;
  text-align:right;
  padding : 2px 4px 10px 4px;
  margin : 2px 4px 10px 4px;
}
.prev-next-navi{
  clear:both;
  color:#CCCCCC;
  font-size:60%;
  text-align:center;
  margin:2em 0em 1em 0em;
}

/* Comment
------------------------------------------------------------ */
.comment-top{
  color:#CCCCCC;
  font-size:100%;
  margin : 4px 0px 4px 0px;
  padding : 4px 8px 4px 8px;
  border-color: #32CD32;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
}
.comment-header{
  color:#CCCCCC;
  background-color:#333333;
  font-size:92%;
  font-weight: lighter;
  margin : 4px 0px 4px 0px;
  padding : 4px 8px 4px 8px;
}
.comment-date{
  color:#CCCCCC;
  font-size:64%;
  font-weight: lighter;
  text-align: right;
  margin : 4px 0px 4px 0px;
  padding : 4px 8px 4px 8px;
}
.comment-body{
  color:#CCCCCC;
  background-color:transparent;
  font-size:80%;
  line-height:120%;
  margin : 4px 0px 4px 0px;
  padding : 4px 8px 4px 8px;
}
.comment-post{
  color:#CCCCCC;
  font-size:100%;
  margin : 4px 0px 4px 0px;
  padding : 4px 8px 4px 8px;
  border-color: #32CD32;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
}
.comment-edit{
  color:#CCCCCC;
  font-size:100%;
  margin : 4px 0px 4px 0px;
  padding : 4px 8px 4px 8px;
  border-color: #32CD32;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
}
.comment-form{
  color:#CCCCCC;
  font-size:76%;
  margin : 10px 2px 10px 10px;
  padding:0px;
}

/* Trackback
------------------------------------------------------------ */
.trackback-top{
  color:#CCCCCC;
  font-size:100%;
  margin : 4px 0px 4px 0px;
  padding : 4px 8px 4px 8px;
  border-color: #32CD32;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
}
.trackback-url {
  font-size: 80%;
  margin : 2px 4px 8px 8px;
  padding : 2px 4px 2px 4px;
  background : transparent;
  border : 1px solid #32CD32;
}

.trackback-header {
  margin-bottom : 10px;
  padding : 0 15px 0 15px;
  background : transparent;
  border-top : 2px solid #32CD32;
  border-bottom : 2px solid #32CD32;
}

.trackback-excerpt {
  padding : 0 0.5em;
  background : transparent;
}

.trackback-footer {
  padding : 10px 0.5em 15px 0.5em;
  background : transparent;
}

/* Secondary-Column
------------------------------------------------------------ */
.profile {
  font-size : 72%;
  margin : 2px 4px 4px 8px;
  padding : 0px;
}

div.search {
  margin : 10px 0px 10px 0px;
  padding : 0px;
}
input.search {
  font-size : 72%;
  padding : 0px;
  margin : 2px 2px 4px 4px;
}

/* Extra-Column
------------------------------------------------------------ */

/* Calendar
------------------------------------------------------------ */
.calender {
  text-align: center;
}
.calendar_month {
  font-size: 64%;
  text-align : center;
  padding: 0px 0px 6px 0px;
}
.weekday {
  font-size: 64%;
  text-align : center;
  padding: 0px 0px 0px 0px;
}
.cell {
  width: 14%;
  font-size: 64%;
  text-align: right;
  padding: 0px 0px 0px 0px;
}

/* LINK LIST ------------------------------------------------------------ */
.linktitle {
  color : #FFCC33;
  background-color : #333333;
  text-align: center;
  font-weight: bolder;
  font-size: 76%;
  line-height: 120%;
  margin: 0px 0px 0px 0px;
  padding: 2px 4px 0px 4px;
  letter-spacing : 0px;
  border-color: #32CD32;
  border-width: 1px 0px 1px 0px;
  border-style: solid;
}
.linktext {
  padding : 1px 2px 2px 16px;
  margin : 0px 0px 0px 0px;
  list-style-image : url(http://img-cdn.jg.jugem.jp/f69/80618/20050911_13662.gif);
  font-size : 68%;
  line-height : 16px;
}
a.anchor {
  color:#CCCCCC;
}
a.anchor:link{
  text-decoration : none;
}
a.anchor:visited{
  text-decoration : none;
}
a.anchor:hover{
  color:#32CD32;
  text-decoration : underline;
}

/* BMI ------------------------------------------------------------ */
.bmititle {
  font-size : 72%;
  padding: 4px 2px 0px 2px;
  margin: 20px 8px 0px 8px;
}
.bmi {
  background-color : #000000;
  border-width : 2px;
  border-style : solid;
  border-color : #32CD32;
  padding: 2px 4px 2px 4px;
  margin: 0px 8px 20px 8px;
  font-size : 72%;
}
.inputbmi {
  color : #CCCCCC;
  background-color : #000000;
  font-size : 100%;
  padding : 0px;
  margin: 2px 2px 2px 2px;
}

/* RSS ------------------------------------------------------------ */
.rss {
  font-size: 72%;
  line-height : 16px;
  margin: 16px 8px 8px 2px;
  padding: 2px 2px 2px 2px;
}

/* Tracker ------------------------------------------------------------ */

/* AD ------------------------------------------------------------ */
.ad {
  font-size : 60%;
  margin : 0px;
}

/* Blockquote
------------------------------------------------------------ */
blockquote {
  width : 300px;
  margin : 20px 0 20px 50px;
  padding : 0.5em;
  background : transparent;
  border : 1px solid #663300;
  -moz-border-radius : 5px;
}

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