paper bag pb_march ３カラムを作ってみました

04 | 2008/05 | 06
日	月	火	水	木	金	土
-	-	-	-	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	31

pb_march ３カラムを作ってみました

03/27/2008（Thu）

pb_marchの３カラムバージョンを作ってみました。
小さいヘッダー写真を使っているため、写真を真ん中にそれを囲むようにメニューを配置させました。
若干、デザイン的に見苦しいところもあり、共有テンプレートに登録する予定は今のところないので、ブログ上のみでの配布となります。ので、申し訳ありませんが、カスタマイズに関するご質問はご遠慮くださいませ。

＊先日、貼り付けたテキストファイルは、Winでは正常に表示されてなかったようです。
申し訳ありませんでした。

以下のフレーム内のデータを「すべて選択→コピー」して、テンプレートにペーストしてお使いください。
HTML：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="<%author_name>">
<meta name="description" content="<%introduction>">
<title><%blog_name> <%sub_title></title>
<link rel="stylesheet" type="text/css" href="<%css_link>" media="screen,tv" title="デフォルト">
<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="RSS">
<link rel="top" href="<%url>" title="トップ">
<link rel="start" href="<%url>" title="最初の記事">
<link rel="prev" href="<%prevpage_url>" title="前のページ">
<link rel="next" href="<%nextpage_url>" title="次のページ">
<link rel="next" href="<%preventry_url>" title="<%preventry_title>">
<link rel="prev" href="<%nextentry_url>" title="<%nextentry_title>">
</head>

<div id="layout">

<div id="wrapper">
<a name="pagetop"></a>

<div id="menu">

<div class="menu_block">
<h3 style="text-align:<%plugin_first_talign>">
<%plugin_first_title>
</h3>
<div style="text-align:<%plugin_first_ialign>" class="menu_body">
<%plugin_first_description>
<%plugin_first_content>
<%plugin_first_description2>
</div>
</div>



</div>

<div id="main">

<div id="header">
<div class="admin"><a href="javascript:window.location.replace('http://blog.fc2.com/?linkurl='+ window.location.href);">link</a> | <a href="http://blog<%server_no>.fc2.com/control.php">admin</a></div>
<h1><a href="./"><%blog_name></a></h1>
<div class="intro"><%introduction></div>
</div>

<div class="category_table">
<h6 id="category_title"><%now_year>年 <%now_month>月</h6>
<div class="category_body">

<div class="category_title"><a href="#<%topentry_no>"><%topentry_title></a></div>
<div class="category_date"><%topentry_day>日（<%topentry_wayoubi>）</div>

</div>
<div class="category_navi">

</div>
</div>

<div class="category_table">
<h6 id="category_title">検索：<%search_word></h6>
<div class="category_body">

<div class="category_title"><a href="#<%topentry_no>"><%topentry_title></a></div>
<div class="category_date"><%topentry_month>.<%topentry_day>.<%topentry_year></div>

</div>
<div class="category_navi">

<a href="<%prevpage_url>">前頁</a>

| <a href="<%url>">ホーム</a> |

<a href="<%nextpage_url>">次頁</a>

</div>
</div>

<div class="category_table">
<h6 id="category_title">タグ：<%tag_word></h6>
<div class="category_body">

<div class="category_title"><a href="#<%topentry_no>"><%topentry_title></a></div>
<div class="category_date"><%topentry_month>.<%topentry_day>.<%topentry_year></div>

</div>
<div class="category_navi">

<a href="<%prevpage_url>">前頁</a>

| <a href="<%url>">ホーム</a> |

<a href="<%nextpage_url>">次頁</a>

</div>
</div>

<div class="category_table">
<h6 id="category_title">カテゴリ：<%sub_title></h6>
<div class="category_body">

<div class="category_title"><a href="#<%topentry_no>"><%topentry_title></a></div>
<div class="category_date"><%topentry_month>.<%topentry_day>.<%topentry_year></div>

</div>
<div class="category_navi">

<a href="<%prevpage_url>">前頁</a>

| <a href="<%url>">ホーム</a> |

<a href="<%nextpage_url>">次頁</a>

</div>
</div>

<div class="entry_table">
<h2 id="<%topentry_no>"><a href="<%topentry_link>"><%topentry_title></a></h2>
<div class="entry_date"><%topentry_month>/<%topentry_day>/<%topentry_year>（<%topentry_youbi>）</div>
<div class="entry_body">
<%topentry_body><br clear="all">
<div class="entry_more">

<div class="entry_m"><a href="<%topentry_link>#more">続きを読む</a></div>


<a id="more" name="more"></a>
<%topentry_more><br clear="all">

</div>
</div>

<div class="entry_status">
<a href="<%topentry_link>"><a href="<%topentry_link>"><%topentry_hour>:<%topentry_minute></a> | <a href="<%topentry_category_link>"><%topentry_category></a>

 | <a href="<%topentry_link>#comformtitle">comments (<%topentry_comment_num>)</a>



 | <a href="<%topentry_link>#trackback">trackbacks (<%topentry_tb_num>)</a>

 |  
<a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no>" target="_blank">edit</a> |
<a href="#pagetop">page top↑</a>
</div>
</div>

<div class="entry_navi">

<a href="<%preventry_url>"><%preventry_title></a>

 |<a href="./"> top </a>|

<a href="<%nextentry_url>"><%nextentry_title></a>

</div>

<div class="comment_table">
<h4 id="comheader">comments</h4>

<div class="comtitle">
<a id="comment<%comment_no>" name="comment<%comment_no>"></a>
# <%comment_title>
</div>
<div class="com_body"><%comment_body></div>
<div class="com_status">
<%comment_mail+name><span class="<%comment_name>">さん</span> <span class="c <%comment_name>1"></span>  |  <%comment_year>/<%comment_month>/<%comment_day>  <%comment_hour>:<%comment_minute>  | <a href="<%comment_url>"target="_blank" class="nourl<%comment_url>">URL</a> [<a href="<%comment_edit_link>">編集</a>] | <a href="#pagetop">page top↑</a> 
</div>

<h4 id="comformtitle">post a comment</h4>
<div class="com_form">
<form method="post" action="./" name="comment_form">
<dl class="form">
<dt><input type="hidden" name="mode" value="regist">
<input type="hidden" name="comment[no]" value="<%pno>">
<label for="name">name:</label></dt>
<dd><input id="name" type="text" name="comment[name]" size="30" value="<%cookie_name>"></dd>
<dt><label for="name">title:</label></dt>
<dd><input id="subject" type="text" size="30" name="comment[title]"></dd>
<dt><label for="url">url:</label></dt>
<dd><input id="url" type="text" size="30" name="comment[url]" value="<%cookie_url>"></dd>
<dt><label for="mail">mail:</label></dt>
<dd><input id="mail" type="text" size="30" name="comment[mail]" value="<%cookie_mail>"></dd>
<dt><label>Font & Icon:</label></dt>
<dd><script type="text/javascript" src="http://blog61.fc2.com/load.js"></script></dd>
<dt><label for="comment">comment:</label></dt>
<dd><textarea id="comment" cols="35" rows="12" name="comment[body]" onblur="if(this.value == '') this.value='コメントどうぞ。';" onfocus="if(this.value == 'コメントどうぞ。') this.value='';">コメントどうぞ。</textarea></dd> 
<dt><label for="pass">password:</label></dt>
<dd><input id="pass" type="password" name="comment[pass]" size="20"></dd>
<dt><label for="himitu">secret:</label></dt>
<dd><input id="himitu" type="checkbox" name="comment[himitu]">管理者にだけ表示を許可する</dd>
</dl>
<p><input type="submit" value="送信" class="button"></p>
</form>
</div>
</div>

<div class="comment_table">
<h5 id="editformtitle">edit your comment</h5>
<div class="com_form">
<form method="post" action="./" name="comment_form">
<dl class="form">
<dt><input type="hidden" name="mode" value="edit">
<input type="hidden" name="mode2" value="edited">
<input type="hidden" name="edit[rno]" value="<%eno>">
<label for="name">name:</label></dt>
<dd><input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>"></dd>
<dt><label for="name">title:</label></dt>
<dd><input id="subject" type="text" name="edit[title]" size="30" value="<%edit_title>"></dd>
<dt><label for="url">url:</label></dt>
<dd><input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>"></dd>
<dt><label for="mail">mail:</label></dt>
<dd><input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>"></dd>
<dt><label>Font & Icon:</label></dt>
<dd><script type="text/javascript" src="http://blog61.fc2.com/load.js"></script></dd>
<dt><label for="comment">comment:</label></dt>
<dd><textarea id="comment" cols="35" rows="12" name="edit[body]"><%edit_body></textarea></dd>
<dt><label for="pass">password:</label></dt>
<dd><input id="pass" type="password" name="edit[pass]" size="20"></dd>
<dt><label for="himitu">Secret:</label></dt>
<dd><input id="himitu" type="checkbox" name="edit[himitu]">秘密にする</dd>
</dl>
<p><input type="submit" value="送信" class="button"> 
<input type="submit" name="edit[delete]" value="削除" class="button">
</p>
</form>
</div>
</div>

<div class="comment_table">
<h4 id="tbheader"><a id="trackback" name="trackback">Trackbacks</a></h4>
<div class="tb_url">
この記事のトラックバックURL: <br><%trackback_url>
<br>
<a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);">この記事にトラックバックする(FC2ブログユーザー)</a>
</div>

<div class="tbtitle">
<a id="trackback<%tb_no>" name="trackback<%tb_no>"><%tb_title></a>
</div>
<div class="tb_body">
<%tb_excerpt>
</div>
<div class="tb_status">
<%tb_year>/<%tb_month>/<%tb_day> (<%tb_youbi>)
<%tb_hour>:<%tb_minute> | <a href="<%tb_url>"target="_blank"><%tb_blog_name></a>
</div>

</div>

<div class="page_navi">

<a href="<%prevpage_url>">前のページ</a>

| <a href="<%url>">ホーム</a> |

<a href="<%nextpage_url>">次のページ</a>

</div>

</div>

</div>

<div id="menu_r">



<div class="menu_block">
<h3 style="text-align:<%plugin_second_talign>">
<%plugin_second_title>
</h3>
<div style="text-align:<%plugin_second_ialign>" class="menu_body">
<%plugin_second_description>
<%plugin_second_content>
<%plugin_second_description2>
</div>
</div>

<div class="menu_block">
<h3 style="text-align:<%plugin_third_talign>">
<%plugin_third_title>
</h3>
<div style="text-align:<%plugin_third_ialign>" class="menu_body">
<%plugin_third_description>
<%plugin_third_content>
<%plugin_third_description2>
</div>
</div>



</div>

<div id="footer">
copyright © 2006 <%blog_name> all rights reserved. <br>
original template & photo by <a href="http://paperbag.blog61.fc2.com/"target="_blank">pb</a>
Powered by <a href="http://blog.fc2.com/"target="_blank">FC2ブログ</a>.
<br>
<%ad> <%ad2>
</div>

</div>

</div>

<script type="text/javascript">

</script>

</body>
</html>

CSS：こちらを開いてもOKです。

@charset "EUC-JP";
/*--------------------------------------------------------------------------------------
pb_march 3clm designed by paperbag
http://paperbag.blog61.fc2.com/

-------------以下簡単な規約です。--------
【禁止事項】
    ・アダルト、商用、違法サイト、FC2ブログ以外での使用。
    ・テンプレート（カスタマイズ後を含む）の再配布。
    ・素材（壁紙）の加工・再配布。
    ・当テンプレートのデザインおよび素材の流用（他テンプレートでの使用禁止）。
    ・フッターのoriginal template by pb の削除。

【詳細な利用規約、著作権部分の変更方法など】
http://paperbag.blog61.fc2.com/blog-entry-46.html

【pb_march 3clmについて】
http://paperbag.blog61.fc2.com/blog-entry-122.html
-------------------------------------------------------------------------------------------*/

body {
	font-size:11px;
	color:#BA8C6B;
	text-align : center;
	line-height:170%;
	margin:0px;
	padding:0px;
	font-family: "メイリオ", "Meiryo", "Verdana", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "Hiragino Maru Gothic Pro", "Osaka", sans-serif;	
background:#CBAA96;
background-image:url("http://blog-imgs-41.fc2.com/p/a/p/paperbag/pb_march02.jpg");
}

#layout {
	margin:0 auto;
	width:920px;
	padding:0px;
	text-align:left;
	background:#FFFDF0;
	border-right: dotted 2px #E4D0AB;
	border-left: dotted 2px #E4D0AB;
}

#wrapper {
	width:720px;
	float:left;
}

#menu_r {
	width:190px;
	float: right;
	margin:0px;
	padding-top:30px;
	padding:0px;
	overflow:hidden;
}

a:link { color: #976C47; text-decoration:none;} 
a:visited { color: #976C47; text-decoration:none;} 
a:active { color: #7E922C; text-decoration:none;} 
a:hover { color: #7E922C; text-decoration:none; }

/*ヘッダー*/
#header {
	width:500px;
	height:303px;
	margin:0 auto;
	padding:0px;
background:url("http://blog-imgs-41.fc2.com/p/a/p/paperbag/pb_march01.jpg") no-repeat top center;

}

/*admin・linkの部分*/
.admin {
	font-size:12px;
	font-weight:normal;
	color:#E0EE7C;
	text-align:right;
	margin:0px;
	padding:25px 60px 0px 0px;
}

.admin a:link, .admin a:visited {color:#FFF; text-decoration: none;}
.admin a:hover, .admin a:active {color:#E0EE7C; text-decoration: none;}

/*ブログタイトル*/
h1 {

font-family: "メイリオ", "Meiryo", "Georgia", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "Hiragino Maru Gothic Pro", "Osaka", sans-serif;	
	font-size:16px;
	letter-spacing:4px;
	color:#666;
	text-align:right;
	margin:0px;
	padding:160px 80px 0px 0px;
}

h1 a:link, h1 a:visited {color:#FFF; text-decoration: none;}
h1 a:hover, h1 a:active {color:#7E922C; text-decoration: none;}

/*紹介文*/
.intro {
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	margin:0px;
	padding:10px 68px 10px 68px;
}

/*フッター*/
#footer {
	margin:0 auto;
	clear : both;
        font-size: 9px;
	color: #666;
	text-align: right;
	padding: 50px 20px 10px 0px;
	border-top: dotted 2px #E4D0AB;
}

/*右メイン*/
#main {
	width:510px;
	float:right;
	margin:0px;
	padding:0px;
	padding-top:30px;
	overflow:hidden;
	border-right: dotted 2px #E4D0AB;
	border-left: dotted 2px #E4D0AB;
}

/*左サイド*/
#menu {
	width:190px;
	float:left;
	margin:0px;
	padding-top:30px;
	padding:0px;
	overflow:hidden;

}

/*----------左サイドメニュー設定----------*/

/*メニュー外枠*/
.menu_block {
	margin:15px 0px ;
	padding:0px;
}

/*サイドメニュー・タイトル*/
h3 {
	font-size:13px;
	color:#976C47;
	text-align:left;
	margin:0px 10px ;
	padding:10px 3px 2px;
	border-bottom:2px dotted #E4D0AB;
}

/*メニュー内*/
.menu_body {
	margin: 3px 10px;
	padding:0px ;
	font-size: 11px;
	color: #7E922C;
}

/*サイドメニューの中身（リスト）設定*/
#menu ul, #menu_r ul {
	list-style-type: disc;
	font-size:10px;
	line-height:170%;
	margin: 3px 15px;
	padding:0px ;
}

#menu li, #menu_r li {
	font-size:11px;
	line-height:170%;
	margin:5px 0px;
	padding:0px;
	color:#7E922C;
}

#menu li a, #menu_r a {
	text-decoration: none;
	color: #976C47;
}

#menu li a:hover, #menu_r a:hover  {
	color: #7E922C;
	text-decoration: none;
font-weight:bold;
}

/*最新コメント・トラックバックのツリーリスト設定
プラグインの中身を変えてください。
http://paperbag.blog61.fc2.com/blog-entry-56.html*/
#menu ul.tree, #menu ul.tree {
	list-style: none;
	margin: 3px 0px 0px;
	padding: 3px 0px 7px 0px;
	list-style-type: none;
	text-decoration: none;
}

#menu ul.tree li, #menu_r ul.tree li {
	margin: 0px;
	padding: 0px 0px 5px 20px;
	background-image: url("http://blog-imgs-41.fc2.com/p/a/p/paperbag/tree_line.gif");
	background-repeat: no-repeat;
}

#menu ul.tree li.end, #menu_r ul.tree li.end {
	background-image: url("http://blog-imgs-41.fc2.com/p/a/p/paperbag/tree_end.gif");
}

/*共有プラグインのTree-CommentおよびTree-TB（pcafeさま作）用*/
#menu .tree p {
	font-size:11px;
	padding:10px;
}

#menu_r .tree p {
	font-size:11px;
	padding:10px;
}

/*検索ボタン*/
p.plugin-search input{
	font-size:12px;
	color:#666;
	margin:10px 0px;
	padding:1px 3px;
	background:#FFF;
	border: 1px solid #D3B999;
}

/*----------カレンダー----------*/

table.calender {
	width: 170px;
	font-size: 10px;
	border-collapse: separate;
	border-spacing: 0;
	margin:0 auto;
}

.calender caption {
	font-size: 12px;
	margin:0 auto;
	padding: 3px 0px;
	border-bottom:1px #E4D0AB;
}

.calender th {
	color: #666;
	font-weight: bold;
	text-align: center;
}

.calender td {
	width:23px;
	text-align: center;
	padding: 1px;
	vertical-align:middle;
}

th#sun {
	color: #E1A8AB;
	font-weight: bold;
}

th#sat {
	color: #B7D5DF;
	font-weight: bold;
}

.calender td a:link, .calender td a:visited  {
	color: #999;
	font-weight:bold;
	display: block;
	background: #F1F2C9;
}

.calender td a:hover {
	color: #666;
        text-decoration: none;
	background: #FCEFB7;
}

/*----------エントリー--------*/

.entry_table{
	margin:0px;
	padding-top:20px;
}

.entry_date {
	font-size:12px;
	letter-spacing:2px;
	color:#976C47;
	text-align: right;
	margin:0px;
	padding:0px 30px ;
	font-family:Verdana, sans-serif;
}

/*記事タイトル*/
h2 {
	font-weight: normal;
	font-size:16px;
	letter-spacing:3px;
	color:#BA8C6B;
	text-align:left;
	margin:0px;
	padding:10px 40px 10px 40px;
	line-height:180%;

}

h2 a:link {color:#976C47; text-decoration: none;}
h2 a:visited {color:#976C47; text-decoration: none;}
h2 a:hover, h2 a:active {color:#7E922C; text-decoration:none;}

/*記事*/
.entry_body {
	font-size:12px;
	color:#976C47;
	line-height:190%;
	margin:0px;
	padding:40px 40px 20px ;
}

.entry_body a:link {color:#7E922C; text-decoration:none;}
.entry_body a:visited {color:#7E922C; text-decoration:none;}
.entry_body a:hover, .entry_body a:active {color:#7E922C; text-decoration:none; 
font-weight:bold; }

/*続きを読むの部分*/
.entry_m {
	font-size:12px;
	margin:23px 0px 20px 0px;
	text-align:left; 
}

/*追記*/
.entry_more {
	margin-top:23px; 
}

/*タグリスト*/
.tag_list {
	padding:0px 50px 0px 0px;
	text-align:right;
	font-size:11px;
}

/*記事・ステータス*/
.entry_status {
	font-size:11px;
	color:#ccc;
	text-align:center;
	margin:10px 5px;
	padding:10px 30px ;
	border-bottom: 2px dotted #E4D0AB;
}

.entry_status a:link {color:#976C47; text-decoration: none;}
.entry_status a:visited {color:#976C47; text-decoration: none;}
.entry_status a:hover, .entry_status a:active {color:#7E922C; text-decoration:none;}

/*前の記事・次の記事*/
.entry_navi {
	font-size: 12px;
	color: #7E922C;
	margin:40px 0px;
	padding:0px;
	text-align:center;
}

.entry_navi a:link {color:#976C47; text-decoration: none;}
.entry_navi a:visited {color:#976C47; text-decoration: none;}
.entry_navi a:hover, .entry_navi a:active {color:#7E922C; text-decoration:none;}

/*-------その他エントリ内設定-------*/
blockquote {
	margin: 10px 18px;
	padding: 10px 15px;
	border:3px double #E4D0AB;
}

/*リスト*/
.entry_body ul { 
	margin: 0px; 
	padding: 10px 20px; 
	list-style-type: disc;
}

.entry_body li { 
	margin: 0px; 
	padding: 3px 0px 0px 0px; 
}

/*画像*/
.entry_body img {
        margin:10px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	border-left: 1px solid #DDD;
}

/*個別の画像にフレームをつける*/
.entry_body .waku {
	padding:15px;
	background-color:#FFF;
	border-top: 1px solid #DDD;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	border-left: 1px solid #DDD;
}

/*----------コメント・トラックバック---------*/
.comment_table{
	margin: 45px 0px 0px 0px;
	border-bottom: 2px dotted #E4D0AB;
}

/*コメント欄・TB欄・コメント投稿欄のタイトル*/
h4#comheader, h4#tbheader  {
	font-size:20px;
	color:#B9C385;
	text-align:left;
	margin:0px;
	padding:15px 25px;
}

/*個々のコメント・TBタイトル*/
.comtitle, .tbtitle {
	font-size:13px;
	color:#976C47;
	font-weight:bold;
	margin:0px 5px;
	padding:15px 20px;
	border-top: 2px dotted #E4D0AB;
}

/*コメント・TBテキスト*/
.com_body, .tb_body {
	font-size:11px;
	color:#666;
	margin:0px;
	padding:10px 40px;
	line-height:170%;
}

.com_body a:link {color:#976C47; text-decoration:none;}
.com_body a:visited {color:#976C47; text-decoration:none;}
.com_body a:hover, .entry_body a:active {color:#7E922C; text-decoration:underline; }

/*コメント・TBステータス*/
.com_status, .tb_status {
	font-size:11px;
	color:#666;
	text-align:right;
	margin:10px 20px 0px;
	padding:10px;
}

h4#comformtitle {
	font-size:20px;
	color:#B9C385;
	text-align:left;
	margin:0px 5px;
	padding:20px 30px 0px ;
	border-top: 2px dotted #E4D0AB;
}

h5#editformtitle {
	font-size:20px;
	color:#B9C385;
	text-align:left;
	margin:0px 20px;
	padding:20px 0px 0px 0px;
}

.com_status a:link {color: #976C47; text-decoration:none;} 
.com_status  a:visited {color: #976C47; text-decoration:none;} 
.com_status a:active {color: #7E922C; text-decoration:none;} 
.com_status a:hover {color: #7E922C; text-decoration:none;}

/*コメント投稿者がURL未入力の場合、
ステータスにURLを表示させない*/
.nourl {display:none}

/*TB URL欄*/
.tb_url {
	font-size:12px;
	font-weight:bold;
	font-family: Arial, sans-serif;
	text-align:right;
	line-height:170%;
	color:#BA8C6B;
	margin:0px;
	padding:0px 20px 10px;
}

.tb_url a:link {color:#976C47; text-decoration: none;}
.tb_url  a:visited {color:#976C47; text-decoration: none;}
.tb_url  a:hover, .tb_url a:active {color:#666; text-decoration:none;}

h4 a:hover {color:#B9C385; text-decoration:none;}

/*----------その他----------------*/
/*コメントフォーム*/
.com_form{
	color:#976C47;
	font-size:13px;
	font-family:Arial, sans-serif;
	padding: 20px 0px 10px 50px;
	margin: 0px;
}

dd input#name, dd input#subject, dd input#url, dd input#mail, dd input#pass {
	width:200px;
	color:#BA8C6B;
	font-size:13px;
	font-family: "メイリオ", "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "Osaka", sans-serif;
	margin:10px 0px 15px ;
	padding:3px;
	border: 1px solid #E4D0AB;
}

dd textarea#comment { 
	width:300px;
	color:#BA8C6B;
	font-size:13px;
	font-family: "メイリオ", "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "Osaka", sans-serif;
	margin:5px 0px 10px;
	padding:3px;
	border: 1px solid #E4D0AB;
}

.button {
	width:38px;
	background:transparent;
	border: 1px solid #E4D0AB;
	margin-top:5px;
	padding:2px;
	color:#BA8C6B;
}

input#himitu {
	width:15px;
	margin:0px 5px 0px 0px;
}

/*前のページ・次のページ*/
.page_navi {
	font-size: 12px;
	color: #7E922C;
	text-align:center;	
	margin:0px;
	padding:50px 0px 50px;
	border-bottom: 2px dotted #E4D0AB;
}

.page_navi a:link {color:#976C47; text-decoration: none;}
.page_navi a:visited {color:#976C47; text-decoration: none;}
.page_navi a:hover, .entry_navi a:active {color:#7E922C; text-decoration:none;}

/*フッター*/
#footer a {
	color:#976C47;
	text-decoration:none;
}

#footer a:hover {
	color:#7E922C;
}

img.emoji{
	vertical-align:middle;
	border:0;
}

/*コメント投稿者がURL未入力の場合、ステータスに「URL」を表示させない*/
.nourl {display:none;}

/*カテゴリー・月間・タグ・検索============================*/

.subtitle {
	font-size:18px;
	text-align:left;
	margin:0px;
	padding:25px 0px 0px 75px;
}

.category_table {
	width:460px;
	margin: 50px 0px 10px 20px;
	padding:0px;
	border:3px double #E4D0AB;
	height:180px; 
	overflow:auto;
}

h6 {
	color:#976C47;
	font-size:14px;
	line-height:120%;
	text-align:left;
	margin:0px;
	padding:15px 15px;
}

.category_body {
	font-size:11px;
	color:#6A6269;
	line-height:180%;
	margin:0px;
	padding:0px;
}

.category_title {
	width:330px;
	margin:0px;
	padding:0px 0px 0px 20px;
	float:left;
}

.category_date {
	width:60px;
	margin:0px;
	padding-right:25px;
	float:right;
}

.category_navi  {
	font-size: 11px;
	color:#B58D91;
	text-align:center;	
	margin:0px;
	padding:15px 0px;
	clear:both;
}

.kakolog { 
	margin: 0px;
	padding: 10px 5px;
	overflow: auto;
	height: 180px;
}

/*その他==================================*/

HTML{
scrollbar-arrow-color : #DDBDA4;
scrollbar-3dlight-color : #DDBDA4;
scrollbar-shadow-color : #DDBDA4;
scrollbar-base-color : #FFFDF0;
scrollbar-track-color : #FFFDF0;
scrollbar-darkshadow-color : #FFFFFF;
scrollbar-highlight-color : #FFFFFF;
}

初期設定では、プラグイン１が左メニュー、プラグイン２と３が右メニューに表示されます。

プラグイン１はHTML上の方、２と３は下の方にあります。
各プラグインの場所を入れ替えて、左右お好きな場所にプラグインを配置できます。
タグの切り貼りは慎重に行ってください。

<div class="menu_block">
<h3 style="text-align:<%plugin_first_talign>">
<%plugin_first_title>
</h3>
<div style="text-align:<%plugin_first_ialign>" class="menu_body">
<%plugin_first_description>
<%plugin_first_content>
<%plugin_first_description2>
</div>
</div>




＊



<div class="menu_block">
<h3 style="text-align:<%plugin_second_talign>">
<%plugin_second_title>
</h3>
<div style="text-align:<%plugin_second_ialign>" class="menu_body">
<%plugin_second_description>
<%plugin_second_content>
<%plugin_second_description2>
</div>
</div>


<div class="menu_block">
<h3 style="text-align:<%plugin_third_talign>">
<%plugin_third_title>
</h3>
<div style="text-align:<%plugin_third_ialign>" class="menu_body">
<%plugin_third_description>
<%plugin_third_content>
<%plugin_third_description2>
</div>
</div>

| top | 新管理画面へのリンクの修正

comments

きゃー、ｐｂさん早速作って下さって感激ですぅ～(TOT)
嬉しくって早速ダウンし、ＨＴＭＬとＣＳＳをコピペしよう！
と思ったら、ＨＴＭＬはリンクを開いてみたらば．．．．
なんかちょっと違う感じです。
超初心者の私にはこれをどう貼り付けていいのかわからないですぅ。(;_;)
ＣＳＳの方は大丈夫そうなのですが．．．．
私のＰＣだけの問題なのでしょうか？

お忙しいところ申し訳ありませんが
よろしくお願いいたします。

kotori*さん | 2008/03/29 11:44 | URL [編集] | page top↑

# kotori*さんへ

こんにちは。

ご報告ありがとうございました。
HTML、うまくテキスト化できてませんでしたね。
ごめんなさい！
記事内にそのまま貼付けてみたので、お手数ですがコピペしてみてください。

pbさん | 2008/03/29 16:46 | URL [編集] | page top↑

ｐｂさん、またまた早急な対応を
ありがとうございました。

早速、3カラムのテンプレを使わせて頂きました～
色合いが本当にナチュラルで、
落ち着いた中に上品さがあって、
とってもみやすいのがお気に入りです♪
今回の写真もとっても素敵ですね

私も今まで日記としてブログを書いていて
2カラムばかりを探して使っていたのですが、
アフェリをビジネス、と言うより、
自分のお気に入りをそのままの画像でペタッと
貼るのが気に入って使うように。(笑)
部屋にポスターを貼る感覚で、
好きなものがいつも開くブログに見えているのが

それから3カラムの人になってしまいました。(笑)
また、素敵なテンプレを楽しみにしています。
作れる方、尊敬しちゃいますぅ～

kotori*さん | 2008/03/30 23:40 | URL [編集] | page top↑

# kotori*さんへ

こんばんは。
データのアップロードに手こずってしまいご迷惑おかけしました。

それから、もしブログがアフィリエイト専門ブログになるようでしたら、著作権部分「pb」とある横に「（使用承諾済）」と入れてくださるようお願いいたします。

ではでは。

pbさん | 2008/03/31 00:16 | URL [編集] | page top↑

pbさん、了解しました。
早速そのようにして使わせて頂きます

また、お時間がありましたら３カラムも
どうぞよろしくお願いいたします。(笑)
この度は本当に感激でした

ありがとうございました。
また、素敵なテンプレを楽しみにしています

kotori*さん | 2008/04/03 10:15 | URL [編集] | page top↑

初めまして！いつもカワイイテンプレートをありがとうございます。こちらも早速使わせていただきました。3カラム、とても嬉しいです！

ringo.ringoさん | 2008/04/15 19:09 | URL [編集] | page top↑

# 初めまして。

こんにちは。
テンプレートを使わせていただきます。
少し、カスタマイズしました。
利用規約も一生懸命読んだのですが、
もし、不都合があれば指摘してください。

この色合いがとっても好きです。

anges*さん | 2008/04/17 13:08 | URL [編集] | page top↑

# ringo.ringoさんへ

はじめまして。
こちらこそお使いいただきありがとうございます。
３カラム、需要があるようで良かったです。

pbさん | 2008/04/17 18:24 | URL [編集] | page top↑

# anges*さんへ

はじめまして。
特に問題ありませんが、もし商用ブログに該当するようであれば、著作権部分の「pb」の後ろに「（仕様承諾済）」と入れておいてください。私自身はどちらでも構いませんので…。

＊「さん」が抜けてて、呼び捨てになってました。
ごめんなさい！

pbさん | 2008/04/17 18:29 | URL [編集] | page top↑

# ありがとうございます

特に商用ではないのですが、多少アフィリエイトはしています。
「（仕様承諾済）」付け加えておきます。
ステキなテンプレートどうもありがとうございました。

anges*さん | 2008/04/18 21:38 | URL [編集] | page top↑

# はじめまして

ブログでアフェリエイトをしているのですが
商品のナビゲートという形で行っています。
商用になってしまいますか？
コスメとファッションの商品紹介という感じの
ページになっております。

もし使用可能でしたら、使ってみたいので
よろしくお願いします。

ゆんさん | 2008/04/24 21:47 | URL [編集] | page top↑

# ゆんさんへ

はじめまして。

著作権部分「pb」とある横に「（使用承諾済）」と入れてお使いくださるようお願いします。

pbさん | 2008/04/24 22:33 | URL [編集] | page top↑

Trackbacks

この記事のトラックバックURL:
http://paperbag.blog61.fc2.com/tb.php/122-8c311913
この記事にトラックバックする(FC2ブログユーザー)

| ホーム |

質問はこちらまでパート６（最新）
maori+(05/15)
質問はこちらまでパート６（最新）
akipon(04/26)
質問はこちらまでパート６（最新）
pb(04/25)
質問はこちらまでパート６（最新）
akipon(04/25)
質問はこちらまでパート６（最新）
pb(04/25)
質問はこちらまでパート６（最新）
akipon(04/25)
pb_march ３カラムを作ってみました
pb(04/24)
pb_march ３カラムを作ってみました
ゆん(04/24)
質問はこちらまでパート６（最新）
kotori*(04/23)
質問はこちらまでパート６（最新）
pb(04/22)
質問はこちらまでパート６（最新）
kotori*(04/22)
質問はこちらまでパート６（最新）
pb(04/21)
質問はこちらまでパート６（最新）
kotori*(04/20)
pb_march ３カラムを作ってみました
anges*(04/18)
pb_marchについて
kotori*(04/17)
pb_marchについて
pb(04/17)
pb_march ３カラムを作ってみました
pb(04/17)
pb_march ３カラムを作ってみました
pb(04/17)
pb_march ３カラムを作ってみました
anges*(04/17)

プロフィール

共有テンプレート

最新の記事

最近のコメント

カテゴリー

過去ログ

ブログ内検索

リンク

RSSフィード

StyleKeeper

paper bag

スポンサーサイト

pb_march ３カラムを作ってみました

comments

post a comment

Trackbacks