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

ホーム

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

テンプレート名 : Air mail

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 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>

</head>

<div id="content">

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

<div id="calender">
		
		{calendar_horizontal}
		
	</div>

<div id="menu">
		<div class="menu_title">
			<h3><a href="JavaScript:pullDown1()">Selected Entry</a></h3>
			<div id="menu_entry" style="position:absolute;visibility:hidden;">
				
				{selected_entry_list}
				
			</div>
		</div>
		<div class="menu_title">
			<h3><a href="JavaScript:pullDown2()">Categories</a></h3>
			<div id="menu_category" style="position:absolute;visibility:hidden;">
				
				{category_list}
				
			</div>
		</div>
		<div class="menu_title">
			<h3><a href="JavaScript:pullDown3()">Archives</a></h3>
			<div id="menu_archive" style="position:absolute;visibility:hidden;">
				
				{archives_list2}
				
			</div>
		</div>
		<div class="menu_title">
			<h3><a href="JavaScript:pullDown4()">Comment</a></h3>
			<div id="menu_comment" style="position:absolute;visibility:hidden;">
				
				{recent_comment_list}
				
			</div>
		</div>
		<div class="menu_title">
			<h3><a href="JavaScript:pullDown5()">Link</a></h3>
			<div id="menu_link" style="position:absolute;visibility:hidden;">
				
				{link_list}
				
			</div>
		</div>
		<div class="clear"></div>
	</div>

</div>

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

<div class="entry">
	<div class="entry_main">
		<h2>{entry_title_link}</h2>
		<div class="entry_body">{entry_description}</div>
		<a name="sequel"></a>
		<div class="entry_more">{entry_sequel}</div>
		<div class="entry_date">
			{entry_year}.{entry_month}.{entry_day} {entry_time_only}　by {user_name}</br>
			{category_name} | {comment_num}
		</div>
	</div>
</div>

<a name="comments"></a>
		
<div class="comment">
	<div class="comment_main">
		<h2>Comment</h2>
		
		<div class="comment_body">{comment_description}</div>
		<div class="comment_date">
  			{comment_name} | {comment_time}
		</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}" class="input" />
			
				<label for="name">Name:</label><br/>
				<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" class="input" /><br />
    		            
				<label for="url">URL:</label><br>
				<input type="text" tabindex="2" name="url" id="url" value="{cookie_url}" class="input" /><br />
			
				<label for="description">Comments:</label><br />
				<textarea tabindex="3" id="description" name="description" rows="7" cols="50"></textarea><br />
    		            
				<input tabindex="4" type="submit" value="Comment Send"  onclick="javascript:setval();" />&nbsp;&nbsp;<input type="checkbox" name="set_cookie" value="1" id="set_cookie">&nbsp;<label for="set_cookie">入力情報を登録しますか？</label>
			</form>
		</div>
	</div>
</div>

<div id="profile">
	<div id="profile_main">
 		<h2>Profile by {profile_name}</h2>
		<div id="profile_body">{profile_description}</div>
	</div>
</div>

		
		
	
	
		
		<div class="page_top">
			{full_pager_link}</br>
			<a href="#top">このページの先頭へ▲</a>
		</div>
        

<div id="footer">

<h3>{freespace_title1}</h3>
	{freespace_contents1}

<h3>{freespace_title2}</h3>
	{freespace_contents2}

<h3>{freespace_title3}</h3>
	{freespace_contents3}
	
			
	
	<h3>{freespace_title4}</h3>
	{freespace_contents4}
	
			
	
	<h3>{freespace_title5}</h3>
	{freespace_contents5}

<form method="get" action="./">
	<table cellpadding="0" cellspacing="0" border="0">
	<tr valign="middle">
	<td><input id="search" name="search" size="20" style="width:110px" class="search" /></td>
	<td><input type="submit" value="Search" /></td>
	</tr>
	</table>
	</form>

</br>

{powered}
   
	{ad}

</br>

{copyright}</br>

<a href="./manage/">管理者ページ</a> | <a href="./?mode=rss">RSS1.0</a> | <a href="./?mode=atom">Atom0.3</a></br>

Blog by <a href="./?pid=1">{user_item_name}</a></br>

Design & Material: <a href="http://surumeeeika.jugem.jp/" target="blank_">＊＊＊</a></br>

</div>

</div>

    
</body>
</html>

CSS

@charset "EUC-JP";

body{
	color:#441111;
	margin:0;
	padding:10px 0 30px 0;
	font-size:12px;
	background-color:#3399bb;
	line-height:180%;
}

h2{
	margin:0;
	padding:0 0 10px 0;
	border-bottom:dashed 1px #996677;
	font-size:12px;
	font-family:"Time is Roman","Times","MS P ゴシック","Osaka";
}

h3{
	margin:0;
	padding:0;
	font-size:14px;	
	font-family:"Time is Roman","Times","MS P ゴシック","Osaka";
	text-align:center;
}

li{
	list-style-image:url('http://img-cdn.jg.jugem.jp/a0f/2074010/20120318_2733105.gif');
}

table{
	margin:0 auto;
}

a:link {color: #55bbdd;}
a:visited {color: #224477;}
a:hover {color: #ffffff;background-color:#000000;}
a:active {color: #55bbdd;}

.clear{
	clear:both;
}

#content{
	margin:0 auto;
	padding:0;
	width:800px;
}

#header{
	margin:0;
	padding:50px 10px 0 10px;
	line-height:150%;
	width:780px;
	height:298px;
	background:url('http://img-cdn.jg.jugem.jp/a0f/2074010/20120318_2733038.gif') left bottom no-repeat;
}

#calender{
	margin:160px 0 0 0;
	padding:5px 0;
	width:800px;
	height:15px;
	text-align:center;
	font-family:"Corbel","Times","MS P ゴシック","Osaka";
	font-size:16px;	
}

#menu{
	margin:0;
	padding:5px 0;
	width:800px;
}

.menu_title{
	margin:0;
	padding:5px 0;
	width:150px;
	height:20px;
	float:left;
}

#menu_entry{
	margin:0;
	padding:5px 10px;
	width:200px;
	background-color:#ffffff;
	border:#224477 dashed 1px;
}

#menu_category{
	margin:0;
	padding:5px 10px;
	width:200px;
	background-color:#ffffff;
	border:#224477 dashed 1px;
}

#menu_archive{
	margin:0;
	padding:5px 10px;
	width:200px;
	background-color:#ffffff;
	border:#224477 dashed 1px;
}

#menu_comment{
	margin:0;
	padding:5px 10px;
	width:200px;
	background-color:#ffffff;
	border:#224477 dashed 1px;
}

#menu_link{
	margin:0;
	padding:5px 10px;
	width:200px;
	background-color:#ffffff;
	border:#224477 dashed 1px;
}

.entry{
	margin:0 0 30px 0;
	padding:20px;
	width:755px;
	background-image:url('http://img-cdn.jg.jugem.jp/a0f/2074010/20120316_2731273.gif');
	border-left:solid 5px #224477;
	border-bottom:solid 5px #224477;
}

.entry_main{
	margin:0;
	padding:15px;
	width:725px;
	background:#ffffff url('http://img-cdn.jg.jugem.jp/a0f/2074010/20120318_2732945.gif') right top no-repeat;
}

.entry_body{
	margin:0;
	padding:10px 0;
	width:725px;
}

.entry_date{
	margin:0;
	padding:10px 0 0 0;
	width:725px;
	text-align:right;
	border-top:dashed 1px #996677;
	font-family:"Time is Roman","Times","MS P ゴシック","Osaka";
}

.entry_navi{
	margin:0;
	padding:5px 10px;
	width:775px;
	text-align:center;
	background:#ffffff;
	border-left:solid 5px #224477;
}

.comment{
	margin:0 0 30px 0;
	padding:20px;
	width:755px;
	background-image:url('http://img-cdn.jg.jugem.jp/a0f/2074010/20120316_2731273.gif');
	border-left:solid 5px #224477;
	border-bottom:solid 5px #224477;
}

.comment_main{
	margin:0;
	padding:15px;
	width:725px;
	background:#ffffff;
}

.comment_body{
	margin:0;
	padding:10px 0;
	width:725px;
}

.comment_date{
	margin:0;
	padding:10px 0;
	width:725px;
	text-align:right;
	border-bottom:dashed 1px #996677;
	font-family:"Time is Roman","Times","MS P ゴシック","Osaka";
}
#profile{
	margin:0 0 30px 0;
	padding:20px;
	width:755px;
	background-image:url('http://img-cdn.jg.jugem.jp/a0f/2074010/20120316_2731273.gif');
	border-left:solid 5px #224477;
	border-bottom:solid 5px #224477;
}

#profile_main{
	margin:0;
	padding:15px;
	width:725px;
	background:#ffffff url('http://img-cdn.jg.jugem.jp/a0f/2074010/20120318_2732945.gif') right top no-repeat;
}

#profile_body{
	margin:0;
	padding:10px 0;
	width:725px;
}

#footer{
	margin:0;
	padding:20px 0;
	width:800px;
	text-align:center;
}

.page_top{
	margin:0;
	padding:20px 0;
	width:800px;
	text-align:right;
}

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