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

ホーム

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

テンプレート名 : 6%DOKIDOKI -pink-

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 type="text/javascript" src="http://sebastianz.jugem.jp/template/js/cookie.js"></script>
<script type="text/javascript" src="template/6percent/swfobject.js"></script>
</head>

<div id="header">
		
<div id="flashcontent"></div>
<script type="text/javascript">
	var so = new SWFObject("http://sebastianz.jugem.jp/template/6percent/user/user.swf", "user", "698", "270", "8", "#FFFFFF");
	if (location.search.length) {
		so.addVariable("short", 1);
	}
	so.addParam("allowScriptAccess", "always"); 
	so.write("flashcontent"); 
</script>
		<span class="site_title">{blog_description}{blog_name}</span>	
		
	</div>
	

<div id="contents">

<div id="main">
			
				<div class="entry_top">
					<div class="entry_date">{entry_date}</div>
					<div class="entry_title">{entry_title}</div>
				</div>
				<div class="entry_body">
					<div class="entry_description">
					<div class="entry_love">{love}</div>
{entry_description}</div>
					<a name="sequal"></a>
					<div class="entry_more">{entry_sequel}</div>						
					<div class="entry_state">	
						<span> {category_name}</span>	
							| {comment_num} | {trackback_num} | {logpi_link}</div>
				</div>
				<div class="entry_bottom">
				<img src="http://sebastianz.jugem.jp/template/6percent/user/img/entry_bottom.gif" width="460" height="75" alt="entry_bottom" />
				</div>
				{trackback_auto_discovery}
				
			
			
			
			<a name="comments"></a>
								<div class="comment_top">

<div class="comment_title">Comment</div>
								</div>
																<div class="entry_body">
						
							<div class="comment_body">{comment_description}</div>
							<div class="comment_state">{comment_name}</div>
							<div class="comment_time">{comment_time}</div>
						
							<div class="comment_c">コメントする</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" class="input" tabindex="1" name="name" id="name" value="{cookie_name}" />
								<br />
								<label for="email">email:</label><br>
								<input type="text" class="input" tabindex="2" name="email" id="email" value="{cookie_email}"/>
								<br />
								<label for="url">url:</label><br>
								<input type="text" class="input" tabindex="3" name="url" id="url" value="{cookie_url}"/><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 tabindex="5" type="submit" value="コメント送信　"onclick="javascript:setval();" class="button" />
								<input type="checkbox" name="set_cookie" value="1" id="set_cookie">
								<label for="set_cookie">Cookieに登録</label>
								</form>
						</div>
				</div>
				
				<div class="entry_bottom"><img src="http://sebastianz.jugem.jp/template/6percent/user/img/entry_bottom.gif" width="460" height="75" alt="entry_bottom" /></div>
		
		
					
			<a name="trackback"></a>
			<div id="trackback">
				<div class="comment_top">
				<div class="comment_title">Trackback</div>
				</div>
				<div class="entry_body">
				<div class="comment_body">
				
				
					<div class="trackback_title">この記事のトラックバックURL</div>
					<div class="trackback_body">
					{trackback_url}
					</div>
					
					
					<div class="trackback_title">{trackback_title}</div>
					<div class="trackback_body">{trackback_excerpt}</div>
					<div class="trackback_state">
					| {trackback_blog_name} | {trackback_time} | 
					
					</div>
					
					
				</div>
				</div>
				<img src="http://sebastianz.jugem.jp/template/6percent/user/img/entry_bottom.gif" width="460" height="75" alt="TRACKBACK BOTTOM" />
			</div>

<div id="profile">
	
				<div class="profile_title">
				<div class="profile_c">Profile</div>
				</div>
									<div class="entry_body">
				<div class="profile_name">{profile_name}</div>
				<div class="profile_body">{profile_description}</div>
				
			</div>
	
			</div>
					<img src="http://sebastianz.jugem.jp/template/6percent/user/img/entry_bottom.gif" width="460" height="81" alt="entry_bottom" />

<ul class="navi">
				<li class="prev">{prev_page_link}&nbsp;</li>
				<li class="num">{page_now}/{page_num}PAGES</li>
				<li class="next">&nbsp;{next_page_link}</li>
			</ul>

</div>

<div id="side">
	
		<div id="category">
			<div class="board"></div>
			<div class="category">
			<div class="category_list">{category_list}</div>
			</div>
			<div class="shelf">
			<img src="http://sebastianz.jugem.jp/template/6percent/user/img/category_bottom.gif" width="214" height="75" alt="shelf" />
			</div>	
		</div>	
	
			
		<div id="sub">
			
			<div class="calendar">
			<div class="calendar_pad">
			{calendar}
			</div>
			</div>
			
		</div>
		
	
		
		<div class="linktitle">
		<img src="http://sebastianz.jugem.jp/template/6percent/user/img/menu_sponsored_link.gif" width="208" height="75" alt="PR" />
		</div>
		{ad}

<div class="linktitle">
		<img src="http://sebastianz.jugem.jp/template/6percent/user/img/menu_recent_entries.gif" width="208" height="75" alt="recent_entry" />
		</div>

{latest_entry_list}

<div class="linktitle">
	<img src="http://sebastianz.jugem.jp/template/6percent/user/img/menu_archives.gif" width="208" height="75" alt="archives" />
	</div>

{archives_list}</a>

<div class ="linktitle">
			<img src="http://sebastianz.jugem.jp/template/6percent/user/img/menu_comment.gif" width="208" height="75" alt="RECENT COMMENT" />
			</div>
			<div class ="linktext">
			{recent_comment_list}
			</div>
			
			
			
			<div class ="linktitle">
			<img src="http://sebastianz.jugem.jp/template/6percent/user/img/menu_trackback.gif" width="208" height="75" alt="RECENT TRACKBACK" />
			</div>
			<div class ="linktext">
			{recent_trackback_list}
			</div>
			
			
			
			<div class="linktitle">
			<img src="http://sebastianz.jugem.jp/template/6percent/user/img/menu_recommend.gif" width="208" height="75" alt="RECOMMEND" />
			</div>
			<div class="linktext">
			{amazon_item}
			</div>
			
			
			
			<div class="linktitle">
			<img src="http://sebastianz.jugem.jp/template/6percent/user/img/menu_links.gif" width="208" height="75" alt="LINK" />
			</div>
			<div class="linktext">
			{link_list}
			</div>
			
			
			
			<div class="linktitle">
			<img src="http://sebastianz.jugem.jp/template/6percent/user/img/menu_profile.gif" width="208" height="75"alt="PROFILE" />
			</div>
			<div class="linktext">
			{user_list}
			</div>			
			
			
			
			<div class="linktitle">
			<img src="http://sebastianz.jugem.jp/template/6percent/user/img/menu_mobile.gif" width="208" height="75" alt="MOBILE" />
			</div>
			{site_qrcode}
					
			
			
			<div class="linktitle">{freespace_title1}</div>
			<div class="linktext">{freespace_contents1}</div>
			
			
			
			<div class="linktitle">{freespace_title2}</div>
			<div class="linktext">{freespace_contents2}</div>
			
			
			
			<div class="linktitle">{freespace_title3}</div>
			<div class="linktext">{freespace_contents3}</div>
			
			
			
			<div class="linktitle">{freespace_title4}</div>
			<div class="linktext">{freespace_contents4}</div>
			
			
			
			<div class="linktitle">{freespace_title5}</div>
			<div class="linktext">{freespace_contents5}</div>
			
			
	
	<div class="search_title">
		<img src="http://sebastianz.jugem.jp/template/6percent/user/img/search.gif" width="95" height="41" alt="search" />
			</div>
		<form method="get" action="">
			<div class="search"></div>
			<div class="search_box">
			<input type="text" id="search" name="search" size="20" class="input" />
			<input type="image" src="http://sebastianz.jugem.jp/template/6percent/user/img/go.gif" width="33" height="11" align="" class="button" />
			</div>
		</form>

</div>

<div id="footer">
	<a href="./?mode=rss">RSS</a> | <a href="./?mode=atom">ATOM</a> | <a href="./manage/">admin</a><br />
	<div class="copyright">{copyright}</div>
	</div>

</div>

</div>

</div>

</body>
</html>

CSS

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

body{background:#0e0648 url(http://sebastianz.jugem.jp/template/6percent/user/img/back.gif);		
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size:12px;
	line-height:1.5;
}

img {
	border:0px;
}

#wrapper{
	margin:0 auto;
	width:730px;
	background:url(http://sebastianz.jugem.jp/template/6percent/user/img/back_repeat_y.gif) repeat-y center top;

}

/* リンクカラーの設定 */
a:link {color:#663366;text-decoration:none;}
a:visited {color:#993399; text-decoration:none;}
a:active {color:#FFFFFF; text-decoration:underline;}
a:hover {color:#cc66ff; text-decoration:underline;}

/* .entry_bodyの設定 */
.entry_body a:link {color:#993399;}
.entry_body a:visited {color:#333; text-decoration:none;}
.entry_body a:active {color:#cc66ff; text-decoration:underline;}
.entry_body a:hover {color:#333; text-decoration:underline;}

.site_title{
	display:none;
	
	}

#header{
	margin:0 auto;
	width:698px;
	height:270px;
	text-align:center;
	background:#FFF;
	overflow-y:hidden;
}

#contents{
	background:url(http://sebastianz.jugem.jp/template/6percent/user/img/top_under.gif) no-repeat center top;
	margin:0 auto;
	width:698px;
}

#main {
	width:460px;
	color:#FFFFFF;
	margin-bottom:200px;
	float:right;
}

#side {
	width:210px;
	margin:0px 0 0 10px;
	float:left;

}
#side ul{
	color:#663366;
	}

.entry_state span {
	font-weight:bolder;
		
}

span {
	color:#bcac28;
}

#category{
	color:#FFF;
}

.calendar {
	font-family: "Verdana";
	font-size: 12px;
	color: #FFFFFF;
	line-height: 180%;
}

.calendar_pad{
	margin:10px 0 20px 22px;
	}

.linktitle{
	margin:20px 0px 10px 5px;
}

.entry_top{
	background: url(http://sebastianz.jugem.jp/template/6percent/user/img/entry_top.gif); 
	width:460px;
	height:123px;
}

.entry_body{
	background:url(http://sebastianz.jugem.jp/template/6percent/user/img/entry_back.gif) repeat-y;
	color:#333;
	height:auto;
	}
	
.entry_date{
	color:#FFF;
	padding:35px 10px 0px 60px;
	font-size:10px;
}

.entry_title{
	color:#FFF;
	padding:0px 10px 10px 60px;
	font-size:15px;
	font-weight:bolder;		
}

.entry_description {
	font-size:12px;
	margin:0px 50px 30px 10px;
	padding:20px 40px;
	line-height: 20px;
}

.entry_more{
	font-size:12px;
	margin:0px 50px 30px 10px;
	padding:0px 30px;
	line-height: 20px;
}
.category_name{	
	height:15px;
	font-weight:bolder;
	}
	
.entry_state{
	text-align:right;
	width:360px;
	height:20px;
}

.entry_bottom{
	}

.comment_top{
	background:url(http://sebastianz.jugem.jp/template/6percent/user/img/comment_top.gif);
	width:460px;
	height:123px;	
	}

.comment_title{
	margin:0px 10px 0px 10px;
	font-size:15px;
	font-weight:bolder;
	color:#333;
	padding:70px 0px 0px 40px;
}

.comment_body{
	font-size:12px;
	margin:0px 50px 0px 10px;
	padding:0px 20px 5px 30px;
	color:#333;
	height:auto;
}

.comment_c{
		margin:0px 0px 0px 30px;
	
	}

.comment_state{
		margin:0px 0 0 40px;
	font-weight:bolder;
}

.comment_time{
		margin:5px 0px 20px 40px;
	font-size:10px;
}

.trackback_body{
	margin:0 0 20px 0;

}

.trackback_state{
	margin:0 0 10px 0;
	}

.trackback_title{
	margin:0 0 10px 0;
	}
.board{
	background:url(http://sebastianz.jugem.jp/template/6percent/user/img/category_top.gif);
	width:214px;
	height:60px;

}

.category{

width:214px;
}

.category_list{
 width:214px;
	background:url(http://sebastianz.jugem.jp/template/6percent/user/img/category_back.gif) repeat-y;
	
}
.shelf{

}

.search_title{
	margin:20px 0 0 10px;
	}

.search_box{
		margin:0 0 0 10px;
}

#footer{
	width:700px;
	clear:both;	
	color:#FFF;
	text-align:center;
	
}

li{
		padding:4px 0px 0px 0px;
		
}

ul{
	padding:0px 0px 0px 30px;
	}

.selected_entry {
	margin:0px 10px 0px 20px;
	
}

ul.navi {
	margin: 20px 0 0;
	list-style: none;
	text-align:center;
}

ul.navi  li{
	display:inline;
}

.profile_name{
	margin:0 0 0px 30px;
	padding:0 0 10px 20px;
	font-weight:bolder;
	
	}

.profile_title{
		background: url(http://sebastianz.jugem.jp/template/6percent/user/img/entry_top.gif); 
	width:460px;
	height:123px;	}

.profile_body{
		font-size:12px;
	margin:0px 40px 0px 30px;
	padding:0px 30px;
	line-height: 20px;			
			}
.profile_c{
	font-size:14px;
	font-weight:bolder;
	padding:40px 10px 0px 50px;			
			}

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