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

ホーム

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

テンプレート名 : spring

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" />
<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}" />
<link rel="alternate" media="handheld" type="application/xhtml+xml" href="{mobile_url}" />
<script src="./template/analogue/menu.js" type="text/javascript"></script>
<script type="text/javascript" src="./template/js/cookie.js"></script>
</head>
<body onload="javascript:initval();">

<div id="container">
      <div id="main">
      <div id="top"></div>
      
         <div class="title">{entry_title}</div>
         <div class="entry">{entry_description}
              <div class="entry_more">
              
              <a href="./?eid={entry_sequel_id}#sequel">＞＞more??</a>
              
              
              {entry_sequel_text}
              
              </div>

<div class="num">{comment_num}</div>
         </div>

<a name="comments"></a>
         <div id="comments" class="comments">
              <div class="comments_text">

<div class="comment-body">
                       <span class="name">{comment_name}</span> : ({comment_year}{comment_month}{comment_day} / {comment_hour_24}:{comment_minute})<BR>{comment_description}
                   </div>
              
              </div>

<div class="comment-form">
                       <label for="email">email</label><BR>
                       <input type="text" tabindex="2" name="email" id="email" style="width:200px;" value="{cookie_email}" />
                   </div>
                   <div class="clear"></div>

<div class="comment-form">
                       <label for="description">comments</label><BR>
                       <textarea tabindex="4" id="description"style="width:300px;height:100px;" name="description"></textarea>
                   </div>

</form>
              </div>
         </div>

<div class="entry_navi">{prev_page_link}   {page_now}/{page_num}   {next_page_link}</div>
      
      <div class="entry_navi">skin / <a href="http://phec.biz/">uterus</a><BR>{ad}</div>
      <div id="bottom"></div>
       </div>
 </div>
</body>
</html>

CSS

body{
font-family:Verdana;
color:#333;
text-align:center;
letter-spacing:1px;
line-height:210%;
cursor:default;
font-size:12px;}

a { outline: none; }

input,textarea{
color:#666;
font-family:Verdana;
font-size:12px;
line-height:180%;
letter-spacing:0px;
border:1px solid #9fcc00;
background-color:#fff;}

a{color:#999;cursor:default;cursor:default;text-decoration:none;}
a:visited{color:#999;cursor:text-decoration:none;}
a:hover{color:#db7093;text-decoration:underline;}

#container {
width:400px;
margin-left:auto;
margin-right:auto;
text-align:left;}

#main {
width:100%;
float:right;
}

#top{height:125px;}
#bottom{height:75px;}

div.entry a{color:#9fcc00;cursor:default;cursor:default;text-decoration:none;}
div.entry a:visited{color:#9fcc00;cursor:text-decoration:none;}
div.entry a:hover{color:#db7093;text-decoration:underline;}

img{
border:none;}

div.title{font-size:13px;font-weight:bolder;letter-spacing:2px;color:#db7093;margin-bottom:10px;}
div.entry{margin-bottom:50px;}
div.num{text-align:right;margin-top:20px;}
div.entry_navi{text-align:center;}
div.comment{line-height:160%;border-top:1px solid #db7093;}
div.comment-form-last{margin-bottom:10px;}
div.form{border-top:1px solid #db7093;}
div.comment-state{text-align:right;}

span.name{color:#db7093;font-weight:bolder;}

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