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

ホーム

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

テンプレート名 : ものぐらむ

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">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=EUC-JP" />
<title>{site_title} {entry_title}</title>
<link rel="stylesheet" href="{site_css}" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{site_rss}" />
</head>

<div id="wrapper">
<div id="header">
<table width="100%"  border="0" cellspacing="10" cellpadding="0">
<tr height="29" >
<td rowspan="2"><a href="http://zept.jugem.cc/"> <img src="http://zept.jugem.cc/?image=154" width="128" class="logo" height="29" /></a> </td>
<td align="right" height="29"><h1 id="site_title" title="{blog_description}" >{blog_name}</h1></td>
</tr>
<tr>
<td align="right"><form method="get" action="">
<div class="search">
<input id="search" name="search" value="ZEPT内検索" size="20" style="width:130px;border: solid 1px #441d11" />
<input type="submit" value="Search"/>
</div>
</form></td>
</tr>
<tr height="150">
<td colspan="2"align="center"><img src="http://zept.jugem.cc/?image=169" width="720" height="150" /></td>
</tr>
</table>
</div>

<div class="entry">
<div class="entry_date">{entry_date}</div>
<h2 class="entry_title">{entry_title}</h2>
<div class="entry_body"> {entry_description} </div>
<div class="entry_more"> {entry_sequel} </div>
<div class="entry_state"> {user_name} | {category_name}
| {entry_time} | {comment_num} | {trackback_num}<br />
{trackback_auto_discovery} </div>
</div>

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

<div class="entry_body"> {comment_description} </div>
<div class="entry_state">{comment_name} - {comment_time}
-<br />
</div>
<div class="dotted"></div>

<div class="entry_body">
<form action="./?mode=comment" method="post">
<input type="hidden" name="entry_id" value="{entry_id}" class="write" />
<table width="122" border="0" cellspacing="0" cellpadding="2">
<tr>
<td align="right"><label for="name">name:</label></td>
<td><input type="text" size="40" tabindex="1" name="name" id="name" value="{cookie_name}" class="write" /></td>
</tr>
<tr>
<td align="right"><label for="email">email:</label>
</td>
<td><input type="text" size="40" tabindex="2" name="email" id="email" value="{cookie_email}" class="write" /></td>
</tr>
<tr>
<td align="right"><label for="url">url:</label>
</td>
<td><input type="text" size="40" tabindex="3" name="url" id="url" value="{cookie_url}" class="write" /></td>
</tr>
<tr>
<td align="right" valign="top"><label for="description">comments:</label></td>
<td><textarea tabindex="4" id="description" name="description" rows="10" cols="50" style="width:350px;"></textarea></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="コメント送信" />
<input type="checkbox" name="set_cookie" value="1" id="set_cookie">
<label for="set_cookie">Cookieに登録</label></td>
</tr>
</table>
</form>
</div>
</div>

<a name="trackback"></a>
<div class="entry">
<h2 class="titletop">トラックバック</h2>
<div class="trackbackurl">この記事のトラックバックURL : {trackback_url}</div>

<h3 class="entry_title">{trackback_title}</h3>
<p class="entry_body">{trackback_excerpt}</p>
<div class="entry_state"> From {trackback_blog_name}
@ {trackback_time} </div>

</div>

<div class="entry">
<h2 class="titletop">プロフィール</h2>
<h2 class="entry_title">{profile_name}</h2>
<div class="entry_body">{profile_description}</div>
</div>

</div>

<div id="calendartitle"><br />
</div>
<div align="center" class="calendar_table"> {calendar} </div>

<div id="entriestitle"><br />
</div>
<div id="entries"> {latest_entry_list} </div>

<div id="commentstitle"><br />
</div>
<div id="comments2"> {recent_comment_list} </div>

<div id="trackbackstitle"><br />
</div>
<div id="trackbacks"> {recent_trackback_list} </div>

<div id="categoriestitle"><br />
</div>
<div id="categories"> {category_list} </div>

<div id="archivestitle"><br />
</div>
<div id="archives"> {archives_list} </div>

<div id="recommendtitle"><br />
</div>
<div align="center"id="recommend"> {amazon_item} </div>

<div id="linkstitle"><br />
</div>
<div id="links"> {link_list} </div>

<div id="profiletitle"><br />
</div>
<div id="profile"> {user_list} </div>

<div id="otherstitle"><br />
</div>
<div class="menutext">
<ul>
<li> <a href="./?mode=rss" title="Syndicate!">RSS1.0</a> </li>
<li> <a href="http://jugem.cc" title="JUGEM Website">Powered
by "JUGEM"</a> </li>
</ul>
</div>
<br />
</div>
</div>

<table width="740"  border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><img src="http://zept.jugem.cc/?image=151" width="730" height="5" /></td>
</tr>
<tr>
<td align="center"><div id="copyright"> Copyright &copy; 2004 <a href="http://paperboy.co.jp" target="_blank"><font color="#ffffff">paperboy&amp;co.</font></a> All
Rights Reserved.&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://zept.jugem.cc" target="_blank"><font color="#ffffff">Designed
by ZEPT</font></a> <br/>
<br/>
</div></td>
</tr>
</table>
</div>
</body>
</html>

CSS

/*-- 全体的なルール --*/
body{background: #ffffff url(http://zept.jugem.cc/?image=167);color:#441d11;margin: 0; padding: 0; }
div,span,form,h1,h2,h3,h4,ul,ol{ margin: 0; padding: 0;}

a {color: #c90000;}
a:link {color: #c90000;text-decoration: none;}
a:visited {color: #c90000;text-decoration: none;}
a:hover {color: #c90000;text-decoration: underline;}
a:active {color: #c90000;text-decoration:underline;}

/*-- レイアウト--*/
#wrapper {width: 740px;}
#header { background: #ffffff;width: 740px;}
	
h1#site_title  { font-weight: bold; font-size: 90%}

#site_title a,
#site_title a:link,
#site_title a:visited,
#site_title a:active,
#site_title a:hover {
    color:#441d11;
    text-decoration:none;
}

#main{background: #ffffff;width: 740px;margin:15px 0px 0px 0px;}
#menu{margin: 0px 0 0 520px;width:200px;}
#contents{float:left;margin:0px 15px 0px 15px; width: 480px ;}

/*-- コンテンツ部分 --*/
.entry {
width:470px;
margin: 0 0 60px 0;
}

h2.entry_title {font-weight: bold; font-size: 90%;margin:15px 0px 5px 15px ;}

h3.entry_title {
    font-size: 80%;
    line-height: 170%;
    margin: 20px 20px 20px 20px;
}

.titletop {font-weight: bold; font-size: 90%;padding:5px 0px 5px 15px ;border-top: 5px solid #441d11;border-bottom: 1px dotted #441d11;}

.entry_date {
    font-size: 65%;
font-weight: bold;
    color: #ffffff;
    padding: 1px 5px;
    text-align: right;
background:#441d11;
}

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

.entry_more {
    font-size: 75%;
    line-height: 170%;
    margin: 20px 20px 10px 20px;
    }

.entry_state {
    font-size: 65%;
    margin:30px 0px 10px 15px }

.trackbackurl {
    font-size: 75%;
    margin:15px 20px 10px 15px;
    text-align:left;
}

blockquote{background-color: #EBEBEB;border-left:5px solid #777777; color: #777777;margin: 0px; padding: 5px 10px 5px 10px;}

ul li{list-style-type:disc;margin: 0px 0px 0px 20px;}

.pict { border: 1px solid #441d11; float:left; margin: 0px 10px 5px 0px; padding: 1px}

.logo { border-width: 0;
	margin: 0 0 0 0; padding: 0px 0 0px 0px; }

.totop { border-width: 0;
	margin: 0 0 0 0; padding: 5px 0 20px 0px; }

.totop2 { border-width: 0;
	margin: 0 0 0 0; padding: 5px 0 20px 0px; }

.clear {clear: both;}

.dotted   { border-top: 1px dotted #441d11;}

/*-- フォーム --*/
#main input.write, #main textarea
{ color:#441d11; padding: 1px; border: solid 1px #441d11 ;}

.button { background-color: #FFF;
	background-image: url(../template/pinkgraph/img/button.gif); 
	border: 1px solid #966; 
	font-family: Georgia, sans-serif;
	color: #600;}

/*-- 検索 -- */
.search {color: #441d11; font-size: 65%; line-height: 150%; padding-top: 0;padding-right: 0;}

/*-- メニュー --*/
#calendar, #entries, #comments2, #trackbacks, #categories, #archives, #recommend,#links,#profile, .menutext  {font-size: 65%; margin: 0px 0px 20px 0px;line-height: 200%;}

#calendar { margin: 10px 0px 5px 10px; }

#calendartitle {
	background: url(http://zept.jugem.cc/?image=157) no-repeat top left;
}	
#entriestitle {
	background: url(http://zept.jugem.cc/?image=158) no-repeat top left;
}	
#commentstitle {
	background: url(http://zept.jugem.cc/?image=159) no-repeat top left;
}	
#categoriestitle {
	background: url(http://zept.jugem.cc/?image=160) no-repeat top left;
}	
#trackbackstitle {
	background: url(http://zept.jugem.cc/?image=166) no-repeat top left;
}	
#archivestitle {
	background: url(http://zept.jugem.cc/?image=161) no-repeat top left;
}	
#linkstitle {
	background: url(http://zept.jugem.cc/?image=162) no-repeat top left;
}	
#profiletitle {
	background: url(http://zept.jugem.cc/?image=163) no-repeat top left;
}	
#otherstitle {
	background: url(http://zept.jugem.cc/?image=165) no-repeat top left;
}	
#recommendtitle {
	background: url(http://zept.jugem.cc/?image=164) no-repeat top left;
}
#bbstitle {
	background: url(http://zept.jugem.cc/?image=119) no-repeat top left;
}

/*-- フッター --*/

#copyright {
    font-size: 70%;
    color: #ffffff;
    line-height: 100%;
}
.footcolor  { background:#1C295F; height: 5px }

/*-- 時計 --*/
.clock {
    margin: 0px 0px 0px 1px;
}

/*-- カレンダー --*/
.calendar_table  {margin: 0 0 15px 0px }
.cell, .today, .calendar_month { 
	padding: 1px 5px; 
    font-size: 65%;
}

/*-- BBSー --*/
.bbsfooter{ color: #115fa4; font-size: 90%; line-height: 150%; margin: 0px 0px 5px 0px;}

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