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

ホーム

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

テンプレート名 : eye

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 type="text/javascript" src="./template/js/cookie.js"></script>

</head>
<body>

<div class="title">{entry_month}{entry_day}</div>
         <div class="entry">{entry_description}
              <div class="entry_more">
              
              <a href="./?eid={entry_sequel_id}#sequel">more</a>
              
              
              {entry_sequel_text}
              
                    <div class="num"> {comment_num}</div>
              </div>
         </div>

<div class="entry">
              <div class="profile_name">{profile_name}</div>
              <div class="entry_body">{profile_description}</div>
         </div>

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

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

<div id="sidebar">
 
 
         <a href="/"><img src="http://phec.biz/s/eye.png"></a><BR><BR>
         <div class="menu">
              <SELECT onChange='location=this.options[this.selectedIndex].value'>
              <OPTION SELECTED>category
              
              
              <OPTION VALUE='./?cid={category_item_id}'>{category_item_name}</a>:{category_item_num}
              
              
              </SELECT>
         </div>

<div class="menu">
              <SELECT onChange='location=this.options[this.selectedIndex].value'> 
              <OPTION SELECTED>archives
              
              
              <OPTION VALUE='./?month={archives_item_id}'>{archives_item_year}-{archives_item_num_month}</a> ({archives_item_num})
              
              
              </SELECT>
         </div>

skin / <a href="http://phec.biz/" target="_blank">uterus</a><BR>
         {ad}
   </div>

CSS

body {
font-size:11px;
color:#000;
text-align:center;
font-family:Georgia;
letter-spacing:normal;
line-height:170%;
cursor:default;
overflow-x:hidden;
margin:100px 0px 0px;}

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

#main {
width:400px;
float:right;
}

#sidebar {
width:200px;
float:right;}

#footer {
width:100%;
clear:both;}

img{border:none;}

input,textarea{
color:#000;
line-height:160%;
letter-spacing:0px;
background-color:#fff;
font-family:Georgia;
letter-spacing:0px;
font-size:10px;
border:1px solid #000;}

a{color:#808080;cursor:default;text-decoration:none;outline:none;}
a:visited{color:#808080;text-decoration:none;}
a:hover{color:#ffe4e1;text-decoration:underline;}

li{list-style-type:none;}

div.entry,div.menu,div.comments{
font-size:12px;line-height:170%;}
div.entry{margin-bottom:50px;}
div.menu{margin-bottom:10px;}
div.comments_text{margin-bottom:30px;}
div.comment-body{margin-bottom:10px;}
div.title{letter-spacing:1px;margin-bottom:10px;font-weight:bolder;}

div.num{text-align:right;}
div.num a {color:#000;text-decoration:underline;}
div.num a:visited{color:#000;text-decoration:underline;}
div.num a:hover{color:#ffe4e1;text-decoration:none;}

select,option{font-size:1em;font-family:Georgia;line-height:180%;letter-spacing:-0.5px;}
select{width:100px;}

div.comment-form-last{
margin-bottom:30px;}

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