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

ホーム

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

テンプレート名 : brownorange

HTML・CSSをコピーして使う

HTML

<?xml version="1.0" encoding="Shift_JIS"?><!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={site_encoding}" />
<title>{site_title}</title>
<link rel="stylesheet" href="{site_css}" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{site_rss}" />
<link rel="alternate" type="application/atom+xml" href="{site_atom}" />
<link href="http://naokisumida.com/css/sub.css" rel="stylesheet" type="text/css">
</head>

<div id="container">
<div id="header"> 
<div class="title">
<a href="http://naokisumida.com/index.php"><img src="http://naokisumida.com/images/logo.gif"  border="0" class="logo" /></a>
<a href="http://naokisumida.com/link/friendblog.htm"><img src="http://naokisumida.com/images/link.gif" border="0" class="link" /></a>
<a href="http://hpcgi2.nifty.com/naokisu0/bbs/petit.cgi" target="_blank"><img src="http://naokisumida.com/images/bbs.gif"  border="0" class="bbs" /></a>
		<a href="mailto:naokisumida@hotmail.com"><img src="http://naokisumida.com/images/email.gif" border="0" class="email" /></a>		
		</div>
		<div class="line1">
			<div class="f1">
			total:<img src="http://hpcgi2.nifty.com/naokisu0/counter/daycount.cgi?gif" height="8" border="0"> 
			today:<img src="http://hpcgi2.nifty.com/naokisu0/counter/daycount.cgi?today" height="8" border="0">
			yesterday:<img src="http://hpcgi2.nifty.com/naokisu0/counter/daycount.cgi?yes" height="8" border="0"> 
    	</div>
		</div>
		
    <div class="line3"> 
      <div class=menu1><a id="menu" href="http://naokisumida.com/index.php">home</a></div>
      <div class=menu1><a id="menu" href="http://naokisumida.com/life/page/index.htm">life</a></div>
      <div class=menu1><a id="menu_selected" href="http://naokisumida.jugem.jp">dialy</a></div>
      <div class=menu1><a id="menu" href="http://naokisumida.com/favorite/page/index.htm">favorite</a></div>
      <div class=menu1><a id="menu" href="http://naokisumida.com/work/web.htm">works</a></div>
    </div>
	</div>
<div id="left">
<div class="left">

<div class="entry">
<div class="entry_date">{entry_date}</div>
<div class="entry_title">{entry_title}</div>
<div class="entry_body">{entry_description}</div>
<div class="entry_body">{entry_sequel}</div>
<div class="entry_author">|<a href="http://naokisumida.com/">[nao-style]</a>| {category_name} | {entry_time} | {comment_num} | {trackback_num} |by:{user_name} |</div>
{trackback_auto_discovery}
</div>

<div class="entry">
<a name="comments"></a>
<div class="entry_date">コメント</div>

<div class="entry_body">{comment_description}</div>
<div class="entry_state">| {comment_name} | {comment_time} |</div>

<div class="entry_date">コメントする</div>
<div class="com_body">
<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}" /><br />
<label for="email">email:</label><br>
<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" /><br />
<label for="url">url:</label><br>
<input type="text" 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:400px;"></textarea><br /><br />
<input type="submit" value="コメント送信" />
<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="entry_date">この記事のトラックバックURL</div>
<div class="entry_body">{trackback_url}</div>
<div class="entry_date">トラックバック</div>

<div class="entry_title">{trackback_title}</div>
<div class="entry_body">{trackback_excerpt}</div>
<div class="entry_state"> | {trackback_blog_name} | {trackback_time} | </div>

</div>

</div>
</div>

<div class="sidemenu">

<div class="linktitle">CALENDAR</div>
<div class="calendar">
<table border="0" cellpadding="0" cellspacing="1">
<tr align="center">
<td class="cell" style="color:#ff9900;">SU</td>
<td class="cell" style="color:#000000;">MO</td>
<td class="cell" style="color:#000000;">TU</td>
<td class="cell" style="color:#000000;">WE</td>
<td class="cell" style="color:#000000;">TH</td>
<td class="cell" style="color:#000000;">FR</td>
<td class="cell" style="color:#000099;">SU</td>
</tr>
</table>
{calendar}
</div>

</div>

<div class="sidemenu">

<div class="linktitle">NEW_ENTRIES</div>
<div class="linktext">
{latest_entry_list}
</div>

</div>

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

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

<div class="sidemenu">

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

</div>

<div class="sidemenu">

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

</div>

<div class="sidemenu">
<div class="linktitle">FREIND BLOG</div>
<div class="linktext">

<form method="get" action="">
<input id="search" name="search" size="15" style="width:100px" value="" class="form" /><input type="submit" value="SERCH" class="button" size="30"  style="width:50px" >
</form>

<div class="sidemenu"> <a href="http://www.retired.jp/" target="_blank"><img src="http://www.retired.jp/banner/img/88x31-2.gif" alt="http://www.retired.jp/" border="0" class="bannersetting" /></a> 
      <a href="http://www.rightstand.com/" target="_blank"><img src="http://www.rightstand.com/themes/rightstand/bana.gif" alt="http://www.rightstand.com/" border="0" class="bannersetting" /></a> 
      <a href="http://blog.livedoor.jp/oasis2000/" target="_blank"><img src="http://naokisumida.com/images/banner/oasisbanner.gif" alt="OASIS BANNER" border="0"  class="bannersetting"/></a> 
      <a href="http://naokisumida.com/link/banner.htm"><img src="http://naokisumida.com/images/banner/nao-styleorangebanner.gif" alt="相互リンクしよ！！" border="0" class="bannersetting"/></a> 
    </div>
</div>
</div>
<div id="footer"> 
    	<div class="line3"></div>
    	<div class="line1">
	    <div class="f1">Copyright (C) <a href="mailto:naokisumida@hotmail.com">Naoki Sumida</a> & <a href="http://paperboy.co.jp/">paperboy&co.</a> All Rights Reseved. This BLOG is powerd by <a href="http://jugem.cc/">JUGEM</a>.
		</div>
		</div>
	</div>
</div>
</body>
</html>

CSS

/*右側項目の設定*/
body
{
width:100%;
height:100%;
margin:0;
padding:0px;
text-align:center;
background-color:#BA8568;
font-size:14px;
font-family:ＭＳ Ｐゴシック, Osaka;	
}
#container
{
background-color:#BA8568;
width:740px;
margin:10px auto;
text-align:center;	
}
/*フッター、ヘッダー設定*/

#header,#footer
{
background-color:#f5deb1;
width:730px;
float:left;
text-align:left;
border:5px solid #f79910;
}

/*左側項目の設定*/
#left
{
width:460px;
float:left;
padding-left:0px;
margin:0px 0px 20px 0px;
background-color:#BA8568;
border:0px;
margin:0;
padding:0;
text-align:left;
}
.left
{
width:100%;
margin:10px auto;
text-align:center;
}
.entry 
{
background-color:#f5deb1;
padding:10px;
margin:10px 10px 10px 0px;
border:5px solid #f79910;
text-align:center;
}

/*右側項目の設定*/
#right
{
width:280px;
float:right;
margin:0px 0px 20px 0px;
background-color:#BA8568;
margin:0;
padding:0;
text-align:right;
float:right;
}
.right{
width:100%;
margin:10px auto;
text-align:center;
}
.sidemenu
{
background-color:#f5deb1;
padding:10px;
margin:10px 0px 10px 10px;
border:5px solid #f79910;
text-align:center;
}

/*ここからヘッダー項目の設定*/
.line1,.line2,.line3,.title
{
	width:730px;
	margin-left:auto;
	margin-right:auto;

}

.title
{
	background-color:#f79910;
	background-image: url();
	text-align:left;
	height:80px;
}
.line1
{
	background-color:#f79910;
	text-align:right;
}

.line2
{
	background-color:#f79910;
	height:5px;
	text-align:left;
}

.line3
{
	height:5px;
	background-color:#f5deb1;
	text-align:left;
}

/*line1のフォント*/
.f1
{
padding:2px;
font-size:10px;
}

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

ul {
margin: 0px;
padding: 0px;
line-height: 15px;
}
a {
	text-decoration:none;
	}
a:link {
	color: #ff0000;
	padding-bottom: 0px;

}

a:visited {
	color:#CC7A00;
	border-bottom: 0px dashed #000000;
	padding-bottom: 0px;

}

a:hover,a:active 
{
	color:#ffffff;
	background-color:#ff0000;
	padding-bottom: 0px;
text-decoration:underline;
}
/*メニューバーの設定*/

.menu1 {
	FLOAT: left;  
	TEXT-ALIGN: center;
}

A#menu {
	width:75px;
	BORDER-RIGHT: #f79910 2px solid;   
	DISPLAY: block;  
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px;   
	BACKGROUND-COLOR: #f5deb1; 
	TEXT-DECORATION: underline;
	padding:3px;
	color:#f79910;
}
A#menu_selected {
width:75px;
	BORDER-RIGHT: #f79910 2px solid; 
	DISPLAY:block; 
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;   
	BACKGROUND-COLOR: #f5c065; 
	TEXT-DECORATION: none;
	color:#ffffff;
	padding:3px;
	
}
A#menu:hover,A#menu:active {
	BACKGROUND-COLOR: #f5c065;
	color:#ffffff;
}

/*左側装飾設定*/

.entry_date {
font-weight: bolder;
margin: 0px 0px 5px 0px;
padding-bottom: 0px;
border:2px solid #f5c065;
text-align:right;
background-color:#F2ECE6;
background-image:url("http://naokisumida.com/images/entryback.gif");
padding-right:3px;
}

.entry_title {
font-weight: bolder;
margin: 5px 0px 5px 0px;
text-align:left;
}

.entry_body {
font-size: 12px;
line-height: 120%;
margin: 5px 0px 5px 0px;
text-align:left;
}

.entry_author,.entry_state
{
font-size: 12px;
margin: 10px 0px 0px 0px;
text-align:right;
display:block;
}

.entry_more {
color: #000000;
margin: 0px 0px 0px 0px;
text-align:left;
}

.comment-title,.trackback-title {
font-size: 12px;
font-weight: bolder;
margin: 5px 0px 5px 0px;
border-bottom: 2px dashed #f5deb1;
text-align:left;
}

.comment-title,.trackback-title {
font-size: 12px;
font-weight: bolder;
margin: 5px 0px 5px 0px;
border-bottom: 2px dashed #f5deb1;
text-align:left;
}
.com_body {

text-align:left;
}

/*右側装飾設定*/

.sidemenu li {
margin: 0px;
	padding: 0px 0px 0px 13px;
	list-style-type: none;
	background: url("http://naokisumida.com/images/list.gif") no-repeat;
	background-position: 0px 0px;
	line-hight:120%;
	}

.linktitle {
font-size: 12px;
font-weight: bolder;
margin: 5px 0px 5px 0px;
border-bottom: 2px solid #f79910;
text-align:left;
}

.calendar {
font-size: 12px;
margin: 10px 10px 0px 10px;
}

.calendar_month {
font-weight:bolder;

}

.cell {
width: 30px;
height: 15px;
font-align:center;
background-color:#f5deb1;
}

.linktext {
font-size: 12px;
text-align:left;

}

/*その他の設定*/

.pict {
border: 1px solid #999999;
float:left;
margin:5px;
display:inline;
}

.disc {
font-weight: bolder;
color: #ffffff;
background-color:#444444;
margin:0px 0px 5px 0px;
text-align:center;
padding:1px;
}
.discs {
color: #000000;
margin-left:20px;
text-align:left;
}
.bannersetting
{
border: 1px solid #999999;
margin:5px;
display:inline;
}

/*画像の位置設定*/
.logo
{
	margin:3px 0px 0px 5px;
}

.email
{
margin:0px 5px 10px 5px;	
}

.bbs
{
margin:0px 5px 10px 5px;
}

.link
{
margin:0px 5px 10px 115px;	
}

/*indexの設定*/
.iconmenu
{
font-size:12px;
margin:2px;
text-align:left;
}

.iconmini {
border:1px solid #999999;
margin:2px;
float:left;
}

/*friendsの設定*/

.friend_pic {
border:1px solid #666666;
height:170px;
width:228px;
}
/*profileの設定*/
.profile_pic {
border:1px solid #666666;
height:150px;
width:150px;
}

/*linkの設定*/
.banner {
border:1px solid #666666;
margin:3px;
float:left;
}

/*lifeの設定*/
.life_photo {
border:2px solid #666666;
margin-bottom:5px;
Width:400px;
Height:297px;
}

.life_photo2 {
border:2px solid #666666;
margin-bottom:5px;
Width:297px;
Height:400px;
}

.life_photo3 {
border:2px solid #666666;
margin-bottom:5px;
Width:307px;
Height:231px;
}

.life_photo4 {
border:2px solid #666666;
margin-bottom:5px;
Width:400px;
Height:269px;
}

.life_photo5 {
border:2px solid #666666;
margin-bottom:5px;
Width:290px;
Height:430px;
}

.life_photo6 {
border:2px solid #666666;
margin-bottom:5px;
Width:400px;
Height:224px;
}

.life_photo7 {
border:2px solid #666666;
margin-bottom:5px;
Width:241px;
Height:430px;
}

/*favoriteの設定*/
.favorite_photo {
border:2px solid #666666;
margin-bottom:5px;
Width:400px;
Height:299px;
}

/*workの設定*/
.work_web {
border:2px solid #666666;

margin-bottom:5px;
}

.work_logo {
border:2px solid #666666;
margin-bottom:5px;
}

.work_image1 {
border:2px solid #666666;
margin-bottom:5px;
}

/*wantの設定*/
.wanticon {
border:1px solid #666666;
margin:1px 1px 0px 0px;
height:12px;
widt:12px;
}

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