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

ホーム

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

テンプレート名 : snowy petal

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" 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" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<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>
<script type="text/javascript" src="./template/more/js/scroll.js"></script>
</head>
<body onload="javascript:initval();">

<td style="background-image:url(http://img-cdn.jg.jugem.jp/ccf/639539/20081117_413046.png);background-repeat:no-repeat;background-position:50% 100%;width:455px;" valign="top">

<div class="blog_t">{blog_name}</div>
<div class="blog_d">{blog_description}</div>

<div id="entry_box">

<div class="entry_day">
{entry_year}'{entry_month},{entry_day}
</div>
<div class="entry_d">
{entry_description}
</div>

<div class="entry_s_page">
<a href="./?eid={entry_sequel_id}#sequel">More...</a>
</div>

<div class="entry_s">
{entry_sequel_text}
</div>
<br />
<div class="page_e">
<a href="{prev_permalink}">PREV</a>　<a href="{next_permalink}">NEXT</a>
</div>

<div class="entry_bottom">
|
{entry_title}
|
{user_name}
|<br />
|
{category_name}
|
{comment_num}
|
{entry_time_only}
|</div>

<div class="entry_day">
My name is...
</div>
<div class="entry_d">
{profile_name}<br />
<br />
{profile_description}
</div>

<div class="com_title">Comment</div>

<div class="com_id">{comment_id},</div>
<div class="com_d">{comment_description}</div>
<div class="com_bottom">
|
{comment_name}
|
{comment_year}'{comment_month},{comment_day}
|
{comment_hour_24}:{comment_minute}
|</div>

<div class="com_id">
<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" style="width:60%;" name="name" id="name" value="{cookie_name}" /><br />
<label for="email">MAIL</label><br />
<input type="text" tabindex="2" style="width:60%;" name="email" id="email" value="{cookie_email}" /><br />
<label for="url">HOME</label><br />
<input type="text" tabindex="3"style="width:60%;" name="url" id="url" value="{cookie_url}" /> 
<br />
<textarea tabindex="4" id="description" name="description" rows="6" style="width:99%;"></textarea><br />
<input style="text-align:center;width:90%;height:20px;border:none;font-family:Georgia;font-style:italic;" type="submit" value="SEND" />　<input style="border:none;" type="radio" name="set_cookie" value="1" id="set_cookie" />
</form>
</div>

<br />
<div class="page">
<a href="{prev_page_url}">Prev
</a>　{page_now}/{page_num}　<a href="{next_page_url}">Next
</a>
</div>

</div>
<div class="copy">{copyright}</div>
</td>
<td style="width:40px;">
<br />
</td>

<td style="background-image:url(http://img-cdn.jg.jugem.jp/ccf/639539/20081117_413043.png);background-repeat:no-repeat;background-position:50% 0%;width:300px;" valign="top">
<div style="margin-top:370px;"><br /></div>

<div class="list_title">
<img src="http://img-cdn.jg.jugem.jp/ccf/639539/20081117_413049.png" alt="" width="78" height="19" />
</div>
<div class="calendar" align="center" style="margin-top:10px;">
<table cellspacing="1" cellpadding="0" border="0">
<tr>
<td class="weekday">S</td>
<td class="weekday">M</td>
<td class="weekday">T</td>
<td class="weekday">W</td>
<td class="weekday">T</td>
<td class="weekday">F</td>
<td class="weekday">S</td>
</tr>
</table>
{calendar}
</div>

<div class="list_title">
<img src="http://img-cdn.jg.jugem.jp/ccf/639539/20081117_413078.png" alt="" width="89" height="20" />
</div>
<div class="list_text">
{archives_list}
</div>
 

<div class="list_title">
<img src="http://img-cdn.jg.jugem.jp/ccf/639539/20081117_413079.png" alt="" width="85" height="26" />
</div>
<div class="list_text">
{category_list}
</div>


<div class="list_title">
<img src="http://img-cdn.jg.jugem.jp/ccf/639539/20081117_413080.png" alt="" width="135" height="27" />
</div>
<div class="list_text">
{latest_entry_list}
</div>


<div class="list_title">
<img src="http://img-cdn.jg.jugem.jp/ccf/639539/20081117_413096.png" alt="" width="77" height="16" />
</div>
<div class="list_text">
<ul>
 
<li>{recent_comment_item_entry_id}.{recent_comment_item_year}'{recent_comment_item_month},{recent_comment_item_day}<br />
　&#10149;{recent_comment_item_comment_id}.<a href="./?eid={recent_comment_item_entry_id}#comments">{recent_comment_item_name}</a></li>
 
</ul>
</div>


<div class="list_title">
<img src="http://img-cdn.jg.jugem.jp/ccf/639539/20081117_413097.png" alt="" width="77" height="31" />
</div>
<div class="list_text">
{user_list}
</div>


<div class="list_title">
<img src="http://img-cdn.jg.jugem.jp/ccf/639539/20081117_413098.png" alt="" width="45" height="24" />
</div>
<div class="list_text">
{link_list}
</div>

<div class="list_title">
<img src="http://img-cdn.jg.jugem.jp/ccf/639539/20081117_413105.png" alt="" width="110" height="20" />
</div>
<div class="box">

<table border="0" cellspacing="0" cellpadding="5">
<tr>
<td>
<img src="{amazon_ImageUrlSmall}" alt="" />
</td>
<td>
<div class="amazon_text">
<a href="{amazon_url}" target="_blank">{amazon_ProductName}<br />{amazon_Creator}</a>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="amazon_comment">
{amazon_comment}
</div>
</td>
</tr>
</table>

</div>
<div class="list_title">
<img src="http://img-cdn.jg.jugem.jp/ccf/639539/20081118_413244.png" alt="" width="116" height="27" />
</div>
<div class="box">

<table border="0" cellspacing="0" cellpadding="5">
<caption class="f_title">{freespace_title1}</caption> 
<tr> 
<td>
<div class="f_text">
{freespace_contents1}
</div>
</td>
</tr>
</table>


<table border="0" cellspacing="0" cellpadding="5">
<caption class="f_title">{freespace_title2}</caption> 
<tr> 
<td>
<div class="f_text">
{freespace_contents2}
</div>
</td>
</tr>
</table>


<table border="0" cellspacing="0" cellpadding="5">
<caption class="f_title">{freespace_title3}</caption> 
<tr> 
<td>
<div class="f_text">
{freespace_contents3}
</div>
</td>
</tr>
</table>


<table border="0" cellspacing="0" cellpadding="5">
<caption class="f_title">{freespace_title4}</caption> 
<tr> 
<td>
<div class="f_text">
{freespace_contents4}
</div>
</td>
</tr>
</table>


<table border="0" cellspacing="0" cellpadding="5">
<caption class="f_title">{freespace_title5}</caption> 
<tr> 
<td>
<div class="f_text">
{freespace_contents5}
</div>
</td>
</tr>
</table>

</div>
<div class="list_title">
<img src="http://img-cdn.jg.jugem.jp/ccf/639539/20081118_413243.png" alt="" width="51" height="20" />
</div>

<div class="list_text">
<ul>
<li><a href="./admin">ADMIN</a>
<a href="./?mode=rss">RSS1.0</a>
<a href="./?mode=atom">ATOM0.3</a></li>
<li>
Photo by<br />
<a href="http://www.hi-ho.ne.jp/tasato/" target="_blank">JUNK</a>
</li>
<li>
Font by<br />
<a href="http://homepage2.nifty.com/stomolophus/" target="_blank">das Nest der Qualle</a>
</li>
<li>
</li>
</ul>
</div>

</td>

</tr>
</table>
</div>
</body>
</html>

CSS

/* 余白 */
*{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
}

/* スクロール */
*{
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#cccccc;
scrollbar-track-color:#cccccc;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
overflow-x:hidden;
}

/* 背景 */
body{
background-color:#ffffff;
}

/* 共通フォント */
*{
letter-spacing:3px;
line-height:18px;
}

br{
letter-spacing: 0;
}

/* 共通カーソル */
a { cursor:default; }
body { cursor:default; }

/* コメントテキストエリア */
input,textarea{
color:#9a9a9a;
font-family:"Verdana","Arial","Osaka－等幅","ヒラギノ丸ゴ ProN W4","ＭＳ Ｐゴシック";
font-size:10px;
background-color:#ffffff;
border-top:none;
border-left:none;
border-right:none;
border-bottom:1px #9a9a9a dotted;
margin:3px 0px 2px 0px;
}

/* ブログタイトル */
.blog_t{
font-family:"Georgia","Osaka－等幅","ヒラギノ丸ゴ ProN W4","ＭＳ Ｐゴシック";
font-size:24px;
font-style:italic;
margin:30px 10px 5px 0px;
text-align:right;
}

.blog_t a {color:#cccccc;text-decoration: none;}
.blog_t a:link {color:#cccccc;text-decoration: none;}
.blog_t a:visited {color:#cccccc;text-decoration: none;}
.blog_t a:active {color:#cccccc;text-decoration: none;}
.blog_t a:hover {color:#ffffff;text-decoration: none;background-color:#cecece;}

.blog_d{
color:#999999;
font-family:"Georgia","Osaka－等幅","ヒラギノ丸ゴ ProN W4","ＭＳ Ｐゴシック";
font-size:10px;
font-style:italic;
margin:5px 15px 30px 0px;
text-align:right;
}

/* リストタイトル */
.list_title{
margin:15px 15px 5px 10px;
text-align:right;
}

/* リストテキスト */
.list_text{
color: #9a9a9a;
font-family:"Georgia","Osaka－等幅","ヒラギノ丸ゴ ProN W4","ＭＳ Ｐゴシック";
font-size:9px;
font-style:italic;
text-align:left;
}

.list_text a {color:#9a9a9a;text-decoration: none;}
.list_text a:link {color:#9a9a9a;text-decoration: none;}
.list_text a:visited {color:#9a9a9a;text-decoration: none;}
.list_text a:active {color:#9a9a9a;text-decoration: none;}
.list_text a:hover {color:#ffffff;text-decoration: none;background-color:#cecece;}

ul{
margin: 10px ;
margin-left: 50px ;
padding: 0px;
}

li {
margin: 0px;
padding: 0px;
list-style-type:none;
}

/* カレンダー */

.calendar{
color: #b1b1b1;
font-family:"Georgia","Osaka－等幅","ヒラギノ丸ゴ ProN W4","ＭＳ Ｐゴシック";
font-size:11px;
font-style:italic;
margin:0px auto;
}

.calendar a {color:#b1b1b1;text-decoration: none;}
.calendar a:link {color:#b1b1b1;text-decoration: none;}
.calendar a:visited {color:#b1b1b1;text-decoration: none;}
.calendar a:active {color:#b1b1b1;text-decoration: none;}
.calendar a:hover {color:#ffffff;text-decoration: none;background-color:#cecece;}

.calendar_month{
color: #b1b1b1;
font-family:"Georgia","Osaka－等幅","ヒラギノ丸ゴ ProN W4","ＭＳ Ｐゴシック";
font-size:11px;
font-style:italic;
margin-bottom: 10px;
}

.weekday{
width: 25px;
height: 20px;
color: #b1b1b1;
font-family:"Georgia","Osaka－等幅","ヒラギノ丸ゴ ProN W4","ＭＳ Ｐゴシック";
font-size:11px;
font-style:italic;
padding: 0px;
text-align:center;
}

.cell{
width: 25px;
height: 20px;
padding: 0px;
text-align:center;
color: #909090;
font-family:"Georgia","Osaka－等幅","ヒラギノ丸ゴ ProN W4","ＭＳ Ｐゴシック";
font-style:italic;
font-size:10px;
}

.cell a {color: #909090;text-decoration:none;background:url(http://img-cdn.jg.jugem.jp/ccf/639539/20081117_413075.png);}
.cell a:link {color: #909090;text-decoration: none;}
.cell a:visited {color: #909090;text-decoration: none;}
.cell a:active {color: #909090;text-decoration: none;}
.cell a:hover {color: #ffffff;text-decoration: none;}

.calendar table{
margin:0 auto;
}

/* アマゾン,フリースペース */
.box{
margin:15px 5px 5px 5px;
padding:5px;
text-align:center;
width:250px;
height:200px;
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#cccccc;
scrollbar-track-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
overflow-y:scroll;
}

.amazon_text{
color:#9a9a9a;
font-family:"Verdana","Osaka－等幅","ＭＳ Ｐゴシック";
font-size:10px;
padding:0px;
text-align:center;
}

.amazon_text a {color:#9a9a9a;text-decoration: none;}
.amazon_text a:link {color:#9a9a9a;text-decoration: none;}
.amazon_text a:visited {color:#9a9a9a;text-decoration: none;}
.amazon_text a:active {color:#9a9a9a;text-decoration: none;}
.amazon_text a:hover {color:#ffffff;text-decoration: none;background-color:#cecece;}

.amazon_comment{
color:#9a9a9a;
font-family:"Verdana","Osaka－等幅","ＭＳ Ｐゴシック";
font-size:10px;
padding:0px;
text-align:left;
}

.f_title{
color:#9a9a9a;
font-family:"Verdana","Osaka－等幅","ＭＳ Ｐゴシック";
font-size:11px;
padding:0px;
text-align:center;
}

.f_text{
color:#9a9a9a;
font-family:"Verdana","Osaka－等幅","ＭＳ Ｐゴシック";
font-size:10px;
padding:0px;
text-align:center;
}

.f_text a {color:#9a9a9a;text-decoration: none;}
.f_text a:link {color:#9a9a9a;text-decoration: none;}
.f_text a:visited {color:#9a9a9a;text-decoration: none;}
.f_text a:active {color:#9a9a9a;text-decoration: none;}
.f_text a:hover {color:#ffffff;text-decoration: none;background-color:#cecece;}

/* エントリー */

#entry_box{
margin:5px 5px 5px 5px;
padding:5px;
text-align:center;
width:430px;
}

.entry_day{
color:#cccccc;
font-size:30px;
font-family:"Georgia","Osaka－等幅","ヒラギノ丸ゴ ProN W4","ＭＳ Ｐゴシック";
font-style:italic;
line-height:35px;
letter-spacing:4px;
margin-top:15px;
text-align:right;
}

.entry_d{
color:#9a9a9a;
font-size:10px;
font-family:"Verdana","Osaka－等幅","ヒラギノ丸ゴ ProN W4","ＭＳ Ｐゴシック";
padding:5px;
text-align:left;
}

.entry_d a {color:#9a9a9a;text-decoration: none;}
.entry_d a:link {color:#9a9a9a;text-decoration: none;}
.entry_d a:visited {color:#9a9a9a;text-decoration: none;}
.entry_d a:active {color:#9a9a9a;text-decoration: none;}
.entry_d a:hover {color:#ffffff;text-decoration: none;background-color:#cecece;}

.entry_s{
color:#cccccc;
font-size:10px;
font-family:"Verdana","Osaka－等幅","ＭＳ Ｐゴシック";
padding:5px;
text-align:left; 
}

.entry_s a {color:#cccccc;text-decoration: none;}
.entry_s a:link {color:#cccccc;text-decoration: none;}
.entry_s a:visited {color:#cccccc;text-decoration: none;}
.entry_s a:active {color:#cccccc;text-decoration: none;}
.entry_s a:hover {color:#ffffff;text-decoration: none;background-color:#cecece;}

.entry_s_page{
font-size:10px;
font-family:"Georgia","Osaka－等幅","ヒラギノ丸ゴ ProN W4","ＭＳ Ｐゴシック";
font-style:italic;
text-align:right;
}

.entry_s_page a {color:#cccccc;text-decoration: none;}
.entry_s_page a:link {color:#cccccc;text-decoration: none;}
.entry_s_page a:visited {color:#cccccc;text-decoration: none;}
.entry_s_page a:active {color:#cccccc;text-decoration: none;}
.entry_s_page a:hover {color:#ffffff;text-decoration: none;background-color:#cecece;}

.entry_bottom{
color:#9a9a9a;
font-size:9px;
font-family:"Georgia","Osaka－等幅","ヒラギノ丸ゴ ProN W4","ＭＳ Ｐゴシック";
font-style:italic;
padding:5px;
text-align:right;
}

.entry_bottom a {color:#9a9a9a;text-decoration: none;}
.entry_botoom a:link {color:#9a9a9a;text-decoration: none;}
.entry_bottom a:visited {color:#9a9a9a;text-decoration: none;}
.entry_bottom a:active {color:#9a9a9a;text-decoration: none;}
.entry_bottom a:hover {color:#ffffff;text-decoration: none;background-color:#cecece;}

/* コメント */

.com_title{
color:#cccccc;
font-size:30px;
font-family:"Georgia","Osaka－等幅","ヒラギノ丸ゴ ProN W4","ＭＳ Ｐゴシック";
font-style:italic;
line-height:30px;
letter-spacing:4px;
margin-top:15px;
text-align:left;
}

.com_id{
color:#9a9a9a;
font-size:9px;
font-family:"Georgia","Osaka－等幅","ヒラギノ丸ゴ ProN W4","ＭＳ Ｐゴシック";
font-style:italic;
padding:10px;
text-align:left;
}

.com_d{
color:#9a9a9a;
font-size:10px;
font-family:"Verdana","Osaka－等幅","ヒラギノ丸ゴ ProN W4","ＭＳ Ｐゴシック";
padding:10px;
text-align:left;
}

.com_d a {color:#9a9a9a;text-decoration: none;}
.com_d a:link {color:#9a9a9a;text-decoration: none;}
.com_d a:visited {color:#9a9a9a;text-decoration: none;}
.com_d a:active {color:#9a9a9a;text-decoration: none;}
.com_d a:hover {color:#ffffff;text-decoration: none;background-color:#cecece;}

.com_bottom{
color:#9a9a9a;
font-size:9px;
font-family:"Georgia","Osaka－等幅","ヒラギノ丸ゴ ProN W4","ＭＳ Ｐゴシック";
font-style:italic;
padding:10px;
text-align:right;
}

.com_bottom a {color:#9a9a9a;text-decoration: none;}
.com_botoom a:link {color:#9a9a9a;text-decoration: none;}
.com_bottom a:visited {color:#9a9a9a;text-decoration: none;}
.com_bottom a:active {color:#9a9a9a;text-decoration: none;}
.com_bottom a:hover {color:#ffffff;text-decoration: none;background-color:#cecece;}

/* ページ */
.page_e{
color: #9a9a9a;
font-family:"Georgia";
font-size:9px;
font-style:italic;
text-align:center;
}

.page_e a {color:#9a9a9a;text-decoration: none;}
.page_e a:link {color:#9a9a9a;text-decoration: none;}
.page_e a:visited {color:#9a9a9a;text-decoration: none;}
.page_e a:active {color:#9a9a9a;text-decoration: none;}
.page_e a:hover {color:#ffffff;text-decoration: none;background-color:#cecece;}

.page{
color: #9a9a9a;
font-family:"Georgia";
font-size:12px;
font-style:italic;
text-align:center;
}

.page a {color:#9a9a9a;text-decoration: none;}
.page a:link {color:#9a9a9a;text-decoration: none;}
.page a:visited {color:#9a9a9a;text-decoration: none;}
.page a:active {color:#9a9a9a;text-decoration: none;}
.page a:hover {color:#ffffff;text-decoration: none;background-color:#cecece;}

/*　コピーライト */
.copy{
color:#9a9a9a;
font-family:"Georgia";
font-size:9px;
font-style:italic;
text-align:center;
}

.copy a {color:#9a9a9a;text-decoration: none;}
.copy a:link {color:#9a9a9a;text-decoration: none;}
.copy a:visited {color:#9a9a9a;text-decoration: none;}
.copy a:active {color:#9a9a9a;text-decoration: none;}
.copy a:hover {color:#ffffff;text-decoration: none;background-color:#cecece;}

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