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

ホーム

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

テンプレート名 : うさうさ

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}" />
<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" title="ATOM" href="{site_atom}" />
<script type="text/javascript" src="./template/js/cookie.js"></script>
</head>

<h1><img src="http://img-cdn.jg.jugem.jp/f1d/422739/20070623_147525.gif" height="62" width="46"><a name="top">{blog_name}</a></h1>
<br />
<br />
<br />
<br />
<br />
<div class="calendar">{blog_description}</div>

<br />

<div class="calendar"><a href="{calendar_prev_yearmonth}"><<</a> {calendar_this_year}年{calendar_this_month}月 | {calendar_horizontal_only} <a href="{calendar_next_yearmonth}">>></a></div>

<br />
<center>
<table border="0">
<tr width="780">
<td valign="top" width="540">
<br />

<div id="container">

<div id="entry_navi">
{prev_entry} | <a href="./">本文</a> | {next_entry}
</div>

<br />
<div id="main">
<div id="date">{entry_month} / {entry_day} ( {entry_jpn_week} )</div>
<br />
<h2><a href="{entry_permalink}">{entry_title}</a></h2>
<img src="http://img-cdn.jg.jugem.jp/f1d/422739/20070622_147300.gif" width="500" height="12">
<div class="myname">{user_name}</div>
<div class="mainentry">{entry_description}</div>
<a name="sequel"></a>
<div id="entry_more">{entry_sequel}</div>
<div class="entry_sub">{category_name} | <a href="{entry_permalink}#comments">コメント ( {comment_num_only} )</a> | <a href="{entry_permalink}#trackback">トラバ ( {trackback_num_only} )</a>　　<a href="#top">▲上へ</a></div>
</div>
{trackback_auto_discovery}

<a name="comments"></a>
<div class="a_title">コメント</div>

<div class="com">
<div class="com_d">{comment_description}</div>
<div class="entry_sub">{comment_name} | {comment_time} |</div>
</div>

<br />
<div class="a_title">コメントする</div>
<br /><br />
<div id="com_form">
<form name="comment_area" id="comment_area" action="./?mode=comment" method="post">
<input type="hidden" name="entry_id" value="{entry_id}" />
<label for="name">名前
<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}"　size="20" maxlength="66" class="inf" /></label><br />
<label for="email">メール 
<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" size="20" class="inf" /></label><br />
<label for="url">ホームページアドレス 
<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" size="20" class="inf" /></label><br />
<label for="description">本文
<textarea tabindex="4" name="description" rows="4" cols="30" class="com_text"></textarea>
<br />
<br />
<center><input class="submit" tabindex="5" type="submit" value=" 送信 " onclick="javascript:setval();" />　　
<input type="checkbox" name="set_cookie" value="1" id="set_cookie">
<label for="set_cookie">クッキー</label>
</center>
</div>

<a name="trackback"></a>
<div class="a_title">この記事のトラックバックURL</div>
<div id="tb_url">{trackback_url}</div>

<div class="a_title">トラックバック</div>
<div id="tb">
<div id="tb_title">{trackback_title}</div>
<div id="tb_body">{trackback_excerpt}</div>
<div id="tb_state">{trackback_blog_name} | {trackback_time}</div>
</div>

<br />

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

<br />
</td>
<td width="20">
<p>　</p>
</td>
<td valign="top" width="240">

<div class="menu">
<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/f1d/422739/20070622_147294.gif" height="38" width="46">自己紹介</div>
<div class="linktext">{user_list}</div></div>

<div class="menu">
<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/f1d/422739/20070622_147294.gif" height="38" width="46"> 新着記事</div>
<div class="linktext">{latest_entry_list}</div>
</div>

<div class="menu">
<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/f1d/422739/20070622_147294.gif" height="38" width="46"> カテゴリー</div>
<div class="linktext">{category_list}</div></div>

<div class="menu">
<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/f1d/422739/20070622_147294.gif" height="38" width="46"> 月間アーカイブ</div>
<div class="linktext">{archives_list}</div></div>

<div class="menu">
<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/f1d/422739/20070622_147294.gif" height="38" width="46"> 新着コメント</div>
<div class="linktext"><div id="commentlist">{recent_comment_list}</div>
</div>
</div>

<div class="menu">
<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/f1d/422739/20070622_147294.gif" height="38" width="46"> 新着トラックバック</div>
<div class="linktext"><div id="tblist">{recent_trackback_list}</div></div></div>

<div class="menu">
<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/f1d/422739/20070622_147294.gif" height="38" width="46"> おすすめサイト</div>
<div class="linktext"><div id="linklist">{link_list}</div>
</div></div>

<div class="menu">
<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/f1d/422739/20070622_147294.gif" height="38" width="46">{freespace_title1}</div>
<div class="linktext">{freespace_contents1}</div>
</div>

<div class="menu">
<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/f1d/422739/20070622_147294.gif" height="38" width="46">{freespace_title2}</div>
<div class="linktext">{freespace_contents2}</div>
</div>

<div class="menu">
<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/f1d/422739/20070622_147294.gif" height="38" width="46">{freespace_title3}</div>
<div class="linktext">{freespace_contents3}</div>
</div>

<div class="menu">
<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/f1d/422739/20070622_147294.gif" height="38" width="46">{freespace_title4}</div>
<div class="linktext">{freespace_contents4}</div>
</div>

<div class="menu">
<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/f1d/422739/20070622_147294.gif" height="38" width="46">{freespace_title5}</div>
<div class="linktext">{freespace_contents5}</div>
</div>

<div class="menu">
<div class="linktitle">
<img src="http://img-cdn.jg.jugem.jp/f1d/422739/20070622_147294.gif" height="38" width="46"> 検索</div>
<div class="search">
<form method="get" action="">
<input name="search" size="16" style="width: 100px;" />　<input class="seach" type="submit" value="検索" />
</form>
</div></div>

<div class="menu">
<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/f1d/422739/20070622_147294.gif" height="38" width="46"> お薦めの一品</div>
{amazon_item}</div>

<div style="padding:6px;">
<ul>
<li><a href="./admin/">管理者ページ</a></li>

<li><a href="http://www.usagi-an.net/" target="_blank" title="素材拝借処">素材提供：そざいや　うさぎ庵</a></li>
<li><a href="http://boyakusakana.jugem.jp/" target="_blank" title="テンプレ配布元">テンプレ提供：魚のぼやき</a></li>

<li><a href="./?mode=rss">RSS1.0</a> / <a href="./?mode=atom">ATOM0.3</a></li>
</ul>
<br />

<div align="center">{site_qrcode}</div>
<br />
<div align="center"><font color="#660033">携帯からもご覧になれます</font></div>

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

<br />

</td>
</tr>
</table>
</center>

</div>
</body>

</html>

CSS

*{margin:0;padding:0; }
html{
    margin:0px;
    padding:0;
    scrollbar-base-color: #660033;
    scrollbar-track-color: #660033;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #660033;
    scrollbar-darkshadow-color: #660033;
    scrollbar-highlight-color: #660033;
    scrollbar-3dlight-color: #660033;
    scrollbar-arrow-color: #660033;
    }
    
body{
    background-image:url(http://img-cdn.jg.jugem.jp/f1d/422739/20070906_203077.gif);
    color:black ;
    margin:0px;
    padding:30px 0 3em 0;
    text-align:center;
    font-family:"HGP正楷書体"; /* ●文字が読みにくい場合は，ここを別の字体に変えてください */
    font-size:12pt;
    }

a{ text-decoration:none; }
a:visited{ text-decoration:none; }
a:hover{ color:#999933;text-decoration:none; }

img{border:0px none #fff;}
br { letter-spacing: normal; }

/*ブログタイトル*/
h1{ 
    color:#000; 
    font-size:20pt;
    position:absolute;
    top:40px;
    left:25px;
    padding:0 5px;
    }
  
h1 a:link{ color:black;text-decoration:none;font-weight:bold; }
h1 a:visited{ color:black;text-decoration:none;font-weight:bold;}
h1 a:hover{ color:white;text-decoration:none;font-weight:bold;}

/*カレンダー及びブログの説明*/
.calendar{color:#660033;font-weight:bold;}
.calendar A:link{color:purple;text-decoration:none;}
.calendar A:visited{color:purple;text-decoration:none;}
.calendar A:hover{ color:white;text-decoration:none; }

/*メイン*/
div#container {
    width:500px;
    margin-left:auto;
    text-align:center;
    }

/*投稿　レス　全体*/
#main{
    color:black;
    margin:15px 0;
    _margin:15px 20px;
    padding:10px;
    text-align:left;
    width:500px;
    background-color:#fff;
    border:1px dashed #660033;
    }

/*投稿日時*/
#date{
    text-align:left;
    font-size:10pt;
    font-weight:bold;
    } 
     
/*投稿タイトル*/
h2:first-letter{
   color:purple;font-size:16pt;
   }
h2 {
    font-size:14pt;
    color:#000;
    margin:0; 
    padding:0;
    padding-bottom:3px;
    text-indent:1em;
    text-align:left;
    border-bottom:0px solid #000;
}
    
h2 a:link:first-letter{color:purple;font-size:16pt;}
h2 a:visited:first-letter{color:purple;font-size:16pt;}
h2 a:hover:first-letter{ color:purple;font-size:16pt; }

h2 a:link{font-size:14pt;color:black;}
h2 a:visited{font-size:14pt;color:black;}
h2 a:hover{ font-size:14pt;color:#999933; }

/*記事投稿者名*/
.myname{
    font-size:12px;
    text-align:right;
    font-weight:bold;
    padding:0 10px 0 0;
    }
.myname a{color:black;font-weight:bold;}
.myname a:visited{color:black;font-weight:bold;}
.myname a:hover{color:#999933;font-weight:bold; }

/*投稿本文*/
.mainentry{
    clear:right;
    padding:10px 5px;
    line-height:1.5em;
    }

/*カテゴリー，コメント数等*/
.entry_sub{
    text-align:right;
    font-size:11px;
    }

.entry_sub a{color:black;}
.entry_sub a:visited{color:black;}
.entry_sub a:hover{color:#999933;}

/*続きを読む*/
div#entry_navi {
    width:500px;
    font-size:14px;
    margin:10px 0;
    _margin:10px 20px;
    padding:5px;
    text-align:center;
    font-weight:bold;
    color:black;
    }

div#entry_navi a{color:black;}
div#entry_navi a:visited{black;}
div#entry_navi a:hover{color:white;}

#entry_more {
    font-size:12pt;
    letter-spacing: 2px;
    line-height: 160%;
    margin: 5px 5px 10px 10px;
    }

/*コメント，トラバタイトル*/
.a_title{
    font-size: 12px;
    font-weight: bolder;
    width:500px;
    margin:10px 0;
    _margin:10px 20px;
    padding: 5px;
    }

/*レス　全体*/
.com{
    margin:1em 50px;
    border-bottom:2px dotted #000;
    padding-top:1em;
    }
    
/*レス　メッセージ*/
.com_d{
    clear:both;
    margin:0 1em;
    padding:0em 0;
    text-align:left;
    font-size:13px;
    line-height:1.5em;
    }

/*コメント欄　全体*/
#com_form{
    width:300px;
    margin:0 100px 30px 100px;
    padding:15px;
    padding-top:30px;
    text-align:left;
    background-color:white;
    }

/*コメント記入欄*/    
label{
    font-size:9pt;
    color:black;
    }

input.inf{
    font-size:11px; 
    margin:1px 0px 1px 5px; 
    padding:1px 0 2px 0em; 
    border-top:0px dotted #000; 
    border-right:0px dotted #000; 
    border-bottom:2px dotted #000; 
    border-left:0px dotted #000;
    text-align:left;
    height:12px;
    width:300px;
    }

input.submit{
    color:white;
    background-color:black;
    solid:black;
    }

/*コメント本文記入欄*/
.com_text{
    width:300px;
    border:1px solid #000;
    margin:1px 0px 5px 0; 
    padding:2px 0;
    color:black;
    font-size:12px;
    border-top:0px dotted #000; 
    border-right:0px dotted #000; 
    border-bottom:2px dotted #000; 
    border-left:0px dotted #000;
    }

/*トラックバック*/
#tb_url {
    font-size: 11px;
    margin: 10px 30px 10px 20px;
    padding: 5px;
    }

#tb {
    margin: 10px 30px 10px 20px;
    padding: 0px;
    }

#tb_title {
    font-size: 10px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    padding: 0px 10px 5px 10px;
	}

#tb_body {
    font-size: 10px;
   line-height: 150%;
    margin: 0px 10px 10px 10px;
    }

#tb_state {
    font-size: 9px;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 10px 10px;
    border-top: 1px solid #660033;
    text-align:right;
    }

#go-to-top{font-size:12px;text-align:right;}
#page{font-size:12px;}
#page a{color:black;}
#page a:visited{color:purple;}
#page a:hover{color:white;}

/*ナビゲーションバー*/
div#navi {
    width:240px;
    margin-left:20px;
    _margin:0;
    padding-right:10px;
    text-align:left;
    color:#660033;
    }

/*各カテゴリー*/
.menu{
    margin: 10px 0px 10px 0px;
    padding: 6px;
    color:#660033;
    }

/*各カテゴリー　タイトル*/
.linktitle {
    font-weight: bold;
    font-size: 12pt;
    text-align: left;
    letter-spacing: 2px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 3px 0px;
    color:#660033;
    }

/*各カテゴリー*/
.linktext {
    font-size: 11pt;
    line-height: 170%;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 10px 0px;
    letter-spacing: 1px;
    }

ul {
    margin:0px 0px 0px 20px;
    padding-left:0;
    text-align:left;
    }

li{color:#660033;}

li a:link{color:#660033;text-decoration:none;}
li a:visited{color:#660033;text-decoration:none;}
li a:hover{color:white;text-decoration:none;}

/*サーチボタン*/
input.seach{
    color:white;
    background-color:#660033;
    solid:#660033;
    }

/*アマゾン*/ 
.amazon {
margin: 20px 10px 10px 10px;
text-align: center;
}

.amazon_text {
font-size: 9px;
margin: 10px 0px 10px 0px;
}

.amazon_pict {
font-size: 10px;
border: 1px solid #CCC;
padding: 0px;
margin: 0px;
}

/*リンク用*/
#link a:visited{color:purple;}
#link a:hover{color:white;text-decoration:none;}

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