SLMaMe Blog TEMPLETE:オールドペーパー（横幅固定）

S	M	T	W	T	F	S
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

2007年11月18日

オールドペーパー（横幅固定）

こういうの一度作ってみたかったのです。古い紙に日記をつづっていってくださいね。
シンプル系もっと増やそうと思ってたんだけど、なんかどんどん違う方向に行ってしまった。。
古い感じを出すのをちょっとやりすぎちゃった感じで、汎用性は全くないかも、、
このまま使ってください（笑）
このテンプレートの適用の仕方は[続きを読む]をクリックしてくださいね。

[横幅固定3カラム][横幅固定2カラム]

【オールドペーパー（横幅固定3カラム）】

＜デザインの適用手順＞
1.管理画面からブログの設定＞テンプレートをクリック
2.テンプレートを追加（またはテンプレートを再選択）し、「3カラム　シンプルグレー」を選択します。
3.表から編集[カスタマイズ]をクリック
4.[スタイルシート]と[個別記事]のテキストエリアに表示されてる文字を消して、代わりに下のボックス内の文字を全てコピーし、上書きします。
5.登録ボタンを押す
6.表から「このテンプレートを使う」をクリックして、完了です。

スタイルシート：

@charset "UTF-8";

/*natural_oldpaper 3colomn:fixed*/

* {
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	text-decoration:none;
	font-size: 100%;
}
img {
	vertical-align:bottom;
}

textarea,select,input {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック","sans-serif";
}

body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック","sans-serif";
	background-color:#FFFFFF;
	font-size: 90%;
	_font-size: 80%;
	background-color:#AEA28C;
	background-image:url(http://www.slmame.com/usr/tomoyo/side_bg.jpg);
	background-position:left;
	background-repeat:repeat-y;
}

ul.rss{
	width:100%;
	text-align:center;
}

ul.rss li	{
	border-right:#999 1px solid;
	display:inline;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	letter-spacing:0.2px;
	margin-right:0.3em;
	padding-right:0.5em;
	padding-left:0.2em;
}

ul.rss a:link		{
	color:#333333;
	text-decoration	:none;
}

ul.rss a:visited	{
	color:#333333;
	text-decoration	:none;
}

ul.rss a:hover		{
	color:#999999;
	text-decoration	:none;
}

ul.rss a:active	{
	color:#333333;
	text-decoration:none;
}

a					{color:#993300;text-decoration:underline;}
a:link				{color:#993300;text-decoration:underline;}
a:visited			{color:#666666;text-decoration:underline;}
a:active			{color:#843A16;text-decoration:underline;}
a:hover				{color:#843A16;text-decoration:underline;}

a.acalendar			{color:#993300;text-decoration:underline;}
a.acalendar:link	{color:#993300;text-decoration:underline;}
a.acalendar:visited	{color:#666666;text-decoration:underline;}
a.acalendar:active	{color:#843A16;text-decoration:underline;}
a.acalendar:hover	{color:#843A16;text-decoration:underline;}

a.acontinues		{color:#993300;text-decoration:underline;}
a.acontinues:link	{color:#993300;text-decoration:underline;}
a.acontinues:visited{color:#666666;text-decoration:underline;}
a.acontinues:active	{color:#843A16;text-decoration:underline;}
a.acontinues:hover	{color:#843A16;text-decoration:underline;}

a.amenu				{color:#993300;text-decoration:underline;}
a.amenu:link		{color:#993300;text-decoration:underline;}
a.amenu:visited		{color:#666666;text-decoration:underline;}
a.amenu:active		{color:#843A16;text-decoration:underline;}
a.amenu:hover		{color:#843A16;text-decoration:underline;}

.header_scroll{/*ヘッダ広告*/
background: #ffffff url(/img/bg_head.gif) repeat-x;
background-position:bottom;
text-decoration:none;
color:#333333;
font-size:12px;
margin:0px;
letter-spacing:2px;
padding:0px 0px 3px 5px;
}

.header_scroll a:link		{
font-size: 12px;
color: #333333;
letter-spacing:2px;
text-decoration:none;
}

.header_scroll a:visited	{
font-size: 12px;
color: #333333;
letter-spacing:2px;
text-decoration:none;
}

.header_scroll a:hover		{
font-size: 12px;
color: #333333;
letter-spacing:2px;
}

.header_scroll a:active		{
font-size: 12px;
color: #333333;
letter-spacing:2px;
text-decoration:none;
}

#container{
	width:1088px;
	margin:0;
	background-image:url(http://www.slmame.com/usr/tomoyo/ttl_bg_2.jpg);
	background-repeat:no-repeat;
	background-position:415px 0;
}

#banner,#subbanner{
	background-image:url(http://www.slmame.com/usr/tomoyo/ttl_bg.jpg);
	background-repeat:no-repeat;
	height:118px;
	}

#banner a			{color:#333;text-decoration:none;}
#banner a:link		{color:#333;text-decoration:none;}
#banner a:visited	{color:#333;text-decoration:none;}
#banner a:active	{color:#993300;text-decoration:none;}
#banner a:hover		{color:#993300;text-decoration:none;}

#subbanner a		{color:#333;text-decoration:none;}
#subbanner a:link	{color:#333;text-decoration:none;}
#subbanner a:visited{color:#333;text-decoration:none;}
#subbanner a:active	{color:#993300;text-decoration:none;}
#subbanner a:hover	{color:#993300;text-decoration:none;}

.blogtitle{
	font-size:150%;
	font-weight	:bold;
	letter-spacing:2px;
	padding-top:50px;
	padding-left:30px;
}

.description{
	color:#333;
	letter-spacing:2px;
	padding-left:30px;
	padding-top:10px;
}

#content{
	width:706px;
	float:right;
}

#links{
	width:191px;
	float:left;
	overflow:hidden;
	
}
#links2{
	width:191px;
	float:right;
	overflow:hidden;
}

#footer{
	clear:both;
	background-image:url(http://www.slmame.com/usr/tomoyo/comment_bg.jpg);
	background-repeat:no-repeat;
	height:50px;
	width:1088px;
	background-position:center top;
}

#copyright{
	font-weight:normal;
	text-align:center;
	font-size:80%;
	padding-top:12px;
	color:#333333;
}

.blog{
}

.date{
	background-image:url(http://www.slmame.com/usr/tomoyo/cont_bg_top_1.jpg); 
	background-repeat:no-repeat;
	font-size:90%;
	letter-spacing:2px;
	font-weight:normal;
	height:21px;
	text-align:right;
	padding-top:40px;
	padding-right:60px;
}

.blogbody{
	background-image:url(http://www.slmame.com/usr/tomoyo/cont_bg.jpg);
	background-repeat:repeat-y;
	margin-bottom:30px;
}

.title{
	font-weight	:bold;
	font-size:110%;
	padding-left:50px;
	height:42px;
	background-image:url(http://www.slmame.com/usr/tomoyo/cont_bg_top_2.jpg);
	background-repeat:no-repeat;
}

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

.main{
	padding-left:50px;
	padding-right:50px;
	overflow:auto;
    line-height:135%;
}

.main img{
	margin:5px;
	border:1px solid #969696;
}

.main-continues{
	text-align:right;
	display:block;
	padding-top:20px;
}

.posted{
	font-size:90%;
	text-align:right;
	background-image:url(http://www.slmame.com/usr/tomoyo/cont_bg_bottom.jpg);
	background-repeat:no-repeat;
	height:100px;
	padding-right:50px;
	padding-top:50px;
}

a.aposted			{color:#333;text-decoration:underline;font-weight:bold;}
a.aposted:link		{color:#333;text-decoration:underline;font-weight:bold;}
a.aposted:visited	{color:#666;text-decoration:underline;font-weight:bold;}
a.aposted:active	{color:#993300;text-decoration:underline;font-weight:bold;}
a.aposted:hover		{color:#993300;text-decoration:underline;font-weight:bold;}

.menu{
	color		:#000;
	text-align	:right;
}

.comments-head{
	color:#000;
	font-weight	:bold;
	padding-left:40px;
	background-image:url(http://www.slmame.com/usr/tomoyo/comment_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:5px;
}

.comments-body{
	line-height	:135%;
	padding-left:50px;
	padding-top:10px;
	padding-bottom:10px;
}

.comments-post{
	text-align:right;
	padding-right:50px;
	margin-bottom:24px;
}

.trackback-url{
	color		:#691815;
	font-weight	:bold;
	margin		:10px 0px 20px 50px;
}

.trackback-body{
	line-height	:135%;
	margin		:10px 0px 20px 50px;
}

.trackback-post{
	color		:#000;
	text-align	:right;
	margin		:0px 0px 25px 0px;
	font-weight	:bold;
}

a.atrackback-post			{color:#6898C4;text-decoration:underline;font-weight:bold;}
a.atrackback-post:link		{color:#6898C4;text-decoration:underline;font-weight:bold;}
a.atrackback-post:visited	{color:#6898C4;text-decoration:underline;font-weight:bold;}
a.atrackback-post:active	{color:#6898C4;text-decoration:none;font-weight:bold;}
a.atrackback-post:hover		{color:#fff;text-decoration:none;font-weight:bold;}

table.form {
	margin-left:50px;
	}
table.form td {
	padding:3px;
	}
label{
	font-size:90%;
	font-weight	:bold;
}

#author{
	width:200px;
	border:1px solid #484848;
}
#email{
	width:200px;
	border:1px solid #484848;
}
#url{
	width:200px;
	border:1px solid #484848;
}
#text{ 
	width:400px;
	height:200px;
	border:1px solid #484848;
}
.pagetop{
	text-align:right;
	margin:20px 50px 10px 0px;
}
	.calendarhead{
	 	color:#333;
	    font-weight:bold;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;		
	}
	.calendartable{
		width:160px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		background-image:url(http://www.slmame.com/usr/tomoyo/calender_bg.jpg);
		margin-bottom:10px;
	}
	
	.calendarweek{
		font-weight: bold;
		font-size:90%;
		
	}
	.calendarwd{
		color:#333;
        font-weight:bold;
		font-size:90%;
		height:18px;
		padding:0;
	}
	.calendard{
    	empty-cells:show;
		text-align: center;
		font-size:90%;
		height:18px;
		padding:0;
    }
	.calender{
		font-size:90%;
		text-align:center;
	}

.sidetitle{
	color:#000;
	letter-spacing:2px;
	font-weight:normal;
	background-image:url(http://www.slmame.com/usr/tomoyo/nav_bg.jpg);
	background-repeat:no-repeat;
	background-position:6px 0;
	padding-left:30px;
	line-height:40px;
	padding-top:2px;
}

.side{
	padding-left:30px;
	padding-bottom:18px;
}

a.aside			{color:#54462E;text-decoration:underline;}
a.aside:link	{color:#54462E;text-decoration:underline;}
a.aside:visited	{color:#54462E;text-decoration:underline;}
a.aside:active	{color:#8A7450;text-decoration:underline;}
a.aside:hover	{color:#8A7450;text-decoration:underline;}

a.arss			{color:#54462E;text-decoration:underline;}
a.arss:link		{color:#54462E;text-decoration:underline;}
a.arss:visited	{color:#54462E;text-decoration:underline;}
a.arss:active	{color:#8A7450;text-decoration:underline;}
a.arss:hover	{color:#8A7450;text-decoration:underline;}

.photo{
	text-align	:center;
}

.nickname{
	color:#333;
	font-weight	:bold;
	margin:5px 0px;
}

.message{
	}

.quotetable{
}

.quote{
	color:#000;
	padding:1px;
}

.blogtimes{
	margin	:0px 0px 16px 0px;
	text-align:center;
}

.powered{
	text-align:center;
	margin	:0px 0px 10px 0px;
}

.syndicate{
	text-align:center;
}
.checkers{
	margin-top:10px;
}

a.adtitle				{font-weight:bold;text-decoration:underline;}
a.adtitle:link			{font-weight:bold;text-decoration:underline;}
a.adtitle:visited		{font-weight:bold;text-decoration:underline;}
a.adtitle:active		{font-weight:bold;text-decoration:underline;}
a.adtitle:hover			{font-weight:bold;text-decoration:underline;}

a.addescription			{color:black;text-decoration:none;}
a.addescription:link	{color:black;text-decoration:none;}
a.addescription:visited	{color:black;text-decoration:none;}
a.addescription:active	{color:black;text-decoration:none;}
a.addescription:hover	{color:black;text-decoration:none;}

a.adurl					{color:#0000FF;text-decoration:none;}
a.adurl:link			{color:#0000FF;text-decoration:none;}
a.adurl:visited			{color:#0000FF;text-decoration:none;}
a.adurl:active			{color:#0000FF;text-decoration:none;}
a.adurl:hover			{color:#0000FF;text-decoration:none;}

a.adld					{text-decoration:underline;}
a.adld:link				{text-decoration:underline;}
a.adld:visited			{text-decoration:underline;}
a.adld:active			{text-decoration:underline;}
a.adld:hover			{text-decoration:underline;}

body.ad{
	background									:#f7p39f;
}

個別記事：

<!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" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="<%CSSUrl%>" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%RDFUrl%>" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<%RSDUrl%>" />
<link rel="contents" href="<%SiteMapUrl%>" />
<title><%BlogTitle%>:<%EntryTitle%></title>
<meta name="description" content="<%EntryExcerpt%>,<%BlogDescription%>" />
<meta name="keywords" content="<%BlogTitle%>,<%EntryTitle%>" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
</head>
<body>
<table cellpadding="0" cellspacing="0" width="100%" border="0" 
class="header_scroll">
<tr>
<td nowrap width="1%"><div align="left"><a href="http://www.slmame.com/"><img src="/img/logo_slmame.gif" width="130" height="20" alt="ソラマメブログ" title="Second Life Map and Memory" border="0" /></a></div></td>
<td nowrap width="97%"><td>
<td nowrap width="1%"><div align="right"><script type="text/javascript" 
src="http://www.slmame.com/js/scroll.js"></script><script 
type="text/javascript" 
src="http://www.slmame.com/js/scroll_news.js"></script><script>topics.start();</script></div></td>
<td nowrap width="1%"><div align="right"><script type="text/javascript" 
src="http://www.slmame.com/js/header_login.js"></script></div></td>
</tr>
</table>

<a name="top"></a>
<div id="container">

<div id="banner">
		<h1 class="blogtitle"><a href="<%BlogUrl%>" accesskey="1"><%BlogTitle%></a></h1>
		<div class="description"><%BlogDescription%></div>
	</div>

<div class="blogbody">
		<h3 class="title"><%EntryTitle%></h3>
		<div class="main"><%EntryBody%><br clear="all" /></div>
		<a name="more"></a>
		<div class="main"><%EntryBodyMore%></div><br clear="all" />
		<div class="posted">Posted by <%EntryAuthor%> at <%EntryTime%><IfEntryAllowComment>│<a class="aposted" href="#comments">Comments(<%EntryCommentCount%>)</a></IfEntryAllowComment><IfEntryAllowPing>│<a class="aposted" href="#trackback">TrackBack(<%EntryPingCount%>)</a></IfEntryAllowPing>
<IfEntryCategory>│<a class="aposted" href="<%EntryCategoryUrl%>"><%EntryCategory%></a></IfEntryCategory>
		<div class="menu"><a class="amenu" href="<%BlogUrl%>">このBlogのトップへ</a><IfPrevEntry>│<a class="amenu" href="<%PrevEntry%>">前の記事</a></IfPrevEntry><IfNextEntry>│<a class="amenu" href="<%NextEntry%>">次の記事</a></IfNextEntry></div>
			</div>

</div>
	
	<IfEntryAllowPing>
		<a name="trackback"></a>
		<h3 class="comments-head">この記事へのトラックバックURL</h3>
		<div class="trackback-url"><%EntryTrackBackUrl%></div>
                </IfEntryAllowPing>

<IfEntryPingCount>
		<div class="comments-head">この記事へのトラックバック</div>
                <TrackBacksLoop>
		<div class="trackback-body"><%PingExcerpt%></div>
		<div class="trackback-post"><a class="atrackback-post" target="_blank" href="<%PingBlogUrl%>"><%PingTitle%></a>【<%PingBlogName%>】at <%PingDateTime%></div>
                </TrackBacksLoop>
                </IfEntryPingCount>

<a name="comments"></a>
		<IfEntryCommentCount>
		<div class="comments-head">この記事へのコメント</div>
                <CommentsLoop>
		<div class="comments-body"><%CommentBody%></div>
		<div class="comments-post">Posted by <IfCommentUrl><a class="aposted" href="<%CommentUrl%>"><%CommentAuthor%></a><ElseIfCommentEmail><%CommentAuthor%><Else><%CommentAuthor%></IfCommentUrl> at <%CommentDateTime%></div>
                </CommentsLoop>
                </IfEntryCommentCount>

<IfEntryAllowComment>
		<table cellpadding="5" cellspacing="0" border="0" class="form">
		<form action="<%EntryCommentUrl%>" method="POST" ENCTYPE="multipart/form-data">
		<tr>
		<td><label for="author">名前: </label></td>
		<td><input id="author" name="author" value="<%CookieAuthor%>"></td>
		</tr>
		<tr>
		<td valign="top"><label for="email">メール: </label></td>
		<td><input id="email" name="email" value="<%CookieEmail%>"></td>
		</tr>
		<tr>
		<td valign="top"><label for="url">URL: </label></td>
		<td><input id="url" name="url" value="<%CookieUrl%>"></td>
		</tr>
		<tr>
		<td><label for="bake">情報を記憶: </label></td>
		<td><input id="bake" type="checkbox" name="cookie" style="padding:0;margin:0px;" <%CookieCookie%>></td>
		</tr>
		<tr>
		<td valign="top"><label for="text">コメント: </label></td>
		<td><textarea id="text" name="body" rows="10" cols="50"><%CommentArea%></textarea></td>
		</tr>
		<tr>
		<td> </td>
		<td><input name="insert" type="submit" value="　書込　"></td>
		</tr>
		</form>
		</table>
		</IfEntryAllowComment>
	<div class="pagetop"><a class="aposted" href="#top">このページの上へ▲</a></div>
<br clear="all" />
</div>

</div>
		<div id="links">
		<%PluginListLeft%>
		</div>
<div id="footer">
<div id="copyright">Copyright(C)<%Year%>/<%BlogTitle%> ALL Rights Reserved</div>
</div>
</div>
</body>
</html>

【オールドペーパー（横幅固定2カラム）】

＜デザインの適用手順＞
1.管理画面からブログの設定＞テンプレートをクリック
2.テンプレートを追加（またはテンプレートを再選択）し、「シンプルグレイ」を選択します。
3.表から編集[カスタマイズ]をクリック
4.[スタイルシート]と[個別記事]のテキストエリアに表示されてる文字を消して、代わりに下のボックス内の文字を全てコピーし、上書きします。
5.登録ボタンを押す
6.表から「このテンプレートを使う」をクリックして、完了です。

スタイルシート：

@charset "UTF-8";

/*natural_oldpaper 2colomn:fixed*/

textarea,select,input {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック","sans-serif";
}

ul.rss{
	width:100%;
	text-align:center;
}

ul.rss a:link		{
	color:#333333;
	text-decoration	:none;
}

ul.rss a:visited	{
	color:#333333;
	text-decoration	:none;
}

ul.rss a:hover		{
	color:#999999;
	text-decoration	:none;
}

ul.rss a:active	{
	color:#333333;
	text-decoration:none;
}

.header_scroll a:link		{
font-size: 12px;
color: #333333;
letter-spacing:2px;
text-decoration:none;
}

.header_scroll a:visited	{
font-size: 12px;
color: #333333;
letter-spacing:2px;
text-decoration:none;
}

.header_scroll a:hover		{
font-size: 12px;
color: #333333;
letter-spacing:2px;
}

.header_scroll a:active		{
font-size: 12px;
color: #333333;
letter-spacing:2px;
text-decoration:none;
}

#container{
	width:990px;
	margin:0;
	background-image:url(http://www.slmame.com/usr/tomoyo/ttl_bg_2.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

#banner,#subbanner{
	background-image:url(http://www.slmame.com/usr/tomoyo/ttl_bg.jpg);
	background-repeat:no-repeat;
	height:118px;
	}

.blogtitle{
	font-size:150%;
	font-weight	:bold;
	letter-spacing:2px;
	padding-top:50px;
	padding-left:30px;
}

.description{
	color:#333;
	letter-spacing:2px;
	padding-left:30px;
	padding-top:10px;
}

#content{
	width:706px;
	float:right;
	padding-right:87px;
}

#links{
	width:191px;
	float:left;
	overflow:hidden;
	
}

#footer{
	clear:both;
	background-image:url(http://www.slmame.com/usr/tomoyo/foot.jpg);
	background-repeat:no-repeat;
	height:50px;
}

#copyright{
	font-weight:normal;
	text-align:center;
	font-size:80%;
	padding-top:12px;
	color:#333333;
}

.blog{
}

.blogbody{
	background-image:url(http://www.slmame.com/usr/tomoyo/cont_bg.jpg);
	background-repeat:repeat-y;
	margin-bottom:30px;
}

.title{
	font-weight	:bold;
	font-size:110%;
	padding-left:50px;
	height:42px;
	background-image:url(http://www.slmame.com/usr/tomoyo/cont_bg_top_2.jpg);
	background-repeat:no-repeat;
}

.main{
	padding-left:50px;
	padding-right:50px;
	overflow:auto;
    line-height:135%;
}

.main img{
	margin:5px;
	border:1px solid #969696;
}

.main-continues{
	text-align:right;
	display:block;
	padding-top:20px;
}

.menu{
	color		:#000;
	text-align	:right;
}

.comments-body{
	line-height	:135%;
	padding-left:50px;
	padding-top:10px;
	padding-bottom:10px;
}

.comments-post{
	text-align:right;
	padding-right:12px;
	margin-bottom:24px;
}

.trackback-url{
	color		:#691815;
	font-weight	:bold;
	margin		:10px 0px 20px 50px;
}

.trackback-body{
	line-height	:135%;
	margin		:10px 0px 20px 50px;
}

.trackback-post{
	color		:#000;
	text-align	:right;
	margin		:0px 0px 25px 0px;
	font-weight	:bold;
}

table.form {
	margin-left:50px;
	}
table.form td {
	padding:3px;
	}
label{
	font-size:90%;
	font-weight	:bold;
}

#author{
	width:200px;
	border:1px solid #484848;
}
#email{
	width:200px;
	border:1px solid #484848;
}
#url{
	width:200px;
	border:1px solid #484848;
}
#text{ 
	width:400px;
	height:200px;
	border:1px solid #484848;
}
.pagetop{
	text-align:right;
	margin:0px 0px 25px 0px;
}
	.calendarhead{
	 	color:#333;
	    font-weight:bold;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;		
	}
	.calendartable{
		width:160px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		background-image:url(http://www.slmame.com/usr/tomoyo/calender_bg.jpg);
		margin-bottom:10px;
	}
	
	.calendarweek{
		font-weight: bold;
		font-size:90%;
		
	}
	.calendarwd{
		color:#333;
        font-weight:bold;
		font-size:90%;
		height:18px;
		padding:0;
	}
	.calendard{
    	empty-cells:show;
		text-align: center;
		font-size:90%;
		height:18px;
		padding:0;
    }
	.calender{
		font-size:90%;
		text-align:center;
	}

.side{
	padding-left:30px;
	padding-bottom:18px;
}

.photo{
	text-align	:center;
}

.nickname{
	color:#333;
	font-weight	:bold;
	margin:5px 0px;
}

.message{
	}

.quotetable{
}

.quote{
	color:#000;
	padding:1px;
}

.blogtimes{
	margin	:0px 0px 16px 0px;
	text-align:center;
}

.powered{
	text-align:center;
	margin	:0px 0px 10px 0px;
}

.syndicate{
	text-align:center;
}
.checkers{
	margin-top:10px;
}

body.ad{
	background									:#f7p39f;
}

個別記事：

<a name="top"></a>
<div id="container">

<div id="banner">
		<h1 class="blogtitle"><a href="<%BlogUrl%>" accesskey="1"><%BlogTitle%></a></h1>
		<div class="description"><%BlogDescription%></div>
	</div>
<div id="content">
	<div class="blog">
        <%TrackBackAutoDiscovery%>
	<h2 class="date"><%EntryDate%></h2>

<div class="blogbody">
		<h3 class="title"><%EntryTitle%></h3>
		<div class="main"><%EntryBody%></div><br clear="all" />
		<a name="more"></a>
		<div class="main"><%EntryBodyMore%></div><br clear="all" />
		<div class="posted">Posted by <%EntryAuthor%> at <%EntryTime%><IfEntryAllowComment>│<a class="aposted" href="#comments">Comments(<%EntryCommentCount%>)</a></IfEntryAllowComment><IfEntryAllowPing>│<a class="aposted" href="#trackback">TrackBack(<%EntryPingCount%>)</a></IfEntryAllowPing>
<IfEntryCategory>│<a class="aposted" href="<%EntryCategoryUrl%>"><%EntryCategory%></a></IfEntryCategory>
		<div class="menu"><a class="amenu" href="<%BlogUrl%>">このBlogのトップへ</a><IfPrevEntry>│<a class="amenu" href="<%PrevEntry%>">前の記事</a></IfPrevEntry><IfNextEntry>│<a class="amenu" href="<%NextEntry%>">次の記事</a></IfNextEntry></div>
			</div>

</div>
		<div id="links">
		<%PluginList%>

Posted by Tomoyo at 01:56│Comments(13) │ナチュラル

この記事へのコメント

早速使わせていただきましたw

とてもいいデザインですね

とても気に入っています。

Posted by ルナ at 2007年11月18日 09:32

ものすっごくかっこいーではないすか！！
トモちゃんすごい！

Posted by jesmin at 2007年11月18日 10:59

＞ルナさん
早速使ってくれて、どうもありがと〜＾＾
また違うのも追加するので、時々チェックしてね☆

＞jesmin
こういうのｼﾞｬｽﾐﾝ好きそうだよねw

Posted by Tomoyo at 2007年11月18日 12:26

はじめまして
画像の変え方とかをネットで探していろいろ変えてたら
記事が表示されなくなってしまったりと
ブログをはじめてすぐにサポートセンターのお世話になりました・・・
今日！tomoyoさんのページを発見！！
涙が出るほどうれしくなっちゃぃましたｗ
ありがとうございます！！

Posted by yorim YORIM yorim

at 2007年12月12日 05:23

ありがとうー＾＾
ブラウザも、スタイルシートも、まだ理不尽な部分が多いから、ちょっとだけ難しいですね。
末永く使ってやってね。

Posted by tomoyo at 2007年12月12日 18:13

初めまして＾＾
使わせて頂いてます。
色味が渋くて素敵です☆
ありがとうございました＾＾

Posted by メル

at 2008年01月20日 19:11

はじめまして
ブログ開設と同時にテンプレート使わせて頂きました。
カッコよくなり満足です
今後とも宜しくお願い致しまーす

Posted by Non at 2008年01月26日 02:15

素敵なテンプレ発見！
さっそくつかってみます！

Posted by Toki Toki

at 2008年03月24日 08:57

初めまして、テンプレートを探していたら手軽でカッコイイテンプレートを発見できて感激です。
早速使わせてもらいました。
勝手ながらリンクも張らせていただきました（ＮＧの場合は外します）。
ありがとうございます。

Posted by tomoya at 2008年07月30日 08:12

Tomoyoさんこんばんわ、これすっごくかっこいいです！！

うちのブログにテンプいたせていただきますね！！！

Posted by AQ Kohime

at 2008年09月08日 19:32

いただいちゃいましたっ(=´Д｀=)ゞ
ヾ(*ΦωΦ)ﾉ　ﾋｬｯﾎｩ
d(ﾟДﾟ)☆ｽﾍﾟｼｬﾙｻﾝｸｽ☆( ﾟДﾟ)b

Posted by すっぺ(*ﾉｪﾉ) at 2008年10月10日 22:58

初めましてー！m(__)m
テンプレートを変えたくて検索しましたら、こちらに辿り着きました。
早速使わせて頂いてます＾＾ありがとうございますっ☆
で、ですね・・・、記事の文字の色ってどうやって変えることができるんでしょうか？；；
超素人なもんで...orz
お時間ある時でもいいので教えて頂けないでしょうかー＞＜
よろしくお願いしますです<(_ _)>

Posted by Shino at 2008年12月05日 17:48

はじめまして。
今日、ブログを作ったのですが
なかなかうまくゆかず・・・。
こちらを拝見して、早速使わせていただきました。
ありがとうございました＾＾
ステキなデザイン、一目で気に入りました＾＾

Posted by Ｎａｎａｏ

at 2009年04月19日 21:04

名前:
メール:
URL:
情報を記憶:
コメント:
	＜ご注意＞書き込まれた内容は公開され、ブログの持ち主だけが削除できます。確認せずに書込

このページの上へ▲