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

ホーム

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

テンプレート名 : bloom

HTML・CSSをコピーして使う

HTML

<?xml version="1.0" encoding="{site_encoding}"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{site_lang}">
<head>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Language" content="ja" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{site_rss}" />
<link rel="alternate" type="application/atom+xml" href="{site_atom}" />
<link rel="stylesheet" type="text/css" href="{site_css}" />
<title>{site_title}</title>
</head>
<body>

<div id="top">
<h1>{blog_name}</h1>
<div class="headtxt">{blog_description}</div>
</div>

<div id="entry">
	<h3>{category_name}</h3>
	<h2><a href="{entry_permalink}" class="subject">{entry_title}</a></h2>
	<div class="entrybody">
		{entry_description}
	</div>
	<div class="entrymore">{entry_sequel}</div>
	<div class="entryfoot">{entry_date}</div>
	</div>
{trackback_auto_discovery}

<div id="entry">
	<h3>Profile</h3>
	<h2>{profile_name}</h2>
	<div class="entrybody">
		{profile_description}
	</div>
	</div>
	</div>

<div id="comment">
	<h2>Comments</h2>

<div class="cmtone">
	<div class="cmthead">{comment_name}/{comment_time}</div>
	<div class="cmtbody">
		{comment_description}
	</div>
	</div>

<div class="cmtform">
	<h2>Comment form</h2>
	<div class="cmtform_block">
		<form action="{site_cgi}" method="post">
		<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" class="cmtforminput" />name
		<br /><input type="text" tabindex="3" name="email" value="{cookie_email}" class="cmtforminput" />email
		<br /><input type="text" tabindex="4" name="url" id="url" value="{cookie_url}" class="cmtforminput" />url
		<br /><textarea tabindex="5" id="description" name="description" rows="8" class="cmtformtxt"></textarea>
		<br /><input type="image" src="../t_img/submit.gif" tabindex="6" id="submit" value="submit"  class="cmtformsubmit" />
		<input type="hidden" name="http://img-cdn.jg.jugem.jp/296/29716/20060119_108223.gif" value="{entry_id}" />
		<input type="hidden" name="charset" value="{site_encoding}" />
		<input type="hidden" tabindex="2" name="set_cookie" value="1" />
		</form>
	</div>
	</div>

</div>

<div id="trackback">
	<h2>TrackBack</h2>
	<div class="tburl">TBURL {trackback_url}</div>

<div class="tbone">
	<div class="tbhead">{trackback_title}({trackback_blog_name)</div>
	<div class="tbbody">
		{trackback_excerpt}
	</div>
	</div>

</div>

<div id="foot">

{prev_page_link} {page_now}/{page_num} {next_page_link}


<div class="entry_navi">{prev_entry} | <a href="{site_top}">top</a> | {next_entry}</div>

</div>

</div>

<div class="sideone">	
	<h4>seach this site.</h4>
	<div class="sidebody" style="text-align:center;">
		<form method="get" action="./">
		<table border="0" cellspacing="0" cellpadding="0"><tr>
		<td><input name="search" size="20" style="width:110px" class="search_form" /></td>
		<td><input type="image" src="http://img-cdn.jg.jugem.jp/296/29716/20060119_108221.gif" alt="search this site." value="Search" class="search_submit" /></td>
		</tr></table>
		</form>
	</div>
	</div>

<div class="sideone">	
	<h4>{freespace_title1}</h4>
	<div class="sidebody">
		{freespace_contents1}
	</div>
	</div>

<div class="sideone">	
	<h4>{freespace_title1}</h4>
	<div class="sidebody">
		{freespace_contents1}
	</div>
	</div>

<div class="sideone">	
	<h4>{freespace_title1}</h4>
	<div class="sidebody">
		{freespace_contents1}
	</div>
	</div>

<div class="sideone">	
	<h4>{freespace_title1}</h4>
	<div class="sidebody">
		{freespace_contents1}
	</div>
	</div>

<div class="sideone">	
	<h4>{freespace_title1}</h4>
	<div class="sidebody">
		{freespace_contents1}
	</div>
	</div>

<div class="sideone">	
	<h4>selected entrys.</h4>
	<div class="sidebody">
		{selected_entry_list}
	</div>
	</div>

<div class="sideone">	
	<h4>categories.</h4>
	<div class="sidebody">
		{category_list}
	</div>
	</div>

<div class="sideone">	
	<h4>archives.</h4>
	<div class="sidebody">
		{archives_list}
	</div>
	</div>

<div class="sideone">	
	<h4>others.</h4>
	<div class="sidebody">
			<ul>
			<li><a href="http://www.imagedesign.org/log/index.rdf">RSS1.0</a> <a href="{site_atom}">Atom0.3</a></li>
			<li><a href="./admin">adminpage</a></li>
			<li>thanks <a href="http://www.nageyari.net/photo/" target="_blank">たいしたことないもの</a></li>
			<li>powered <a href="https://jugem.jp/" target="_blank"><strong>JUGEM</strong></a></li>
			</ul>
	</div>
	</div>

</div>

</body>
</html>

CSS

@charset "Shift_JIS";

/*　全体に共通するCSS　*/
*		{
		margin:0 0 0 0;
		padding:0 0 0 0;
		}
img		{border:none;}
br		{letter-spacing:normal;}
hr		{border:dashed 3px #bfe379;}
body		{
		background-color:#ffffff;
		cursor:default;
		font-size:100%;
		margin:0 0 100px 0;
		padding:0 0 0 0;
		text-align:center;
		}
#wrapper		{
		background-color:#ffffff;
		background-image:url(http://img-cdn.jg.jugem.jp/296/29716/20060119_108219.gif);
		background-repeat:repeat-y;
		margin:0 0 0 0;
		padding:0 21px 0 21px;
		vertical-align:bottom;
		width:728px;
		text-align:left;
		}
#top		{
		background-image:url(http://img-cdn.jg.jugem.jp/296/29716/20060119_108228.jpg);
		background-position:bottom center;
		background-attachment:fixed;
		background-repeat:no-repeat;
		height:350px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		width:728px;
		text-align:left;
		}
h1		{
		color:#ffffff;
		font-family:"Trebuchet MS","Tahoma","Verdana","Century Gothic","Osaka","MS ゴシック";
		font-size:200%;
		letter-spacing:0;
		margin:230px 0 0 31px;
		padding:0 0 0 0;
		}
.headtxt		{
		color:#ffffff;
		font-family:"Trebuchet MS","Tahoma","Verdana","Century Gothic","Osaka","MS ゴシック";
		font-size:90%;
		letter-spacing:0;
		line-height:100%;
		margin:5px 0 0 31px;
		padding:0 0 0 0;
		}
#bottom		{
		background-image:url(http://img-cdn.jg.jugem.jp/296/29716/20060119_108220.gif);
		background-position:top center;
		background-attachment:fixed;
		background-repeat:no-repeat;
		height:85px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		width:728px;
		}
#foot		{
		color:#000000;
		font-family:"Trebuchet MS","Tahoma","Verdana","Century Gothic","Osaka","MS ゴシック";
		font-size:90%;
		letter-spacing:0;
		margin:0 0 0 0;
		padding:0 0 0 0;
		text-align:center;
		}

/*　コンテンツのCSS　*/
#contents	{
		float:left;
		margin:0 0 0 0;
		padding:0 0 0 0;
		text-align:center;
		width:500px;
		}

#entry		{
		margin:0 0 30px 0;
		padding:0 0 0 0;
		text-align:left;
		}
h2		{
		color:#ff659f;
		font-family:"Trebuchet MS","Tahoma","Verdana","Century Gothic","Osaka","MS ゴシック";
		font-size:150%;
		letter-spacing:0;
		line-height:100%;
		margin:0 0 0 0;
		padding:0 0 0 0;
		}
h3		{
		color:#000000;
		font-family:"Trebuchet MS","Tahoma","Verdana","Century Gothic","Osaka","MS ゴシック";
		font-size:150%;
		letter-spacing:0;
		line-height:100%;
		margin:0 0 0 0;
		padding:0 0 0 0;
		}
.entrybody	{
		color:#474747;
		font-family:"Tahoma","Verdana","Century Gothic","Osaka","MS ゴシック";
		font-size:90%;
		letter-spacing:1px;
		line-height:130%;
		margin:10px 0 0 0;
		padding:0 0 0 0;
		}
.entrymore	{
		color:#474747;
		font-family:"Tahoma","Verdana","Century Gothic","Osaka","MS ゴシック";
		font-size:90%;
		letter-spacing:1px;
		line-height:130%;
		margin:0 0 0 0;
		padding:0 0 0 0;
		}
.entryfoot	{
		color:#eae8e8;
		font-family:"Trebuchet MS","Tahoma","Verdana","Century Gothic","Osaka","MS ゴシック";
		font-size:120%;
		letter-spacing:0;
		line-height:100%;
		margin:0 0 0 0;
		padding:0 0 0 0;
		}

/*　コメント　*/
#comment	{
		margin:0 0 30px 0;
		padding:0 0 0 0;
		vertical-align:bottom;
		text-align:left;
		}
.cmtone		{
		margin:10px 0 0 0;
		padding:0 0 0 0;
		}
.cmthead		{
		color:#000000;
		font-family:"Tahoma","Verdana","Century Gothic","Osaka","MS ゴシック";
		font-size:90%;
		font-weight:bolder;
		letter-spacing:1px;
		line-height:130%;
		margin:0 0 0 0;
		padding:5px 0 0 0;
		}
.cmtbody		{
		color:#474747;
		font-family:"Tahoma","Verdana","Century Gothic","Osaka","MS ゴシック";
		font-size:90%;
		letter-spacing:1px;
		line-height:130%;
		margin:0 0 0 0;
		padding:2px 5px 5px 5px;
		}

.cmtform		{
		margin:10px 0 30px 0;
		padding:0 0 0 0;
		vertical-align:bottom;
		text-align:left;
		}
.cmtform_block	{
		color:#474747;
		font-family:"Tahoma","Verdana","Century Gothic","Osaka","MS ゴシック";
		font-size:90%;
		letter-spacing:1px;
		line-height:130%;
		margin:10px 0 0 0;
		padding:0 0 0 0;
		vertical-align:bottom;
		text-align:left;
		}
.cmtforminput	{
		border-left:1px solid #CCC;
		border-top:1px solid #CCC;
		border-right:1px solid #EFEFEF;
		border-bottom:1px solid #EFEFEF;
		padding:1px;
		margin:0 5px 0 0;
		width:200px;
		}
.cmtformtxt	{
		border-left:1px solid #CCC;
		border-top:1px solid #CCC;
		border-right:1px solid #EFEFEF;
		border-bottom:1px solid #EFEFEF;
		padding:1px;
		margin:0 0 0 0;
		width:80%;
		}
.cmtformsubmit	{
		cursor:hand;
		padding:0 0 0 0;
		margin:0 0 0 0;
		}

/*　トラックバック　*/
#trackback	{
		margin:0 0 30px 0;
		padding:0 0 0 0;
		vertical-align:bottom;
		text-align:left;
		}
.tburl		{
		color:#000000;
		font-family:"Trebuchet MS","Tahoma","Verdana","Century Gothic","Osaka","MS ゴシック";
		font-size:120%;
		letter-spacing:0;
		line-height:120%;
		margin:0 0 0 0;
		padding:0 0 0 0;
		}
.tbone		{
		margin:10px 0 0 0;
		padding:0 0 0 0;
		}
.tbhead		{
		color:#000000;
		font-family:"Tahoma","Verdana","Century Gothic","Osaka","MS ゴシック";
		font-size:90%;
		font-weight:bolder;
		letter-spacing:1px;
		line-height:130%;
		margin:0 0 0 0;
		padding:5px 0 0 0;
		}
.tbbody		{
		color:#474747;
		font-family:"Tahoma","Verdana","Century Gothic","Osaka","MS ゴシック";
		font-size:90%;
		letter-spacing:1px;
		line-height:130%;
		margin:0 0 0 0;
		padding:2px 5px 5px 5px;
		}

/*　サイドバーのCSS　*/
#sidebar		{
		float:right;
		margin:0 0 0 0;
		padding:0 0 0 0;
		text-align:center;
		width:180px;
		}
.sideone		{
		margin:0 0 0 0;
		padding:0 5px 0 5px;
		text-align:left;
		}
h4		{
		color:#ff659f;
		font-family:"Trebuchet MS","Tahoma","Verdana","Century Gothic","Osaka","MS ゴシック";
		font-size:120%;
		letter-spacing:0;
		line-height:100%;
		margin:0 0 0 0;
		padding:0 0 0 0;
		}
.sidebody		{
		color:#000000;
		font-family:"Tahoma","Verdana","Century Gothic","Osaka","MS ゴシック";
		font-size:10px;
		letter-spacing:1px;
		line-height:130%;
		margin:5px 0 0 0;
		padding:0 0 0 0;
		width:100%;
		vertical-align:bottom;
		}
.counter		{
		color:#000000;
		font-family:"Trebuchet MS","Tahoma","Verdana","Century Gothic","Osaka","MS ゴシック";
		font-size:10px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		text-align:center;
		}

/*　検索窓　*/
.search_form	{
		border-left:1px solid #CCC;
		border-top:1px solid #CCC;
		border-right:1px solid #EFEFEF;
		border-bottom:1px solid #EFEFEF;
		padding:1px;
		margin:0 2px 0 0;
		}
.cmtform_submit	{
		cursor:hand;
		padding:0 0 0 0;
		margin:0 0 0 0;
		}

/*　リスト　*/
li		{
		color:#000000;
		font-family:"Tahoma","Verdana","Century Gothic","Osaka","MS ゴシック";
		font-size:10px;
		letter-spacing:1px;
		line-height:130%;
		list-style-type:none;
		}

/*　リンク　*/
a		{text-decoration:none;}
a:link		{color:#000000; text-decoration:none;}
a:active		{color:#000000; text-decoration:none;}
a:visited		{color:#000000; text-decoration:none;}
a:hover		{color:#bbff37; text-decoration:none; position:relative; top:1px; left:1px;}

a.title:link		{color:#ffffff; text-decoration:none;}
a.title:active	{color:#ffffff; text-decoration:none;}
a.title:visited	{color:#ffffff; text-decoration:none;}
a.title:hover	{color:#bbff37; text-decoration:none;}

a.subject:link	{color:#ff659f; text-decoration:none;}
a.subject:active	{color:#ff659f; text-decoration:none;}
a.subject:visited	{color:#ff659f; text-decoration:none;}
a.subject:hover	{color:#bbff37; text-decoration:none;}

/*　その他　*/
blockquote	{
		background-color:#e9e9e9;
		border:solid 1px #474747;
		color:#474747;
		font-family:"Tahoma","Verdana","Century Gothic","Osaka","MS ゴシック";
		font-size:90%;
		font-weight:bolder;
		letter-spacing:1px;
		line-height:130%;
		padding:10px;
		margin:10px;
		}
strong		{color:#bbff37;}
.pict		{margin:5px;}

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