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

ホーム

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

テンプレート名 : いちごの気持ちv

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" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<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>

<div id="whole" class="clearfix">

<div id="contents" class="clearfix">

<div id="wrap" class="clearfix">

<div id="main">

<div id="header">
	
	<h1 class="site_title">{blog_name}</h1>
	<div id="description">{blog_description}</div>

</div>

<div id="navigation" class="navi">

<div class="page_link">
			<p>{prev_page_link} | {page_now}/{page_num}PAGES | {next_page_link}</p>
		</div>

<div class="entryNavi">
			<p>{prev_entry} <span>|</span> <a href="./">main</a> <span>|</span> {next_entry}</p>
		</div>

</div>
	
	
		
		<div class="entry clearfix">

<div class="entry_date">{entry_date} {entry_time_only}</div>
<div class="entry_user">{user_name}</div>
				<h2 class="entry_title">{entry_title_link}</h2>
					<div class="entryBody">{entry_description}</div>
					
					<a name="sequel"></a>
					<div class="entryMore">
						
						<a href="./?eid={entry_sequel_id}#sequel">続きを読む >> </a>
						
						{entry_sequel_text} </div>

<div class="entryState">
<a href="http://www.blogmura.com/" title="ポチッ" target="_blank"><img src="http://img-cdn.jg.jugem.jp/790/355965/20080513_343707.gif" alt="応援！ ブログ村ランキング" width="30" height="12" align="absbottom" /></a> | {category_name} | {comment_num} | {trackback_num}
</div>

{trackback_auto_discovery}

</div>

<a name="comments"></a>
	
	<div id="comment" class="box-wrap">
		<div class="entry_title">Comment</div>
		
	
			
			<div class="commentBox">
			<div class="commentState">{comment_name}<br />
			{comment_time}
			</div>
			<div class="commentBody">{comment_description}</div>

</div>

<div class="entry_title">It comments.</div>

<label for="email">email:</label><br />
		<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" style="width:350px;" class="form_color" /><br />

<label for="description">comments:</label><br />
<textarea tabindex="4" id="description" name="description" rows="10" cols="50" style="width:350px;" class="form_color"></textarea><br /><br />

<input tabindex="5" class="bt_color" type="submit" value=" コメント送信 " onclick="javascript:setval();" />
		&nbsp;&nbsp;&nbsp;<input type="checkbox" name="set_cookie" value="1" id="set_cookie" class="form_color">&nbsp;<label for="set_cookie">Cookieに登録</label>

</form>
				</div>

</div>

<a name="trackback"></a>
		
		<div id="trackback" class="box-wrap">

<div class="entry_title">Trackback</div>

<div class="box-main">
					<div class="trackbackName">Trackback URL of This Entry</div>
					<div class="trackback_url">{trackback_url}</div>

<div class="trackbackBox">
					<div class="trackbackName">{trackback_title}</div>
		<div class="trackbackBody">{trackback_excerpt}</div>
		<div class="trackbackState">{trackback_blog_name} | {trackback_time}</div>

</div>

</div>
		</div>

<div id="profile">
			<div class="box-wrap">
	        	<div class="entry-top">
					<h2 class="entry_title">プロフィール</h2>
				</div>
	        	<div class="box-main">
		        	<div id="profileName">{profile_name}</div>
		        	<div id="profileBody">{profile_description}</div>
		        </div>
	        </div>
        </div>
		
	
		<div id="navigation-copy" class="navi"></div>

</div>

<div id="sidea" class="clearfix">

<div class="calendar" style="text-align: center">
<table border="0" cellpadding="0" cellspacing="1">
<tr align="center">
<td class="cell" style="color:#FA8072">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" style="color:#4682B4">S</td>
</tr>
</table>
{calendar}
</div>
<br class="clear" />

<div class="feed_pow">
<a href="./?mode=rss"><img src="http://img-cdn.jg.jugem.jp/790/355965/20080415_332161.gif" alt="rss" /></a>
<a href="./?mode=atom"><img src="http://img-cdn.jg.jugem.jp/790/355965/20080415_332160.gif" alt="atom" /></a>
<a href="./admin/" target="_blank"><img src="http://img-cdn.jg.jugem.jp/790/355965/20080415_332163.gif" alt="管理者ページ" /></a>
</div>

<div class="contents_guide">

<div class="linktitle_cont" id="entryname">Selected Entry </div>
<div class="linktext_cont" id="entrylist">{selected_entry_list}</div>

<div class="linktitle_cont" id="commentname">Recent Comment </div>
<div class="linktext_cont" id="commentlist">{recent_comment_list}</div>

<div class="linktitle_cont" id="tbname">Recent Trackback </div>
<div class="linktext_cont" id="tblist">{recent_trackback_list}</div>

<div class="linktitle_cont" id="categoryname">Categories </div>
<div class="linktext_cont" id="categorylist">{category_list}</div>

<div class="linktitle_cont" id="archivename">Archives </div>
<div class="linktext_cont" id="archivelist">{archives_list}</div>

<div class="linktitle_cont" id="profname">About </div>
<div class="linktext_cont" id="proflist">{user_list}</div>

</div>

<h3 class="sidebox_top">{freespace_title1}</h3>
	<div class="sidebox_main">{freespace_contents1}</div>

<h3 class="sidebox_top">{freespace_title2}</h3>
	<div class="sidebox_main">{freespace_contents2}</div>

<h3 class="sidebox_top">{freespace_title3}</h3>
	<div class="sidebox_main">{freespace_contents3}</div>

<h3 class="sidebox_top">{freespace_title4}</h3>
	<div class="sidebox_main">{freespace_contents4}</div>

<h3 class="sidebox_top">{freespace_title5}</h3>
	<div class="sidebox_main">{freespace_contents5}</div>

<div class="sidebox cap">
			<div class="sidebox_main">
			<form method="get" action="./">
				<input id="search" name="search" size="20" style="width:120px" class="form_color" />
				<input type="submit" value="検索" class="bt_color" />
			</form>
			</div>
		</div>

<div class="sidebox">
			<div class="sidebox_top"><h3>リンク</h3></div>
			<div class="sidebox_main">
			{link_list}
			</div>
		</div>

<div class="sidebox">
			<div class="sidebox_top"><h3>モバイル</h3></div>
			<div class="sidebox_main algn-center">
			{site_qrcode}
			</div>
		</div>

<div class="sidebox">
			<div class="sidebox_top"><h3>PR</h3></div>
			<div class="sidebox_main algn-center">
			{ad}
			</div>
		</div>

</div>

</div>

<div id="sideb">

<div class="linktitle_cm">Recommended</div>

<div class="sidebox_amz">{amazon_item}</div>

<div id="jugem-banner">{powered}</div>

</div>

<div id="footer" class="clearfix">
    <div id="copyright">{copyright} | designed by  <a href="http://komimisyobou.jugem.jp/" target="_blank">komimisyobou</a></div>

</div>

</div>

</div>

<script type="text/javascript">

</script>

CSS

@charset "utf-8";
/* CSS Document */

/*いちごの気持ち 改定*/

/* ------------------------------------- 
 *	リセット
--------------------------------------- */
body {
	width:100%;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,"Osaka‐等幅";
	line-height:1.6em;
	background: #d4df9c;
}
* {margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
a {text-decoration:underline;overflow:hidden;}
img {border:none;vertical-align:top;}
br.clear {clear:both; font: 0/0 ; margin: 0 ; padding: 0;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.algn-center {
	text-align:center;
}
/* ------------------------------------- 
 *	common
--------------------------------------- */
td {
	margin: 0px;
	padding: 0px;
	}
p { margin : 0 ; }
.form_color    { background-color: #FFF0F5 ; color: #778899 ; }
input { background-color: #EEE8AA; color: #708090; }
textarea{ background-color: #FFF0F5 ; color: #778899 ; }
.bt_color    {
	background-color: #DC143C;
	color: #FFF8DC;
}
.pict {
	margin: 5px;
	padding: 7px 7px 12px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
ul { margin: 0px 0px 0px 15px; padding: 0px; }
li{
	list-style: url(http://img-cdn.jg.jugem.jp/790/355965/20080416_332526.gif) outside;	margin: 0px;
	padding-bottom: 0px;
}
.border {
	margin: 0px;
	padding: 2px;
	background: url(http://img-cdn.jg.jugem.jp/790/355965/20080416_332511.gif) no-repeat center center;
}
blockquote {
	background: #FFF0F5;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left: 8px solid #D8BFD8;
	font-size: 12px;
	line-height: 1.3em;
	color: #666666;
	padding: 10px;
	margin-left: 5px;
}
.top_rg {
	text-align: right;
	padding-right: 10px;
	margin-bottom: 5px;
}

/* option---------------------------- */
.review_desc { font-size: 10px; line-height: 1.5em; }
.jugem_review { font-size: 10px; line-height: 1.5em ; color: #808080; }
.review_info { font-size: 10px; line-height: 1.5em; color: #808080; }
.review_info ol { margin-top: 0px; margin-left: 30px; }
.review_info li { color: #483D8B; }
.review_item_title {
	font-size: 12px;
	line-height: 1.5em;
}
.jugem_theme { font-size: 10px; line-height: normal; color: #808080; text-align: right; margin-right: 10px;}

/* linkcolor --------------------------*/
a     { color: #DC143C; text-decoration: none; }
a:link    { color: #DC143C; text-decoration: none; }
a:visited { color: #A52A2A; text-decoration: none; }
a:active  { color: #FF1493; text-decoration: underline; }
a:hover   { color: #FF1493; text-decoration: underline; }

.site_title a    { color: #000000; text-decoration: none ; border-bottom: 2px #DC143C dotted; }
.site_title a:link   { color: #000000; text-decoration: none ; border-bottom: 2px #DC143C dotted; }
.site_title a:visited   { color: #000000; text-decoration: none ; border-bottom: 2px #DC143C dotted; }
.site_title a:active    { color: #FF1493; text-decoration: none ; border-bottom: 2px #FF1493 dotted; }
.site_title a:hover    { color: #FF1493; text-decoration: none ; border-bottom: 2px #FF1493 dotted; }

.entry_body a   { color: #B22222; text-decoration: none ; }
.entry_body a:link    { color: #B22222; text-decoration: none ; }
.entry_body a:visited { color: #C71585; text-decoration: none ; }
.entry_body a:active  { color: #FFFACD; text-decoration: none; background-color: #f24284; }
.entry_body a:hover   { color: #FFFACD; text-decoration: none; background-color: #f24284; }

.entry_title a:link    { color: #DC143C; text-decoration: none; }
.entry_title a:visited { color: #DC143C; text-decoration: none; }
.entry_title a:active  { color: #FF0000; text-decoration: underline; }
.entry_title a:hover   { color: #FF0000; text-decoration: underline; }

.sidebox_amz a:link    { color: #006400; text-decoration: none; }
.sidebox_amz a:visited { color: #006400; text-decoration: none; }
.sidebox_amz a:active  { color: #DC143C; text-decoration: underline; }
.sidebox_amz a:hover   { color: #DC143C; text-decoration: underline; }

/* ------------------------------------- 
 *	ブロック
--------------------------------------- */
#whole {
		width: 990px;
margin:0;
}
#contents {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #FFF;
	background-image: url(http://img-cdn.jg.jugem.jp/790/355965/20130329_523153.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
#wrap {
	float: left;
	width: 800px;
	margin: 0px;
	padding: 0px;
	background: url(http://img-cdn.jg.jugem.jp/790/355965/20080414_331723.jpg) no-repeat left top;
}
#main {
	float: left;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 1.7em;
	color: #999999;
	width: 540px;
	padding: 10px 10px 20px 10px;
}
#sidea {
	float: left;
	width: 190px;
	margin: 10px 20px 20px 20px;
	text-align: left;
	font-size: 10px;
	line-height: 1.6em;
	color: #2F4F4F;
}
#sideb {
	float: left;
	width: 175px;
	padding: 5px;
	font-size: 10px;
	line-height: 1.6em;
	margin: 0px;
	color: #2F4F4F;
}

/* footer area-------------------- */
#footer {
	font-size: 12px;
	color: #221a10;
	width: 750px;
	margin: 0px;
	padding: 15px;
	line-height: normal;
	text-align: left;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #F0C;
	float: left;
}
#footer .copyright {
	font-size: 10px;
	line-height: 1.5em;
	color: #221a10;
}

/* ------------------------------------- 
 *	mainブロック
--------------------------------------- */
#header {
	width: 540px;
	padding-bottom: 20px;
	margin: 0px;
}
h1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5em;
	color: #221a10;
}
.site_title {
	padding: 10px;
	margin: 0px;
}
#description {
	font-size: 12px;
	line-height: 1.6em;
	color: #221a10;
	width: 520px;
	padding: 0px 10px 60px 10px;
	margin: 0px;
}
#navigation , #navigation-copy {
	padding: 0px;
	margin: 20px auto;
}
.navi {
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #F0C;
	border-bottom-color: #F0C;
	color: #221a10;
	padding: 10px;
	width: 520px;
}

/* entry area-------------------- */

.entry , .box-wrap {
	width: 510px;
	margin-bottom: 40px;
	padding: 15px;
}
.entry_date {
	font-size: 10px;
	color: #FF69B4;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 2px;
	background: url(http://img-cdn.jg.jugem.jp/790/355965/20080416_332511.gif) no-repeat right bottom;
	width: 240px;
	margin: 5px 0px 3px 260px;
}
.entry_user {
	font-size: 10px;
	line-height: 1.5em;
	color: #FF69B4;
	text-align: right;
	background: url(http://img-cdn.jg.jugem.jp/790/355965/20080416_332511.gif) no-repeat right bottom;
	width: 200px;
	margin-left: 300px;
	margin-right: 0px;
	padding-right: 10px;
	padding-bottom: 2px;
	margin-bottom: 10px;
}
.entry_title {
	color: #DC143C;
	width: 490px;
	background: url(http://img-cdn.jg.jugem.jp/790/355965/20080421_334445.gif) no-repeat left bottom;
	font: bold 14px/1.7em Georgia, "Times New Roman", Times, serif;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.entryBody , .entryMore {
	width: 510px;
	overflow: hidden;
	z-index: 1;
	padding: 0px;
	font-size: 12px;
	line-height: 1.7em;
	color: #000;
	margin-top: 1em;
	margin-bottom: 1em;
}
.entryState , .trackbackState {
	width: 500px;
	text-align: right;
	padding: 5px;
	background-image: url(http://img-cdn.jg.jugem.jp/790/355965/20080416_332519.gif);
	background-position: center top;
	background-repeat: repeat-x;
	font-size: 10px;
	line-height: 1.5em;
	color: #FF69B4;
}

/* comment area-------------------- */

.commentBox {
	background-image: url(http://img-cdn.jg.jugem.jp/790/355965/20130330_524203.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top: 10px;

padding-bottom: 10px;
	width: 515px;
}

.commentState {
	color: #bd3562;
	text-align: right;
	width: 150px;
	float: left;
	height: 60px;
	font-size: 10px;
	line-height: 1.5em;
	background-image: url(http://img-cdn.jg.jugem.jp/790/355965/20080421_334466.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0;
}
.commentBody {
	font-size: 12px;
	color: #483D8B;
	line-height: 1.7em;
	width: 320px;
	padding-right: 10px;
	padding-left: 0px;
	float: left;
	margin-bottom: 10px;
	margin-left: 15px;
}
.box-main {
	width: 515px;
}

/* trackback area-------------------- */

.trackback_url {
	font-size: 12px;
	color: #708090;
	text-align: center;
	background: #FFF0F5;
	width: 480px;
	border-top: 2px solid #7b95b8;
	border-right: 1px solid #B0C4DE;
	border-bottom: 1px solid #B0C4DE;
	border-left: 3px solid #7b95b8;
	margin: 5px auto 15px auto;
	padding: 1px 0;
}

.trackbackName , #profileName {
	font-size: 14px;
	font-weight: bold;
	color: #A52A2A;
	width: 505px;
	padding: 5px;
	margin-bottom: 10px;
	background: #FFFFFF url(http://img-cdn.jg.jugem.jp/790/355965/20080416_332519.gif) repeat-x left bottom;
}
.trackbackBody , #profileBody {
	background-image: url(http://img-cdn.jg.jugem.jp/790/355965/20130330_524203.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	width: 490px;
	padding: 10px;
	color: #483D8B;
	margin-bottom: 5px;
}

/* ------------------------------------- 
 *	sideAブロック
--------------------------------------- */
.calendar {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #90816c;
	border: 1px solid #DC143C;
	text-align: center;
	background-color: #FFFAF0;
	margin: 5px 10px 0 10px;
	padding: 3px 8px;
}
.cell {
	font-size: 10px;
	color: #90816c;
	text-align: center;
	padding: 0px;
	height: 15px;
	width: 20px;
}
.calendar_month  { color: #D2B48C; font-size: 10px; font-family: Verdana, Arial; padding-top: 5px; }
.feed_pow {
	text-align: center;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.feed_pow img, .for_ranking img, .linktext img { margin: 3px; }

.contents_guide {
	margin-top: 0px;
	margin-bottom: 20px;
	width: 175px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.linktitle_cont {
	color: #006400;
	text-align: left;
	margin-top: 5px;
	background-image: url(http://img-cdn.jg.jugem.jp/790/355965/20080416_332511.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
}
.linktext_cont {
	font-size: 10px;
	line-height: 1.5em;
	color: #2F4F4F;
}
.linktitle span { font-size : 10px ; }
.linktitle a.foldmark {
	text-decoration : none;
	text-align: left;
}
.search {
	font-size: 10px;
	line-height: 1.7em;
	color: #666666;
	margin-top: -20px;
	background: url(http://img-cdn.jg.jugem.jp/790/355965/20080416_332511.gif) no-repeat left bottom;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.sidebox_top {
	color: #228B22;
	padding-top: 12px;
	padding-left: 5px;
	padding-bottom: 12px;
	margin-top: 10px;
	font: bold 14px/1.5px Georgia, "Times New Roman", Times, serif;
	background: url(http://img-cdn.jg.jugem.jp/790/355965/20080416_332539.gif) no-repeat left top;
	width: 185px;
}
.sidebox_main {
	font-size: 10px;
	line-height: 1.5em;
	color: #708090;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 15px;
	margin-top: 3px;
	width: 180px;
}
#sidea li {
	list-style-position: outside;
	list-style-type: none;
}
 #sidea img {
	padding-right: 2px;
	padding-bottom: 3px;
}
/* ------------------------------------- 
 *	sideBブロック
--------------------------------------- */
.linktitle_cm {
	height: 20px;
	width: 170px;
	padding-top: 4px;
	padding-left: 5px;
	color: #006400;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	background-image: url(http://img-cdn.jg.jugem.jp/790/355965/20130329_523799.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	margin-top: 10px;
}
.sidebox_amz {
	font-size: 10px;
	line-height: 1.4em;
	color: #2F4F4F;
	margin-bottom: 15px;
}

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