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

ホーム

ホーム > ブログデザイン一覧 > ユーザー作成テンプレート「utf」 >

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

テンプレート名 : sky

テンプレートイメージ表示ページへ戻る

HTML・CSSをコピーして使う

HTML

</head>

<div class="bodybg">

<div class="wrapper">

<div class="maintb">
	
		
		<div class="maintbnote">
		
			
                          
			<div><img src="http://hbkr.jp/img/0725/hb4top3.gif"></div>
		
			
			
			
			
		
			
			<div id="maintbc"><div id="maintbc2">
				<a href="http://ieiriblog.jugem.jp"><img src="http://hbkr.jp/img/0725/hbtp_tp.gif" class="mtimg"></a>
				<a href="http://ieiriblog.jugem.jp/?eid=535"><img src="http://hbkr.jp/img/0725/hbtp_about.gif" class="mtimg"></a>
				<a href="http://aki-tect.petit.cc/" target="_blank"><img src="http://hbkr.jp/img/0725/hbtp_yome.gif" class="mtimg"></a>
				<a href="http://ieiriblog.jugem.jp/?eid=568"><img src="http://hbkr.jp/img/0725/hbtp_movlog.gif" class="mtimg"></a>
				<a href="http://ieiri.petit.cc/" target="_blank"><img src="http://hbkr.jp/img/0725/hbtp_photo.gif" class="mtimg"></a>
				
				<a href="http://b.hatena.ne.jp/ieiri/"><img src="http://hbkr.jp/img/0725/hbtp_links.gif" class="mtimg"></a>
				<a href="http://ieiriblog.jugem.jp/?cid=20"><img src="http://hbkr.jp/img/0725/hbtp_game.gif" class="mtimg"></a>
				<a href="http://ieiriblog.jugem.cc/?eid=543"><img src="http://hbkr.jp/img/0725/hbtp_ore24.gif" class="mtimg"></a>
				<a href="http://ieiriblog.jugem.jp/?cid=19"><img src="http://hbkr.jp/img/0725/hbtp_ahoo.gif" class="mtimg"></a>
				<a href="http://ieiriblog.jugem.jp/?cid=18"><img src="http://hbkr.jp/img/0725/hbtp_pd.gif" class="mtimg"></a></div>

<div class="mainleft">
				
				
				
				<div class="pickup_note"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="521" height="100" id="naizou" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://hbkr.jp/flash/naizou.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="http://hbkr.jp/flash/naizou.swf" quality="high" bgcolor="#ffffff" width="521" height="100" name="naizou" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></div>
			
			
			
				
				
				<div class="entry_navi">
					{prev_entry} | <a href="./">TOP</a> | {next_entry} 
				</div>
				
				
				
				<div class="entry">
				<div class="entry_date">{entry_date}{entry_year}</div>
				<div class="entry_title"><a href="{entry_permalink}">{entry_title}</a></div>

<div class="entry_body">{entry_description}</div>
				<div class="entry_more">{entry_sequel}</div>
				<div class="entry_state">{entry_time} | {category_name} | {comment_num} | {trackback_num} {trackback_auto_discovery} | <a href="javascript:hb_url='{entry_permalink}'.replace('.cc', '.jp');hb_title='{entry_title}';window.open('http://b.hatena.ne.jp/add?mode=confirm&is_bm=1&title='+escape(hb_title)+'&url='+escape(hb_url), '_blank', 'width=480,height=360,resizable=1,scrollbars=1');undefined;"><img src="http://b.hatena.ne.jp/images/append.gif"></a>										</div>
				</div>

<div class="com">
				<div class="com_body">{comment_description}</div>
				<div class="com_state">{comment_time} by {comment_name}</div>
				</div>
				
			
				<div class="sub_title">コメントする</div>

<div class="com_form">
				<form 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:250px;" /><br />
				<label for="url">url:</label><br />
				<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" style="width:250px;"/><br />
				<br />
				<label for="description">comments:</label><br />
				<textarea tabindex="4" id="description" name="description" rows="10" cols="20" style="width:400px;"></textarea>
				<br />
				<br />
				<input type="submit" value="コメント送信" onmouseover="this.style.backgroundColor='#CCC'" onmouseout="this.style.backgroundColor='#EEE'" STYLE="font-size:11px; font-weight: bold; height: 17px; color:#4083C6; background-color:#EEE;" />

<input type="checkbox" name="set_cookie" value="1" id="set_cookie">
				<label for="set_cookie">Cookieに登録</label>
				</form>
				</div>

<a name="trackback"></a>
				<div class="sub_title">この記事のトラックバックURL</div>
				<div class="tb_url">{trackback_url}</div>

<div class="sub_title">トラックバック</div>

<div class="tb">
				<div class="tb_date">{trackback_time}</div>
				<div class="tb_title">{trackback_title}</div>
				<div class="tb_body">{trackback_excerpt}</div>
				<div class="tb_state">{trackback_blog_name}</div>
				</div>

<div class="sub_title">{profile_name}</div>
				<div class="entry">
				<div class="entry_body">{profile_description}</div>
				</div>

</div>
		
			
			<div class="mainright">
				
			
				
				<div class="right_img" ><img src="http://hbkr.jp/img/0725/hb4right_about_2.gif"></div>
				<div class="right_note">
					<div style="float:left; margin-right:10px;"><img src="http://hbkr.jp/img/0725/hb4right_about2.gif"></div>

<!--
					<span style="font-weight: bold;">Kazuma Ieiri</span><br>
					<div style="margin-top:3px; border-top: 1px dotted #aaa;padding-top:3px; ">
					Konnichiwa.
I love fucking cuts of pork boiled with sugar, soy sauce, sweet sake 
and salt more than anything, 
so I have a chunk of fat around my stomach. 
Pork Belly!!!  This is really a good shit, dude!!!
My favorite words are "a son of a pork", "a little pussy pork", 
"kinky pork", and "get_magic_quotes_gpc", and
I do choke my chicken with some porks at least three times as well as eat meals.
Time is money.  Pork is money.
					<a href="http://ieiriblog.jugem.jp/?eid=535"><img src="http://hbkr.jp/img/0725/hb4more.gif"></a>
					</div>

-->
<span style="font-weight: bold;">イエイリカズマ(26)</span><br>
					<div style="margin-top:3px; border-top: 1px dotted #aaa;padding-top:3px; ">

お世話になっております。ペーパーボーイの家入です。好きなスープはビシソワーズです。好きな角煮は黒豚です。好きな映画はファックトゥザティーチャーです。<a href="http://ieiriblog.jugem.jp/?eid=535" style="font-size:11px; font-weight:bold; text-decoration:underline; color:#DF4678;">もっと</a>

</div></div>

<div class="right_img"><img src="http://hbkr.jp/img/0725/hb4right_ore242.gif"></div>
				<div class="right_note"><div class="debu">
					<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="137" height="112" id="live_r_blog" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://hbkr.jp/flash/live_r_blogb.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><embed src="http://hbkr.jp/flash/live_r_blogb.swf" quality="high"  wmode="transparent" bgcolor="#ffffff" width="137" height="112" name="live_r_blog" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
					<div class="ore24b"><a href="http://ieiriblog.jugem.cc/?eid=543" style="font-size:11px; font-weight:bold; text-decoration:underline; color:#DF4678;">あなたのブログにも僕を。</a></div>
					
					
					
				</div></div>
				<div class="line1"></div>

<div class="right_img"><img src="http://hbkr.jp/img/0725/hideki.gif"></div>
				<div class="right_note"><div class="movlog">
					<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="150" height="120" id="hideki" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://hbkr.jp/hideki/hideki.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><param name="wmode" value="transparent" /><embed src="http://hbkr.jp/hideki/hideki.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="150" height="120" name="hideki" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
					<br><a href="http://ieiriblog.jugem.jp/?eid=623" style="font-size:11px; font-weight:bold; text-decoration:underline; color:#DF4678;">あなたのブログにも秀樹を。</a>
				
				</div></div>
				<div class="line1"></div>

<div class="right_img"><img src="http://hbkr.jp/img/0725/hb4right_movlog.gif"></div>
				<div class="right_note"><div class="movlog">
					<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="150" height="120" id="movielog2" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://hbkr.jp/flash/movielog2.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="wmode" value="transparent" />
<embed src="http://hbkr.jp/flash/movielog2.swf" quality="high" bgcolor="#ffffff" width="150" height="120" name="movielog2" align="middle" allowScriptAccess="sameDomain" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
					<br><a href="http://ieiriblog.jugem.jp/?eid=568" style="font-size:11px; font-weight:bold; text-decoration:underline; color:#DF4678;">MOVIELOGについて</a>
				
				</div></div>
				<div class="line1"></div>

<div class="right_img"></div>
				<div class="right_note">
					
					
					<div class="linktitle">NEW ENTRIES</div>
					<div class="linktext">
					{latest_entry_list}
					</div>

<div class="linktitle">CATEGORIES</div>
					<div class="linktext">
					{category_list}
					</div>

<div class="linktitle">ARCHIVES</div>
					<div class="linktext">
					{archives_list}
					</div>

<div class="linktitle">RECENT COMMENT</div>
					<div class="linktext">
					{recent_comment_list}
					</div>

<div class="linktitle">RECENT TRACKBACK</div>
					<div class="linktext">
					{recent_trackback_list}
					</div>

</div>
			</div>
		
			
			<div class="footer">
				<div class="footernote">
					<a href="{site_rss}">Syndicate this site (XML)</a><br>
					<a href="mailto:ieiri@paperboy.co.jp">(C) Kazuma Ieiri</a>

</div>
			</div>
		
		</div>		
	</div>
</div>

</div>

<script src="http://j7.shinobi.jp/ufo/076979001"></script>
<noscript><a href="http://www.ninja-systems.com/" target="_blank">
<img src="http://x7.shinobi.jp/bin/ll?076979001" border=0 alt="SEO"></a></noscript>

</body>
</html>

CSS

table,tr,td {
font: 11px "Lucida Grande", Arial, Verdana, sans-serif;
}

#Ieilink {
	position:absolute;
	top:400px;
	left:400px;
	border:1px solid #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #eee;
	visibility: hidden;
	width:150px;
	font-size:12px;
	color:#444;
	padding: 5px;
	z-index:8000;
}

.kinud_top {
	font-weight: bolder;
	font-size: 10px;
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 5px 10px;
	border-bottom: 3px solid #FFF;
	}

.kinud_main{
	font-size: 11px;
	margin: 10px 0px 30px 20px;
	}
div {
	font-family: "Verdana", "Osaka","ＭＳ ゴシック","ヒラギノ角ゴ Pro W3";
}

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

ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style: none;
}

/* レイアウト */

#layout {
	width: 750px;
	margin: 0px auto;
	padding: 0px;
	background-color: #FFF;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}

#header {
	width: 750px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #CCC;
	text-align: left;
	clear: both;
	}

#contents {
	float: left;
	background-color: #FFF;
	width: 500px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: left;
	clear: both;
	}

#navi {
	margin: 0px 0px 0px 500px;
	padding: 20px 0px 20px 0px;
	text-align: left;
	}

/* ヘッダー */

.site_title {
	font-size: 26px;
	font-weight: bolder;
	margin: 0px;
	padding: 30px 0px 0px 10px;
	}

.site_title a,
.site_title a:link,
.site_title a:visited,
.site_title a:active {
	color: #000;
	}

.site_title a:hover {
	color: #FFF;
	background-color: #003366;
	}

.description {
	font-size: 12px;
	font-weight: bolder;
	margin: 5px 0px 30px 10px;
	}

.tab {
	font-size: 11px;
	font-weight: bolder;
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 4px 0px;
	}

.tab a,
.tab a:visited,
.tab a:link,
.tab a:active{
	margin: 2px 2px 2px 2px;
	padding: 4px 6px;
	background: #ccc;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #ccc;
	border-bottom: none;
	color: #fff;
	}

.tab a:hover{
	background: #EEE;
	color: #003366;
	}

.entry_navi {
	font-size: 11px;
	margin: 15px 10px 15px 10px;
	padding: 5px;
	border: 1px solid #CCC;
	background-image: url(http://ieiri.jp/img/777bg.gif);
	text-align:center;
	color: #CCC;
	}

/* エントリー */

.entry {
	margin: 0px 10px 20px 10px;
	padding: 0px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #CCC;
	}

.entry_date {
	font-size: 10px;
	margin: 10px 10px 10px 10px;
	}

.entry_title {
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 5px 10px;
	border-bottom: 1px dotted #CCC;
	color: #666;
	}

.entry_body {
	font-size: 12px;
	line-height: 150%;
	margin: 0px 10px 10px 10px;
	}

.entry_more {
	font-size: 12px;
	line-height: 150%;
	margin: 0px 10px 10px 10px;
	}

.entry_state {
	font-size: 10px;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 0px 10px;
	border-top: 1px dotted #CCC;
	color: #CCC;
	}

blockquote {
	font-size: 11px;
	margin: 20px 10px 20px 10px;
	padding: 10px;
	border: 1px dotted #999999;
	}

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

.sub_title {
	font-size: 12px;
	font-weight: bolder;
	margin: 50px 40px 10px 10px;
	padding: 0px 0px 5px 0px;
	border-bottom: 5px solid #4083C6;
	}

/* コメント */

.com {
	margin: 10px 40px 10px 10px;
	padding: 0px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	}

.com_date {
	font-size: 10px;
	margin: 10px 10px 10px 10px;
	}

.com_body {
	font-size: 12px;
	line-height: 150%;
	margin: 10px;
	}

.com_state {
	font-size: 10px;
	margin: 0px 0px 5px 0px;
	padding: 5px 10px 0px 10px;
	border-top: 1px dotted #CCC;
	}

.com_form {
	font-size: 11px;
	line-height: 150%;
	margin: 0px 20px 10px 20px;
	}

/* トラックバック */

.tb_url {
	font-size: 11px;
	margin: 10px 40px 10px 10px;
	padding: 5px;
	border: 1px solid #CCC;
	background-image: url(http://ieiri.jp/img/777bg.gif);
	}

.tb {
	margin: 10px 40px 10px 10px;
	padding: 0px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-image: url(http://ieiri.jp/img/777bg.gif);
	}

.tb_date {
	font-size: 10px;
	margin: 10px 10px 10px 10px;
	}

.tb_title {
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 5px 10px;
	border-bottom: 1px dotted #CCC;
	color: #666;
	}

.tb_body {
	font-size: 11px;
	line-height: 150%;
	margin: 0px 10px 10px 10px;
	}

.tb_state {
	font-size: 10px;
	margin: 0px 0px 5px 0px;
	padding: 5px 10px 0px 10px;
	border-top: 1px dotted #CCC;
	}

/* サイドバー */

.linktitle {
	font-weight: bolder;
	font-size: 10px;
	margin:10px 0px 0px 0px;
	}

.linktext {
	font-size: 10px;
	line-height: 170%;
	margin: 5px 10px 10px 0px;
	}

/* カレンダー */

.cell{
	font-size: 10px;
	line-height: 180%;
	margin: 0px 0px 20px 20px;
	padding: 0px;
	}

.today {
	font-size: 12px;
	font-weight: bolder;
	color: #4083C6;
	}

.cell {
	width:26px;
	height:22px;
	border: solid 1px #ccc;
	padding: 0px;
	margin: 1px;
	text-align: center;
	color: #CCC;
	}

.calendar_month {
	padding: 0px;
	margin: 1px;
	text-align: center;
	color: #CCC;
font-size:11px;
}

/* フォーム */

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

input,textarea,select{
	font-size :11px;
	background-color:#FFF;
	border: 1px solid #CCC;
	padding: 2px;
	}

/* フッター */

.copyright {
	text-align: right;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 0px;
	border-top: 1px solid #CCC;
	}

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