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

ホーム

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

テンプレート名 : resort

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}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<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>

<body>

<div id="header">
      
      <h1>{blog_name}</h1>
      <h2>{blog_description}</h2>
      
    </div>

<p class="navi">{prev_entry} | <a href="../.">main</a> | {next_entry} </p>
      
      
      <p class="navi">{prev_page_link} | {page_now}/{page_num}ページ | {next_page_link}</p>

<div class="entry">
              
        <div class="m2">
          
          <h3><a href="{entry_permalink}">{entry_title}</a></h3>
  
          <p class="day">{entry_date}</p>
  
          <div class="entry_body">{entry_description}</div>
                
          <a name="sequel" id="sequel"></a>
                
          <p class="entry_more">{entry_sequel}</p>
          
          <div class="entry_state">{trackback_auto_discovery}</div>
      
          <p class="entry_link">{category_name} | {entry_time}| {comment_num} | {trackback_num}</p>

</div>

<div class="m2">
      
        
        <a name="comments" id="comments"></a>
                      
        <p class="entry_date">この記事に関するコメント</p>
              
        
        <div class="entry_body"> {comment_description} </div>
        <div class="entry_link"> {comment_name} | {comment_time} </div>
        
        <p class="entry_date">コメントする</p>
        
        <div class="entry_body">
          <form 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="10" cols="50" style="width:300px;"></textarea><br />
            <br />
            <input type="submit" value="コメント送信" />
            <input type="checkbox" name="set_cookie" value="1" id="set_cookie"><label for="set_cookie" class="f1">Cookieに登録</label>
          </form>
        </div>
        
            
        
        <a name="trackback" id="trackback"></a>
        
        <p class="entry_date">この記事のトラックバックURL</p>
  
        <div class="entry_body"><input name="text" type="text" style="width: 300px;" value="{trackback_url}" /></div>
        
        <p class="entry_date">トラックバック</p>
        
        <div class="entry_title">{trackback_title}</div>
        <div class="entry_body">{trackback_excerpt}</div>
        <div class="entry_link">{trackback_blog_name} | {trackback_time} </div>
        
  
        
        
        <p class="entry_date">プロフィール</p>
        <div class="entry_title">{profile_name}</div>
        <div class="entry_body">{profile_description}</div>
        
        
          
      </div>

</div></div>
    <div id="right">

<h4>Calendar</h4>
      <div class="calendar">
      <table border="0" cellspacing="1" cellpadding="0" id="c_title">
        <tr><td class="cell_sun">S</td><td class="cell">M</td><td class="cell">T</td><td class="cell">W</td><td class="cell">T</td><td class="cell">F</td><td class="cell_sat">S</td></tr>
      </table>

{calendar}
      </div>

<h4>Category</h4>
      <div class="linktext">{category_list}</div>

<h4>New Entry</h4>
      <div class="linktext">{latest_entry_list}</div>

<h4>Archives</h4>
      <div class="linktext">{archives_list}</div>
      
      
      
      <h4>Comment</h4>
      <div class="linktext">{recent_comment_list}</div>
      
    
      
      <h4>Trackback</h4>
      <div class="linktext">{recent_trackback_list}</div>
      
      
      
      <h4>Links</h4>
      <div class="linktext">{link_list}</div>
      
      
      
      <h4>Profile</h4>
      <div class="linktext">{user_list}</div>

<h4>Registration</h4>
      <div class="linktext">

<ul>
          <li><a href="./?mode=rss" target="_blank">RSS1.0</a></li>
          <li><a href="./?mode=atom" target="_blank">Atom0.3</a></li>
          <li><a href="#" onclick="window.external.AddFavorite('http://blog.webms.jp/','webmsA blog'); return false;">お気に入りに登録</a></li>
        </ul>
      </div>

<form method="get" action="">
      <h4>Search</h4>
      <input id="search" name="search" size="20" style="width:120px;" class="form" />
      <input type="submit" value="検索" style="height:20px;font-size:84%;" />
      </form>

<div class="linktitle">Sponsored links</div>
      {ad}

</div>
    
    <hr />
    
    <div id="footer">
      <p>Copyright &copy; 2008, <a href="http://webms.jugem.jp/" target="_blank">webms</a> Corporation. All rights reserved.</p>
    </div>
    
  </div>

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

CSS

@charset "EUC-JP";

/* 初期化
------------------------------------------------------------ */

/* ブラウザスタイルの初期化 */

*{
  margin:0;
  padding:0;
  color:#ffffff;
  font-size:100%;
  font-family:Verdana,"Lucida Fax", Georgia, Times, "Times New Roman", Helvetica;
}

/* (IE6など一部ブラウザ向け) */

th,td,form,ul,li{
  margin:0;
  padding:0;
  color:#ffffff;
  font-size:100%;
  font-family:Verdana,"Lucida Fax", Georgia, Times, "Times New Roman", Helvetica;
}

/* 初期設定
-------------------- */

/* font */

p,ul li,ol li,td,th,dt,dd,h3{
  font-size:84%;
  font-weight:normal;
  line-height:140%;
  letter-spacing:0.1em;
}

/* link */

/* 文字の色 */
a{ 
  color:#d3dbe7;
  text-decoration:underline;
  /*HideMacIE\*/
  overflow:hidden;
  /**/
}

/* 訪問済み */
a:visited{ 
  color:#d3dbe7;
  text-decoration:underline;
}

/* オンマウス時 */
a:hover{
  color:#FFFFFF;
  text-decoration:none;
}

/* クリック時 */
a:active{
  color:#d3dbe7;
  text-decoration:underline;
}

/* 画像 */

img{
  border:0;
  border: none;
  vertical-align:top;
}

/* scroll bar */

html{
  scrollbar-arrow-color:#d9ecff;
  scrollbar-highlight-color:#d9ecff;
  scrollbar-shadow-color:#d9ecff;
  scrollbar-3dlight-color:#bbc7e4;
  scrollbar-darkshadow-color:#bbc7e4;
  scrollbar-face-color:#bbc7e4;
  scrollbar-track-color:#bbc7e4;
}

/* line */

hr{
  clear:both;
  visibility:hidden;
  height:0;
}

/* list */

ul{
  list-style-type:none;
}

/* 枠組み
------------------------------------------------------------ */

body{
  background:url(http://www.webms.jp/i/back2.gif) no-repeat center top fixed #bbc7e4;
}

#frame{
  width:700px;
  margin:0 auto;
  padding:20px 0;
}

#main{width:500px;}

#right{width:200px;}

.m1{margin:0 40px 0 0;}

#main,#right{
  float:left;
  margin:0 0 20px 0;
}

/* header
------------------------------------------------------------ */

#header{margin:0 0 20px 0;}

h1{
  font-size:130%;
  letter-spacing:0.1em;
  margin:0 0 5px 0;
  color:#3f5987;
}

#header h1 a{
  color:#3f5987;
  text-decoration:none;
}

h2{
  font-size:84%;
  letter-spacing:0.1em;
}

/* main
------------------------------------------------------------ */

.navi{
  font-size:70%;
  letter-spacing:0;
}

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

h3{margin:0 0 5px 0;}

#main h3 a{
  font-size:160%;
  font-weight:bold;
  color:#FFFFFF;
  text-decoration:none;
}

#main h3 a:hover{color:#d3dbe7;}

.day{
  font-size:70%;
  margin:0 0 5px 0;
  text-align:right;
}

.entry_body,
.entry_more{
  font-size:84%;
  line-height:160%;
  padding:20px;
  font-weight:bold;
  /*background:url(http://www.webms.jp/i/back3.png) repeat 0 0;*/
}

#main p.entry_link{
  margin:10px 0 20px 0;
  font-size:70%;
  line-height:140%;
}

#main .pageTop{
  text-align:center;
  font-weight:bold;
  font-size:70%;
}

/* right
------------------------------------------------------------ */

#right h4,
.linktitle{
  font-size:110%;
  font-weight:bold;
  margin:0 0 10px 0;
  font-family: "Trebuchet MS";
}

#right .linktext,
#right .calendar{
  margin:0 0 20px 0;
}

#right .linktext ul{
  font-size:74%;
}

#right .linktext ul li{
  margin:0 0 3px 0;
}

#right .calendar table{
  width:160px;
}

#right .calendar table tr td{font-family:Georgia, "Times New Roman", Times, serif;}

#right input{
  color:#000000;
  margin:0 0 20px 0;
}

/* footer
------------------------------------------------------------ */

#footer p{
  font-size:74%;
}

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