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

ホーム

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

テンプレート名 : Strawberry Soda

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 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 Language="JavaScript">
	
	</script>
</head>

<tr>
    <td id="cd_header">
		
		<table border="0" cellpadding="0" cellspacing="20" align="right">
			<tr>
			<td>
				<h1>{blog_name}</h1>
				<div class="description">{blog_description}</div>
			</td>
			</tr>
		</table>
		
	</td>
  </tr>

<tr>
    <td id="cd_calendar">
		{calendar_horizontal}
	</td>
  </tr>

<tr>
    <td id="cd_contents">
		
		<div id="cd_main">
		
		
			
			<div class="cd_entry_navi">{prev_entry} | <a href="./">main</a> | {next_entry}</div>
			
			
			
			<br>
			<div class="cd_entry">
				<div class="cd_entry_title">{entry_title}</div>
				<div class="cd_entry_body">{entry_description}</div>
				<a name="sequel"></a>
				<div class="cd_entry_more">{entry_sequel}</div>
				<div class="cd_entry_btm">
					<div class="cd_entry_author">{entry_date} {entry_time} </div>
					<div class="cd_entry_state">{category_name} | {comment_num} | {trackback_num}</div>
				</div>
				
			</div>
			{trackback_auto_discovery}
	
			
			
			
			
			
			
			<a name="comments"></a>
			<div class="comment">
				<h3 class="comment_title">この記事に対するコメント</h3>
			
			
			<div class="comment_body">
			{comment_description}
			</div>
			<div class="comment_author">
			{comment_name} | {comment_time}
			</div>
			
			
			<div class="comment_title">コメントする</div>
			<div class="comment_body">
			<form name="comment_area" id="comment_area" 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" name="name" id="name" value="{cookie_name}" style="width:200px;" /><br />
			<label for="email">email:</label><br />
			<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" style="width:200px;" /><br />
			<label for="url">url:</label><br />
			<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" style="width:200px;" /><br />
			<label for="description">comments:</label><br />
			<textarea tabindex="4" id="description" name="description" rows="10" cols="50" style="width:300px;"></textarea><br />
			<br />
			<input type="submit" style="color:#9D6771; background-color:#FFFFFF;" value="コメント送信" onclick="javascript:setval();" />
			<input type="checkbox" name="set_cookie" value="1" id="set_cookie" />
			<label for="set_cookie">Cookieに登録</label>
			</form>
			</div>
			</div>
			
			
			
			<a name="trackback"></a>
			<div class="trackback">
			<div class="trackback_title">この記事のトラックバックURL</div>
			
			<div class="trackback_url">
			{trackback_url}
			</div>
			
			<div class="trackback_title">この記事に対するトラックバック</div>
			
			
			<div class="trackback_body">{trackback_excerpt}</div>
			<div class="trackback_author">{trackback_title} | {trackback_blog_name} | {trackback_time}</div>
			
			
			</div>

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

<div class="cd_page_navi">{prev_page_link}　{page_now}　{next_page_link}</div>
			
		</div>
		
		
		
		
		<div id="cd_sidebar">
			<dl>

<dt>SELECTED ENTRIES</dt>
				<dd>{selected_entry_list}</dd>

<dt>CATEGORIES</dt>
<dd>{category_list}</dd>

			
				
				<dt>ARCHIVES</dt>
				<dd>{archives_list}
				</dd>
				
			
			
				
				<dt>RECENT COMMENTS</dt>
				<dd>{recent_comment_list}
				</dd>
				
			
			
				
				<dt>RECENT TRACKBACK</dt>
				<dd>{recent_trackback_list}
				</dd>
				
		
				<dt>RECOMMEND</dt>	

				<dd>{amazon_item}</dd>
				
			

<dt>LINKS</dt>
<dd>
{link_list}
</dD>

				
				<dt>PROFILE</dt>
				<dd>{user_list}</dd>

<dt>{freespace_title1}</dt>
				<dd>{freespace_contents1}</dd>
				
			
			
				
				<dt>{freespace_title2}</dt>
				<dd>{freespace_contents2}</dd>
				
			
			
				
				<dt>{freespace_title3}</dt>
				<dd>{freespace_contents3}</dd>
				
			
			
				
				<dt>{freespace_title4}</dt>
				<dd>{freespace_contents4}</dd>
				
			
			
				
				<dt>{freespace_title5}</dt>
				<dd>{freespace_contents5}</dd>

<dt>OTHERS</dt>
				<dd>
					<ul>
						<li><a href="./admin/">管理者ページ</a></li>
						<li><a href="./?mode=rss">RSS1.0</a></li>
						<li><a href="./?mode=atom">Atom0.3</a></li>
<li>Photo : <a href="http://orca.watson.jp/decca/" TARGET=_blank>lieness</a></li>
<li>Template : <a href="http://sways.jugem.jp/" TARGET=_blank>sway</a></li>

</ul>
				</dd>

<br><br>
				
				<dt>SPONSORED LINKS</dt>
				<dd>{ad}</dd>

</dl>
		</div>
		
	</td>
  </tr>

<tr>
    <td id="cd_footer"><br>
		
		<form method="get" action="" id="search_area">
			<input id="search" name="search" /> <input type="submit" value="Search" style="color:#9D6771; background-color:#FFFFFF;" lass="button" />
</form>
		
		<address>{copyright}</address><br>
<div class="cd_pagetop"><a href="#top">▲pagetop</a></div>

</td>
  </tr>

</table>

</body>
</html>

CSS

* {
	margin: 0px;
	padding: 0px;
}

li {
	list-style:none
}

input,textarea {border:1px solid #F0A6B4;}

body {
background-image: url(http://img-cdn.jg.jugem.jp/90c/448712/20070325_317303.gif); 
	color:#E8E8E8;
	background-color: #ffffff;
	font-size:12px;
	line-height:150%;
		font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅", sans-serif;
	text-align:center;}
html {
scrollbar-arrow-color:#ED9FAA; 
　　 scrollbar-face-color:#FCDCE1;
　　 scrollbar-highlight-color:white; 
　　 scrollbar-3dlight-color:#ED9FAA;
　　 scrollbar-track-color:white;
　　 scrollbar-shadow-color:white;
　　 scrollbar-darkshadow-color:#ED9FAA;
}

a:link    {color:#D77F89; text-decoration:none;}
a:visited {color:#D77F89; text-decoration:none;}
a:active  {color:#D77F89; text-decoration:none;}
a:hover   {color:#ECAAB6; text-decoration:underline;}

div#cd_sidebar li a:link {color: #BB8B94; text-decoration:none;}
div#cd_sidebar li a:visited {color: #BB8B94; text-decoration:none;}
div#cd_sidebar li a:active {color: #BB8B94; text-decoration:none;}
div#cd_sidebar li a:hover {color: #ECAAB6; text-decoration:underline;}

.cd_entry_btm a:link	{color: #DA9295; text-decoration:none;}
.cd_entry_btm a:visited {color: #DA9295; text-decoration:none;}
.cd_entry_btm a:active  {color: #DA9295; text-decoration:none;}
.cd_entry_btm a:hover   {color: #FEBABD; text-decoration:underline;}

.cd_entry_navi a:link 	 {color: #EC808D; text-decoration:none;}
.cd_entry_navi a:visited {color: #EC808D; text-decoration:none;}
.cd_entry_navi a:active  {color: #EC808D; text-decoration:none;}
.cd_entry_navi a:hover   {color:#EC808D ; text-decoration:underline;}

table#cd_wrapper {
	width:702px;
	margin:0px auto;
	background-color:#FFF;
	border: 1px solid #FEDAE1;
}

/* ヘッダーの設定 */

td#cd_header {
	width:700px;
	height:150px;
	background:#ffffff url(http://img-cdn.jg.jugem.jp/90c/448712/20070323_316128.jpg) no-repeat left top;
	color:#C29B9A;
	text-align:right;
}

td#cd_header h1 {
	font-size:20px;
           font-family: 'Century Gothic', sans-serif;
	line-height:1.2;
	margin: 0px 50px 5px 10px;
}

td#cd_header div.description {
	font-size:10px;
	margin: 0px 50px 0px 10px;
}

td#cd_header h1 a:link,
td#cd_header h1 a:visited,
td#cd_header h1 a:active,
td#cd_header h1 a:hover { color: #F08090; text-decoration: none;}

/* カレンダーの設定 */

td#cd_calendar {
	width:700px;
	height:30px;
	background:#FFF url(http://img-cdn.jg.jugem.jp/90c/448712/20070321_314932.gif) no-repeat left top;
	color: #F59DAC;
	font-size:11px;
	text-align:center;
}

td#cd_calendar a:link 	 {color: #F59DAC; font-weight: bolder; text-decoration:none;}
td#cd_calendar a:visited {color: #F59DAC; font-weight: bolder; text-decoration:none;}
td#cd_calendar a:active  {color: #F59DAC;font-weight: bolder; text-decoration:none;}
td#cd_calendar a:hover   {color: #F9AFBB;font-weight: bolder; text-decoration:underline;}

/* フッターの設定（検索とコピーライト） */

td#cd_footer {
	width:700px;
	padding-bottom:25px;
	background:#FFF url(http://img-cdn.jg.jugem.jp/90c/448712/20070323_316245.gif) no-repeat left bottom;
	color:#AFADAD;
	font-size:10px;
	text-align:center;
}

td#cd_footer form#search_area {}
td#cd_footer form#search_area input#search { width:140px; vertical-align:middle;}
td#cd_footer form#search_area input.button { margin-left:10px;vertical-align:middle;}

td#cd_footer address { font-style:normal; margin-top:10px;}

td#cd_footer a:link {color: #E38994; text-decoration:none;}
td#cd_footer a:visited {color: #E38994; text-decoration:none;}
td#cd_footer a:active {color: #E38994; text-decoration:none;}
td#cd_footer a:hover {color: #FFB9C1; text-decoration:underline;}

/* コンテンツエリアの設定 */

td#cd_contents {
	width:650px;
	padding:0px 15px 10px 25px;
}

td#cd_contents div#cd_main {
	width:420px;
	float:left;
	text-align:left;
}

td#cd_contents div#cd_sidebar {
	width:200px;
	padding-top:30px;
	padding-bottom:150px;
	float:right;
	background:transparent url(http://img-cdn.jg.jugem.jp/90c/448712/20070323_316147.jpg) no-repeat center bottom
}

/* サイドバーの設定 */

td#cd_contents div#cd_sidebar dl {
	width:200px;
	text-align:center;
}

td#cd_contents div#cd_sidebar dt {
	width:200px;
	padding-bottom:3px;
	background:transparent url(http://img-cdn.jg.jugem.jp/90c/448712/20070323_315796.gif) no-repeat center bottom;
	color: #F08090;
	font-weight: bolder;
}

td#cd_contents div#cd_sidebar dd {
	width:170px;
	margin:5px 15px 30px 15px;
	color:#C2AAAD;
	font-size:10px;
}
td#cd_contents div#cd_sidebar dd ul {
	margin-left:20px;
	text-align:left;
}

td#cd_contents div#cd_sidebar dd li {
	color:#C2AAAD;
}

/* メインエリア・記事の設定 */

.cd_entry_title {
	width:370px;
	padding:15px 35px 5px 52px;
	background:#ffffff url(http://img-cdn.jg.jugem.jp/90c/448712/20070323_316141.gif) no-repeat left bottom;
	color:#F08090;
	font-size:14px;
	font-weight:bolder;
	text-align:left;
}

.cd_entry_body {
	margin: 20px 25px 10px 25px;
	color: #76585B;
	font-size: 11px;
	line-height: 170%;
}

.cd_entry_more {
	margin: 30px 5px 30px 25px;
	color: #76585B;	
           font-size: 11px;
	line-height: 170%;
}

.cd_entry_btm {
	width:400px;
	padding:12px 25px;
	color:#A99D9E;
	text-align:right;
}

.cd_entry_author {
	font-size: 10px;
}

.cd_entry_state {
	font-size: 11px;
	margin-right:5px;
}

.cd_entry_navi {
	width:400px;
	margin-top :20px;
	padding: 3px 0px;
	color: #EA9CA5;
	font-size: 11px;
	text-align: center;
}

.cd_pagetop {
	margin-bottom:30px;
	color:#6BC4DA;
	font-size:10px;
	text-align: right;
	margin-right:15px;
}

.cd_page_navi{
	width: 450px;
	padding: 3px 0px;
	background-color: #FFEFF0;
	color: #EC808D;
	font-size: 11px;
	text-align: center;
}

.entry_navi a:link {color: #EC808D; text-decoration:none;}
.entry_navi a:visited {color: #EC808D; text-decoration:none;}
.entry_navi a:active {color: #EC808D; text-decoration:none;}
.entry_navi a:hover {color: #FFCFD6; text-decoration:underline;}

.entry_state a:link {color: #EC808D; text-decoration:none;}
.entry_state a:visited {color: #EC808D; text-decoration:none;}
.entry_state a:active {color: #EC808D; text-decoration:none;}
.entry_state a:hover {color: #FFCFD6; text-decoration:underline;}

.entry_author a:link {color: #EC808D; text-decoration:none;}
.entry_author a:visited {color: #EC808D; text-decoration:none;}
.entry_author a:active {color: #EC808D; text-decoration:none;}
.entry_author a:hover {color: #FFCFD6; text-decoration:underline;}

blockquote {
	font-size: 12px;
	color: #FFA9B7;
	margin: 20px 10px 20px 10px;
	padding: 10px;
	border-left: 4px solid #3398B9;
}

.pict {
	border-width: 1px;
	border-style: solid;
	border-color: #FFF5F7 #FFF5F7 #FFF5F7 #FFF5F7;
}

/* メインエリア・コメント,トラックバックの設定 */

.comment {
	width:340px;
	margin: 0px 25px 30px 35px;
}

.comment_body {
	margin: 20px 25px 10px 25px;
	color: #B96B72;
}

.comment_title {
	font-size: 11px;
	line-height:120%;
	font-weight: bolder;
	color: #B96B72;
	border-left: 5px solid #F7C7C5;
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 5px;
	text-align: left;
}

.comment_author {
font-size: 10px;
font-weight: bolder;
text-align: left;
color: #B96B72;
margin: 5px 0px 25px 0px;
padding: 0px 0px 3px 0px;
border-bottom: 1px solid #F7C7C5;
text-align: left;
}

.profile_author {
font-size: 14px;
font-weight: bolder;
text-align: left;
color: #DC7A8A;
margin: 25px 25px 0px 25px;
padding: 0px 0px 0px 0px;
width: 400px;
}

.profile_body {
font-size: 12px;
line-height: 150%;
color: #76585B;
margin: 10px 25px 10px 25px;
padding: 0px 0px 0px 0px;
width: 400px;
text-align: left;
}

.trackback {
	width:340px;
	margin: 0px 25px 30px 35px;
}

.trackback_body {
font-size: 11px;
line-height: 170%;
color: #B96B72;
margin: 20px 25px 10px 25px;
padding: 0px 0px 0px 0px;
text-align: left;
}

.trackback_title {
font-size: 11px;
line-height:120%;
font-weight: bolder;
color: #B96B72;
border-left: 5px solid #F7C7C5;
margin: 15px 0px 15px 0px;
padding: 0px 0px 0px 5px;
}

.trackback_url {
font-size: 12px;
line-height: 120%;
color: #B96B72;
background: #FFE1DF;
}

.trackback_author {
font-size: 10px;
font-weight: normal;
text-align: left;
color: #B96B72;
margin: 5px 0px 25px 0px;
padding: 0px 0px 3px 0px;
border-bottom: 1px solid #F7C7C5;
}
img.amazon_pict { 
margin: 2px 0 0;
height: 100px; 
}

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