BeigeHeart_べーじゅのこころ

お気楽テンプレーター（そんな言葉ある？）のお気楽ぶろぐ♪

Entries

2006.12/01 [Fri]

【beige_xmaspoinsettia】ページナビ付きバージョン

【beige_xmaspoinsettia】にも、「マスカット」や「グレープ」のように記事上部に「最新記事一覧」など（※通称『ページナビ』）を表示するには？
というご質問がありましたが、解説するより作る方が早いので作ってみました。
本当はすべてのテンプレにカスタマできるような解説を書きたいのですが、時間がかかりそうなのでまたいつかやります。
【beige_xmaspoinsettia】をダウンロードしていただき、HTMLとスタイルシートを以下のファイルと置き換えて下さい。

ファイルの保存方法
　※　Mac：Control＆クリックで保存
　※　Win：右クリック＆保存
保存したファイルを「文字コード対応」のテキストエディタで開いて、テンプレートの編集で入れ替えてくださいませ。
（こちらは共有テンプレートには登録いたしません。）
※ファイルがうまく開けない方は、追記をどうぞ～♪

>>HTML
>>スタイルシート
 >>テスト用ブログでの表示サンプル

08.4/17　新管理対応済み。

HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="ja" lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<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" />
<title><%blog_name>：<%sub_title>：：：<%search_word>：<%tag_word>：コメントの編集：全記事一覧<%sub_title></title>

<script src="http://blog-imgs-24.fc2.com/b/e/i/beigeheart/showhidemenu.js" type="text/javascript"></script>

</head>
<body id="permanentdatecategorysearchtagedittitlelistpage">

<div id="layout_head">

<h1><a href="./" name="pagetop" id="pagetop"><%blog_name></a></h1>
<p id="introduction"><%introduction></p>

</div>

<div id="layout_main">
<div id="wrapper">

<ul class="admin">
<li><a href="<%server_url>control.php" title="管理ページトップ">*Admin</a></li>
<li><a href="<%server_url>control.php?mode=editor&process=new" title="新しく記事を書く">*Write</a></li>
<li><a href="<%server_url>control.php?mode=control&process=entry" title="過去の記事の管理">*Edit</a></li>

<li> | プライベートモードログイン中！</li>
<li> | <a href="<%url>?logout" title="ログアウトはこちら">*Logout</a></li>

</ul>

<div id="pagenavi">

<h2>Recent Entries [最新記事一覧]</h2>

<h2>Entries [ページ内記事一覧]</h2>

<h2>Archive [<%sub_title> ] 記事一覧</h2>

<h2>Category [<%sub_title> ] 記事一覧</h2>

<h2>Search [<%search_word> ]を含む検索結果</h2>

<h2>User Tag [<%tag_word> ]を含む記事一覧</h2>

<h2>All Titlelist [全記事一覧]</h2>

<h2>Entry</h2>

<ul class="mode_list">

<li><a href="#entry-<%topentry_no>" title="この記事へ" class="time<%topentry_year><%topentry_month><%topentry_day><%topentry_hour>"><%topentry_title></a> [<%topentry_year>/<%topentry_month>/<%topentry_day>]</li>

</ul>

<ul class="mode_navi">
<li><a href="<%nextentry_url>">««<%nextentry_title></a> | </li>
<li><a href="<%preventry_url>"><%preventry_title>»»</a></li>
</ul>

<ul class="mode_navi">
<li><a href="<%url>">ブログトップ</a>＞</li>
<li><a href="<%url>blog-entry-<%edit_entry_no>.html" title="親記事[<%edit_entry_title>]へ">このコメントの親記事へ</a></li>
</ul>

</div>

<div class="entry">

<div class="entry-header">
<div class="entry_date"><%topentry_year>.<%topentry_month>/<%topentry_day> [<%topentry_youbi>]</div>

<h3 id="entry-<%topentry_no>"><a href="<%topentry_link>" title="[<%topentry_title>]の固定リンク"><%topentry_title></a></h3>


<h3 id="entry-<%topentry_no>"><%topentry_title></h3>

</div>

<div class="entry_text">
<%topentry_body>


<div class="entry_more">
<a href="#" onclick="i=this.parentNode.lastChild;i.style.display=['none',''][(i.flag=!i.flag)+0];return false" onkeypress="this.onclick" title="追記を開閉する">▼追記の開閉</a>
<div id="more_<%topentry_no>" style="display: none;">
<hr />
<%topentry_more></div></div>




<div class="entry_more">
<hr />
<%topentry_more>
</div>


</div>

<div class="c-list_body">
<a href="#" onclick="i=this.parentNode.lastChild;i.style.display=['none',''][(i.flag=!i.flag)+0];return false" onkeypress="this.onclick" title="コメントリストを開閉する">*CommentList</a>
<div class="c-list_text" id="c-list<%topentry_no>" style="display: none;">

<dl class="comment-list">
<dt>[<%topentry_comment_list_title>] by <%topentry_comment_list_name></dt>
<dd><%topentry_comment_list_brbody></dd>
</dl>

</div></div>


</div>

<div class="entry-footer">
<ul class="entry_state">
<li class="time">at <%topentry_hour>:<%topentry_minute> </li>
<li class="cat">[<a href="<%topentry_category_link>" title="[<%topentry_category>]の記事一覧へ"><%topentry_category></a>] </li>
<li class="tb"><a href="<%topentry_link>#trackback" title="[<%topentry_title>]へのトラックバック">TB(<%topentry_tb_num>)</a>TB(-) | </li>
<li class="co"><a href="<%topentry_link>#comments" title="[<%topentry_title>]へのコメント">CO(<%topentry_comment_num>)</a>CO(-) </li>
<li class="PageEdit">[<a href="<%server_url><%blog_id>/admin.php?mode=editentry&no=<%topentry_no>" title="この記事を編集">Edit</a>] </li>

<li class="back-top"><a href="#pagetop">*PageTop</a></li>

</ul>
</div>

<ul class="tag_state">
<li>Tag List</li>
 
<li>[<a href="<%url>?tag=<%topentry_tag_list_parsename>"><%topentry_tag_list_name></a>] </li>
 
</ul>

</div>

<div class="entry">

<div class="entry-header">
<h2>Archive [<%sub_title> ] 記事一覧</h2>
</div>

<div class="entry-body">

<h3 id="entry-<%topentry_no>"><a href="<%topentry_link>" title="[<%topentry_title>]の固定リンク"><%topentry_title></a></h3>
<div class="entry_text"><%topentry_discription></div>
<ul class="entry_state">
<li class="date"><%topentry_year>.<%topentry_month>.<%topentry_day> </li>
<li class="tb"><a href="<%topentry_link>#trackback" title="[<%topentry_title>]へのトラックバック">TB(<%topentry_tb_num>)</a>TB(-) | </li>
<li class="co"><a href="<%topentry_link>#comments" title="[<%topentry_title>]へのコメント">CO(<%topentry_comment_num>)</a>CO(-) </li>
<li class="parmalink"><a href="<%topentry_link>" title="全文表示">▽Parmalink</a></li>
<li class="back-top"><a href="#pagetop">△PageTop</a></li>
</ul>

</div>

<div class="entry-footer">

<ul class="entry_navi">
<li><a href="<%nextpage_url>">««古</a> | </li>
<li><a href="<%url>">*BlogTop</a></li>
<li> | <a href="<%prevpage_url>">新»»</a></li>
</ul>

</div>

</div>

<div class="entry">

<div class="entry-header">
<h2>Category [<%sub_title> ] 記事一覧</h2>
</div>

<div class="entry-body">

<h3 id="entry-<%topentry_no>"><a href="<%topentry_link>" title="[<%topentry_title>]の固定リンク"><%topentry_title></a></h3>
<div class="entry_text"><%topentry_discription></div>
<ul class="entry_state">
<li class="date"><%topentry_year>.<%topentry_month>.<%topentry_day> </li>
<li class="tb"><a href="<%topentry_link>#trackback" title="[<%topentry_title>]へのトラックバック">TB(<%topentry_tb_num>)</a>TB(-) | </li>
<li class="co"><a href="<%topentry_link>#comments" title="[<%topentry_title>]へのコメント">CO(<%topentry_comment_num>)</a>CO(-) </li>
<li class="parmalink"><a href="<%topentry_link>" title="全文表示">*Parmalink</a></li>
<li class="back-top"><a href="#pagetop">*PageTop</a></li>
</ul>

</div>

</div>

<div class="entry">

<div class="entry-header">
<h2>Search [<%search_word> ]を含む検索結果</h2>
</div>

</div>

<div class="entry">

<div class="entry-header">
<h2>User Tag [<%tag_word> ]を含む記事一覧</h2>
</div>

</div>

<div class="entry">

<div class="entry-header">
<h2>All Titlelist [全記事一覧]</h2>
</div>

<div class="entry-body">

<h3 id="entry-<%titlelist_eno>"><a href="<%titlelist_url>" title="[<%titlelist_title>]の固定リンク"><%titlelist_title></a></h3>
<div class="entry_text"><%titlelist_body></div>
<ul class="entry_state">
<li class="date"><%titlelist_year>.<%titlelist_month>.<%titlelist_day> </li>
<li class="cat">[<a href="<%titlelist_category_url>" title="[<%titlelist_category>]の記事一覧"><%titlelist_category></a>]</li>
<li class="parmalink"><a href="<%titlelist_url>" title="全文表示">*Parmalink</a></li>
<li class="back-top"><a href="#pagetop">*PageTop</a></li>
</ul>

</div>

</div>

<ul class="entry_navi">
<li><a href="<%nextentry_url>">«<%nextentry_title></a> | </li>
<li><a href="<%url>">△BlogTop</a></li>
<li> | <a href="<%preventry_url>"><%preventry_title>»</a></li>
</ul>

<div class="commentarea">

<div class="comment-header">
<h2 id="comments">*Comment</h2>
</div>

<div class="comment-body">

<h3 id="comment<%comment_no>"><%comment_title> </h3>
<div class="co_text"><%comment_body></div>
<ul class="co_state">
<li class="name">posted by <%comment_mail+name> </li>
<li class="url"><%comment_url+str> </li>
<li class="date"><%comment_year>.<%comment_month>/<%comment_day> <%comment_hour>:<%comment_minute>分 </li>
<li class="edit">[<a href="<%comment_edit_link>">Edit</a>] </li>
</ul>


</div>

</div>

<div class="commentarea">

<div class="comment-header">
<h2>*Comment_Post</h2>
</div>

<div class="entry_form">
<h3 id="comment_post">Comment_form</h3>
<form method="post" action="./" name="comment_form" id="comment_form">
<input type="hidden" name="mode" value="regist" />
<input type="hidden" name="comment[no]" value="<%pno>" />
<dl class="co_form">
<dt><label for="title">Title</label></dt>
<dd><input id="title" type="text" name="comment[title]" value="NoTitle" onblur="if(this.value == '') this.value='NoTitle';" onfocus="if(this.value == 'NoTitle') this.value='';" /></dd>
<dt><label for="name">Name</label></dt>
<dd><input id="name" type="text" name="comment[name]" value="<%cookie_name>" /></dd>
<dt><label for="url">URL</label></dt>
<dd><input id="url" type="text" name="comment[url]" value="<%cookie_url>" /></dd>
<dt><label for="mail">Mail</label></dt>
<dd><input id="mail" type="text" name="comment[mail]" value="<%cookie_mail>" /></dd>

<dt><label for="comment">Comment</label></dt>
<dd><textarea id="comment" rows="6" name="comment[body]" onblur="if(this.value == '') this.value='メッセージをどうぞ';" onfocus="if(this.value == 'メッセージをどうぞ') this.value='';">メッセージをどうぞ</textarea></dd>
<dt><label for="script">Font</label></dt>
<dd><script type="text/javascript" src="http://blog9.fc2.com/load.js"></script></dd>
<dt><label for="pass">Pass</label></dt>
<dd><input id="pass" type="password" name="comment[pass]" size="8" /></dd>
<dt><label for="himitu" title="管理者のみ表示">Secret</label></dt>
<dd><input id="himitu" type="checkbox" name="comment[himitu]" class="himitu" />管理者のみ表示。
 | 非公開コメント投稿可能です。
 | 現在非公開コメント投稿不可です。
</dd>
<dt><label for="submit">Submit</label></dt>
<dd><input type="submit" value="　Submit　" /></dd>
</dl>
</form>
</div>
</div>

<div class="commentarea">

<div class="comment-header">
<h2>*Comment_Edit</h2>
</div>

<div class="entry_form">
<h3 id="comment_edit">Edit_form    <%edit_message></h3>
<form method="post" action="./" name="comment_form" id="comment_form">
<input type="hidden" name="mode" value="edit" />
<input type="hidden" name="mode2" value="edited" />
<input type="hidden" name="edit[rno]" value="<%eno>" />
<dl class="co_form">
<dt><label for="title">Title</label></dt>
<dd><input id="title" type="text" name="edit[title]" maxlength="30" value="<%edit_title>" /></dd>
<dt><label for="name">Name</label></dt>
<dd><input id="name" type="text" name="edit[name]" value="<%edit_name>" /></dd>
<dt><label for="url">URL</label></dt>
<dd><input id="url" type="text" name="edit[url]" value="<%edit_url>" /></dd>
<dt><label for="mail">Mail</label></dt>
<dd><input id="mail" type="text" name="edit[mail]" value="<%edit_mail>" /></dd>

<dt><label for="comment">Comment</label></dt>
<dd><textarea id="comment" rows="6" name="edit[body]"><%edit_body></textarea></dd>
<dt><label for="script">Font</label></dt>
<dd><script type="text/javascript" src="http://blog9.fc2.com/load.js"></script></dd>
<dt><label for="pass">Pass</label></dt>
<dd><input id="pass" type="password" name="edit[pass]" size="8" />パスワード必須。</dd>
<dt><label for="himitu" title="管理者のみ表示">Secret</label></dt>
<dd><input id="himitu" type="checkbox" name="edit[himitu]" />管理者のみ表示。</dd>
<dt><label for="submit">Submit</label></dt>
<dd><input type="submit" value="　Submit　" /> <input type="submit" name="edit[delete]" value="　×　" /></dd>
</dl>
<p>×ボタンでコメント削除できます。取消不可です。</p>
</form>
</div>

</div>

</div>

<div class="trackbackarea">

<div class="trackback-header">
<h2 id="trackback">*Trackback</h2>
</div>

<div class="trackback-body">
<p>トラックバックURL<br />
→<a href="<%trackback_url>"><%trackback_url></a></p>

<h3 id="trackback<%tb_no>"><a href="<%tb_url>" title="[<%tb_blog_name>]へのリンク"><%tb_title></a></h3>
<div class="tb_text"><%tb_excerpt></div>
<ul class="tb_state">
<li class="fromname">from <a href="<%tb_url>"><%tb_blog_name></a> </li>
<li class="date">at <%tb_year>.<%tb_month>.<%tb_day> <%tb_hour>:<%tb_minute></li>
</ul>

</div>

</div>

<ul class="entry_navi">
<li><a href="<%nextpage_url>">««Old</a> | </li>
<li><a href="<%url>">*BlogTop</a></li>
<li> | <a href="<%prevpage_url>">New»»</a></li>
</ul>

</div>
</div>

<div id="layout_side">

<div id="showhidemenu">
<script type="text/javascript">showhidem()</script>
</div>

<div id="plugin-1" style="display:block;">

<div class="p-<%plugin_first_tag> side_menu">
<h3><%plugin_first_title></h3>
<div class="side_text">
<p style="text-align:<%plugin_first_ialign>"><%plugin_first_description></p>
<%plugin_first_content>
<p style="text-align:<%plugin_first_ialign>"><%plugin_first_description2></p></div></div>

</div>

<script type="text/javascript">

</script>

<div class="p-<%plugin_second_tag> side_menu">
<h3><%plugin_second_title></h3>
<div class="side_text">
<p style="text-align:<%plugin_second_ialign>"><%plugin_second_description></p>
<%plugin_second_content>
<p style="text-align:<%plugin_second_ialign>"><%plugin_second_description2></p></div></div>

<script type="text/javascript">

</script>

<script type="text/javascript">

</script>

<div class="p-<%plugin_third_tag> side_menu">
<h3><%plugin_third_title></h3>
<div class="side_text">
<p style="text-align:<%plugin_third_ialign>"><%plugin_third_description></p>
<%plugin_third_content>
<p style="text-align:<%plugin_third_ialign>"><%plugin_third_description2></p></div></div>

<script type="text/javascript">

</script>

<div id="showhidemenu">
<script type="text/javascript">showhidem()</script>
</div>

<div id="plugin-1" style="display:block;">

<div class="side_menu" id="p-entry">
<h3>Entry</h3>
<div class="side_text">
<ul>

<li><a href="<%recent_link>" title="[<%recent_title>]の固定リンク"><%recent_title></a> (<%recent_month>/<%recent_day>)	</li>

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

<div class="side_menu" id="p-comment">
<h3>Comment</h3>
<div class="side_text">
<ul class="treelist">

<li><a href="<%rcomment_link>#comment<%rcomment_no>" title="<%rcomment_etitle>"><%rcomment_name> (<%rcomment_month>/<%rcomment_day>)</a></li>

</ul>
<script type="text/javascript">

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

<div class="side_menu" id="p-trackback">
<h3>Trackback</h3>
<div class="side_text">
<ul class="treelist">

<li><a href="<%rtrackback_link>#trackback<%rtrackback_no>" title="<%rtrackback_etitle>"><%rtrackback_blog_name> (<%rtrackback_month>/<%rtrackback_day>)</a></li>

</ul>
<script type="text/javascript">

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

<div class="side_menu" id="p-archive">
<h3>Archive</h3>
<div class="side_text">
<ul>

<li><a href="<%archive_link>" title="<%archive_year>年<%archive_month>月の記事一覧"><%archive_year>年<%archive_month>月 (<%archive_count>)</a></li>

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

<div class="side_menu" id="p-category">
<h3>Category</h3>
<div class="side_text">
<ul>

<li><a href="<%category_link>" title="カテゴリー[<%category_name>]の記事一覧"><%category_name> (<%category_count>)</a></li>

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

</div>

<div id="plugin-2" style="display:none">

<div class="side_menu" id="p-calender">
<h3>Calendar</h3>
<div class="side_text">
<table summary="カレンダー" class="calender">
<caption>
<a href="<%prev_month_link>"><%prev_month></a>｜<%now_year>.<%now_month>｜<a href="<%next_month_link>"><%next_month></a>
</caption>
<tr>
<th abbr="日曜日" scope="row" id="sun">日</th>
<th abbr="月曜日" scope="row">月</th>
<th abbr="火曜日" scope="row">火</th>
<th abbr="水曜日" scope="row">水</th>
<th abbr="木曜日" scope="row">木</th>
<th abbr="金曜日" scope="row">金</th>
<th abbr="土曜日" scope="row" id="sat">土</th>
</tr>

<tr>
<td><%calender_sun></td>
<td><%calender_mon></td>
<td><%calender_tue></td>
<td><%calender_wed></td>
<td><%calender_thu></td>
<td><%calender_fri></td>
<td><%calender_sat></td>
</tr>

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

<div class="side_menu" id="p-rss">
<h3>Admin・RSS</h3>
<div class="side_text">
<ul>
<li><a href="<%url>?xml" title="最新記事のRSS">最新記事のRSS</a></li>
<li><a href="<%url>?xml&comment" title="最新コメントのRSS">最新コメントのRSS</a></li>
<li><a href="<%url>?xml&trackback" title="最新トラックバックのRSS">最新トラックバックのRSS</a></li>
<li><a href="<%server_url>control.php" title="管理ページトップ">管理ページトップ</a></li>
<li><a href="<%server_url>control.php?mode=editor&process=new" title="新しく記事を書く">新しく記事を書く</a></li>
<li><a href="<%server_url>control.php?mode=control&process=entry" title="過去の記事の管理">過去の記事の管理</a></li>
</ul>
</div></div>

<div class="side_menu" id="p-form">
<h3>Search</h3>
<div class="side_text">
<form action="./" method="get">
<input type="text" name="q" value="" size="20" />　<input type="submit" value=" 検索 " />
</form>
</div></div>

</div>

<div id="plugin-3" style="display:none">

<div class="side_menu" id="p-profile">
<h3>Profile</h3>
<div class="side_text">
<img src="<%image>" alt="<%author_name>" />
<dl>
<dt>[author]</dt>
<dd><%author_name></dd>
<dt>[profile]</dt>
<dd><%introduction2></dd>
</dl>
</div></div>

<div class="side_menu" id="p-link">
<h3>Links</h3>
<div class="side_text">
<ul>

<li><a href="<%link_url>" title="<%link_name>" target="_blank"><%link_name></a></li>

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

</div>

</div>

<div id="layout_footer">

<div class="copyright">
Copyright © <a href="./"><%blog_name></a>. <br />
Powered By <a href="http://blog.fc2.com/" target="_blank">FC2</a>.<br />
Template [<%style>] Design By <a href="http://beigeheart.blog9.fc2.com/" target="_blank">BeigeHeart</a>. <br />
<%ad> <%ad2></div>

</div>

</div>
</div>
</body> 
</html>

スタイルシート：

@charset "EUC-JP";
/* =============================================  
beige_xmaspoinsettia-navi
 ============================================= */
/*
2008.4/17
新管理対応。
2006.12/1
*/

*{
	margin : 0; padding : 0 ; font-weight : normal;
}

/* =============================================  
ボディ
 ============================================= */

body {
	font-family: "Apple Chancery", "Georgia" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",serif;
	text-align : center;
	line-height : 150%;
	font-size : 80%; 
	color : #555;
	background-color : #580005;
}

/* =============================================  
レイアウト設定
 ============================================= */

/*コンテンツ*/
div#container {
	margin : 0px auto; 
	width : 900px;
	text-align : left; 
	background-color : #FFF6CB; 
 	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/po-body.png");
	background-repeat : repeat-y ;
	background-position : center top;
}

/*ヘッダー*/
div#layout_head {
	width : 100%;
	height :200px;
	text-align : right; 
 	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/po-header.png");
	background-repeat : no-repeat ;
	background-position : center top;
}

/*メイン部分*/
div#layout_main {
	float : left;
	width : 560px; 
	padding-left : 60px; 
	voice-family : "\"}\""; 
	voice-family : inherit; 
	width : 500px; 
}
html>body div#layout_main { 
	width : 500px; 
}

/*サイド部分*/
div#layout_side {
	float : right;
	width : 300px;  
 	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/po-side.png");
	background-repeat : no-repeat ;
	background-position : right top;
	padding-right : 60px; 
	voice-family : "\"}\""; 
	voice-family : inherit; 
	width : 240px; 
}
html>body div#layout_side { 
	width : 240px; 
}

/* フッター部分 */
div#layout_footer {
	clear : both;
	padding : 0;
	height :250px;
	text-align : right;
 	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/po-footer.png");
	background-repeat : no-repeat ;
	background-position : center bottom;
}

/* =============================================  
見出し
 ============================================= */
h1 { font-size : 200%;}
h2 { font-size : 140%;}
h3 { font-size : 120%;}
h4 { font-size : 110%;}
h5 { font-size : 105%;}
h6 { font-size : 100%;}

/* =============================================  
リンク設定
 ============================================= */
a:link { color : #C2A858; text-decoration : none;}
a:active { color : #C2A858; text-decoration : none;}
a:visited { color : #C2A858; text-decoration : none;}
a:hover { color : #EAC247; text-decoration : none;}

/* =============================================  
投稿部分設定
 ============================================= */
input,select,textarea{
	font-family : "Osaka","Verdana", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
	color : #777;
	font-size :100%;
	background-color : #FFF; 
	border-top : 1px dotted #050 ; 
	border-right : 1px dotted #050 ; 
	border-bottom : 1px solid #050 ; 
	border-left : 1px solid #900 ; 
}

/* =============================================  
フォントファミリー：ゴシック
 ============================================= */
.entry_text,.c-list_text,.entry_text table,.co_text,.tb_text,.side_text {
	font-family : "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka",sans-serif;
}

/* =============================================  
タイトル
 ============================================= */
/*サイトタイトル*/
h1 {
	margin : 0px;
	padding : 80px 100px 0 100px;
}

/*サイト説明*/
#layout_head p#introduction {
	margin : 0px;
	padding : 20px 100px 0 100px;
	font-size : 120%;
	color : #050;
}

/*各エリアサブタイトル*/
h2 {	
	margin: 0px;
	padding : 10px 30px 10px 0;
	text-align : right;
	color : #333;
	letter-spacing : 0.1em; 
}

/*メイン見出し*/
h2#subtitle {
	display : none;
}

/*管理ページリンク*/
ul.admin {
	height : 15px;
	margin : 0px; 
	padding : 0;
	clear : both;
	list-style-type : none;
}
ul.admin li { 
	float : left;
	display : block;
	text-align : center;
	width : 60px; 
	margin : 0px 3px 0px 3px;
}
ul.admin li a {
	display : block;
	color : #900;
	background-color : #FFF6CB; 
	border-top : 1px dotted #050 ; 
	border-right : 3px double #050 ; 
	border-bottom : 3px double #050 ; 
	border-left : 1px dotted #050 ; 
}
ul.admin li a:hover {
	color : #050; 
	background-color : #FFF6CB; 
	text-decoration : none; 
	border-top : 3px solid #FFF6CB ; 
	border-right : 1px solid #900 ; 
	border-bottom : 1px solid #900 ; 
	border-left : 3px solid #FFF6CB ; 
}

/* =============================================  
ページナビ関連
 ============================================= */

/*ページナビゲーション*/
#pagenavi {
	margin-top : 10px;
	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/white.gif");
	background-repeat : repeat ;
}

#pagenavi h2 {
	text-align : left;
	margin: 0px;
	padding : 10px 0 0px 5px;
	border-bottom : 3px double #900 ; 
}
#pagenavi h2:first-letter {
	font-size : 100%;
	color : #555;
}
#pagenavi ul.mode_list {
	margin : 0px;
	padding : 5px 0 0px 40px;
	list-style-type : none;
	list-style-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/holly-list.gif"); 
}
#pagenavi ul.mode_list li {
	margin-bottom : 3px;
}

/*各エリアページナビゲーション*/
ul.mode_navi {
	text-align : left;
	margin : 0;
	padding : 20px 0 0 30px;
	list-style-type : none;
}
ul.mode_navi li { 
	display : inline; 
}

/*編集モード用*/
#edit #pagenavi {
	display : none;
}

/* =============================================  
エントリー関連
 ============================================= */

/*エントリー：1ブロック*/
.entry {
	margin : 0px 0 0px 0 ;
}

/*エントリー：ボディ*/
.entry-body {
 	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/po-table-body.gif");
	background-repeat : repeat-y ;
	background-position : left top;
}

/*エントリー：ヘッダー*/
.entry-header {
	margin : 30px 0 0px 0 ;
 	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/po-table-header.gif");
	background-repeat : no-repeat ;
	background-position : left top;
}

/*エントリー：日付*/
.entry_date {
	margin: 0px 0px 0px 0px;
	padding : 10px 30px 0px 0;
	text-align : right;
	color : #050;
	font-size : 140%;
	letter-spacing : 0.1em; 
}

.entry_date:first-letter {
	font-size : 150%;
	color : #900;
}

/*エントリー：見出し*/
.entry h3 {
	margin : 0px ;
	padding : 10px 0 0px 60px;
	height :28px;
	letter-spacing : 0.1em; 
	color : #050;
 	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/holly.gif");
	background-repeat : no-repeat ;
	background-position : 20px top;
}
.entry h3 a:link { color : #050; text-decoration : none;}
.entry h3 a:active { color : #050; text-decoration : none;}
.entry h3 a:visited { color : #050; text-decoration : none;}
.entry h3 a:hover { color : #C2A858; text-decoration : none;}

/*エントリー：記事部分*/
.entry_text {
	margin : 0px;
	padding : 5px 20px 5px 10px;

}
/*エントリー：追記テキスト*/
.entry_more{
	margin : 0px;
	padding : 10px 0 0 0;
}

/*エントリー：フッター*/
.entry-footer {
	height :70px;
 	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/po-table-footer.gif");
	background-repeat : no-repeat ;
	background-position : left bottom;
}

/*エントリー：ステータス*/
ul.entry_state {
	margin : 0;
	padding : 40px 0 0 30px;
	list-style-type : none;
}
ul.entry_state li { 
	display : inline; 
}

/*テキスト内の画像*/
.entry_text img {
	margin : 0px ;
	padding : 2px;
	border : 1px dotted #900;
}

/*テキスト内のタグ*/
.entry_text a.tagword {
	color : #555;
	border-bottom: 1px dotted #050;
}
.entry_text a:hover.tagword {
	background-color : #FFF6CB;
	border-bottom: 1px dotted #050;
	text-decoration : none;
}

/*タグリスト*/
ul.tag_state {
	margin : 0;
	padding : 5px 0 0px 20px;
	list-style-type : none;
	text-align : left;
}
ul.tag_state li { 
	display : inline; 
}

/*テキスト内の絵文字*/
img.emoji {
	border : none;
	margin : 0px;
	padding : 0px;
	float:none;
	vertical-align : middle; 
}

/*スレッドテーマ*/
ul.thread {
	margin : 0;
	padding : 5px 20px 0 0;
	list-style-type : none;
	text-align : right;
}
ul.thread li { 
	display : inline; 
}

/* =============================================
コメントリスト
 ============================================= */
.c-list_body {
	margin : 0;
	padding : 0px 20px 0px 20px ;
	text-align : right;
}
.c-list_text {
	line-height: 120%;
	text-align : left;
	margin : 0px;
	padding : 5px 0px ;
}
.c-list_text dl.comment-list {
	margin : 0px;
	padding : 5px 0px;
	border-bottom : 1px dotted #900 ; 
}
.c-list_text dl.comment-list dt{
	color : #900;
	padding : 3px 0 ;
}
/*コメントリスト中URL*/
.c-list_text dl.comment-list dd a {
	display:block; 
	height:1em; 
	width :20em; 
	overflow:hidden ;
}

/* =============================================  
引用文設定
 ============================================= */
blockquote {
	margin : 5px 0;
	padding : 0 10px ;
	line-height : 150%;
	font-size : 90%; 
	background-color : #FFF6CB; 
	border-top : 1px dotted #050 ; 
	border-right : 1px dotted #050 ; 
	border-bottom : 1px dotted #050 ; 
	border-left : 2px solid #900 ; 
}

/* =============================================  
水平線設定
 ============================================= */
hr {
	margin : 5px 20px;
	color : #900;
	background-color : #900;
	border : 0; 
	height : 1px ;
}

/* ============================================= 
その他の設定
 ============================================= */
em ,i { font-style : italic;}
strong ,b { font-weight : bold;}
u { text-decoration : underline;}
p { padding : 0 0 1em 0;}

/* =============================================
  エントリー内：リスト
 ============================================= */
.entry_text ul {
	margin : 0px;
	padding : 5px 0px 10px 30px;
}
.entry_text li {
	line-height : 120%;
	margin-bottom : 5px;
}

.entry_text dl {
	margin : 0px;
	padding : 5px 0px 10px 30px;
}
.entry_text dt {
	color : #900;
	margin : 0px 0 3px 0;
}
.entry_text dd {
	line-height : 120%;
	margin : 0px;
	padding : 0px 0px 5px 10px;
}
.entry_text ol {
	margin : 0px;
	padding : 5px 0px 10px 30px;
}

/* =============================================
 エントリー内：テーブル設定 
 ============================================= */
.entry_text table {
	width : auto;
	border-collapse : collapse;
	margin-top: 1em;
	margin-bottom: 1em;
}
.entry_text td, .entry_text th {
	padding : 2px;
	font-size : 95%;
	line-height: 150%;
	font-weight: normal;
}
.entry_text th {
	color : #900;
	background-color : #FFF6CB; 
}

/* =============================================  
各エリア独自表示
 ============================================= */

#date h2:first-letter , #category h2:first-letter , #search h2:first-letter , #tag h2:first-letter , #titlelist h2:first-letter {
	font-size : 150%;
	color : #900;
}

#date ul.entry_state,#category ul.entry_state,#search ul.entry_state,#tag ul.entry_state,#titlelist ul.entry_state {
	margin : 0;
	padding : 0px 20px 0px 0;
 	background-image: none;
	text-align : right ;
	border-bottom : 1px dotted #900 ; 
}

#date .entry_text,#category .entry_text,#search .entry_text,#tag .entry_text,#titlelist .entry_text {
	line-height: 120%;
}

#date ul.entry_navi,#category ul.entry_navi,#search ul.entry_navi,#tag ul.entry_navi,#titlelist ul.entry_navi {
	padding : 50px 0 10px 0;
}

/* =============================================  
ページ移動
 ============================================= */
ul.entry_navi {
	margin : 0px 0 10px 0;
	list-style-type : none;
	text-align :center;
}
ul.entry_navi li { 
	display : inline; 
}

/* =============================================  
コメント&トラックバック関連
 ============================================= */

/*コメント：1ブロック*/
.commentarea ,.trackbackarea {
	margin : 0px 0 0px 0 ;
}

/*コメント＆トラックバック：ヘッダー*/
.comment-header ,.trackback-header {
 	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/po-table-header.gif");
	background-repeat : no-repeat ;
	background-position : left top;
}

/*コメント＆トラックバック：記事*/
.comment-body ,.trackback-body {
 	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/po-table-body.gif");
	background-repeat : repeat-y ;
}

/*コメント記事中URL*/
.comment_body a {
	display:block; 
	height:1em; 
	width :20em; 
	overflow:hidden ;
}

/*コメント＆トラックバック：見出し*/
.commentarea h3 ,.trackbackarea h3 {
	margin : 0px ;
	padding : 10px 0 0px 60px;
	height :28px;
	letter-spacing : 0.1em; 
	color : #050;
 	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/holly.gif");
	background-repeat : no-repeat ;
	background-position : 20px top;
}
.trackback-body h3 a:link { color :#050; text-decoration : none;}
.trackback-body h3 a:active { color :#050; text-decoration : none;}
.trackback-body h3 a:visited { color :#050; text-decoration : none;}
.trackback-body h3 a:hover { color :#C2A858; text-decoration : none;}

/*コメント＆トラックバック：テキスト*/
.co_text,.tb_text {
	line-height: 150%;
	margin : 0px;
	padding : 5px 20px 5px 10px;
}

/*コメント＆トラックバック：フッター部分*/
.comment-footer,.trackback-footer {
 	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/po-table-footer.gif");
	background-repeat : no-repeat ;
	background-position : left bottom;
}

/*コメント＆トラックバック：ステータス*/
ul.co_state ,ul.tb_state {
	margin : 0;
	padding : 0px 20px 0px 0;
	list-style-type : none;
	text-align : right;
 	background-image: none;
	border-bottom : 1px dotted #900 ; 
}
ul.co_state li ,ul.tb_state li { 
	display : inline; 
}

/*トラバURL*/
.trackbackarea p {
	margin : 0px ;
	padding : 0px 0 20px 20px;

}
.trackbackarea p a {
	margin : 0px;
	padding : 2px 5px;
	border-top : 1px dotted #C2A858 ; 
	border-right : 1px dotted #C2A858 ; 
	border-bottom : 1px dotted #C2A858 ; 
	border-left : 1px dotted #C2A858 ; 
}
.trackbackarea p a:hover {
	background-color : #FFF6CB;
}

/*コメント＆トラックバック：ナビゲーション*/
.commentarea ul.entry_navi,.trackbackarea ul.entry_navi {
	padding : 50px 0 10px 0;
}

/* =============================================  
コメント投稿＆修正フォーム
 ============================================= */

/*コメント投稿フォーム*/
.entry_form {
	margin : 0px;
	padding : 10px 10px 0 10px;
	line-height : 200%;
}

/*投稿フォーム*/
dl.co_form {
	margin : 0px ;
	padding : 20px 0 0px 0;
}

/*投稿フォーム：ラベル*/
dl.co_form dt label {
	position : absolute;
	margin-left : 10px;
	text-align : left;
	width : 60px;
	color : #960;
}
/*投稿フォーム：入力*/
dl.co_form dd {
	margin-left : 75px;
	padding-bottom : 3px ;
}
/*投稿フォーム：サイズ*/
dl.co_form dd input#title,dl.co_form dd input#name,dl.co_form dd input#url,dl.co_form dd input#mail {
	width : 250px;
}
dl.co_form dd textarea#comment{
	width : 350px;
}
/*コメント投稿・編集小見出し*/
#comment_post,#comment_edit { 
	font-weight : bolder;
	font-size : 130%;
	color : #050;
	border-bottom : 2px solid #900 ;
}

/* =============================================  
プラグインカテゴリーメニュー設定（プラグイン設定有効時）
 ============================================= */
#showhidemenu {
	height : 15px;
	margin : 85px 0 25px 0px; 
	padding : 0;
	clear : both;
}
ul#pluginmenu{
	list-style : none;
	margin : 0px;
	padding : 0px;
}
ul#pluginmenu li{
	float : left;
	display : block;
	width : 60px; 
	margin : 0px 3px 0px 3px;
}
ul#pluginmenu li a {
	display : block;
	font-size : 90%;
	width : 60px; 
	text-align : center;
	text-decoration : none;
	color : #900;
	background-color : #FFFAE5; 
	border-top : 1px dotted #050 ; 
	border-right : 3px double #050 ; 
	border-bottom : 3px double #050 ; 
	border-left : 1px dotted #050 ; 
}

ul#pluginmenu li a:hover {
	color : #050; 
	background-color : #FFF6CB; 
	text-decoration : none; 
	border-top : 3px solid #FFF6CB ; 
	border-right : 1px solid #900 ; 
	border-bottom : 1px solid #900 ; 
	border-left : 3px solid #FFF6CB ; 
}

/* =============================================  
サイドメニュー関連
 ============================================= */

/*サイド：大見出し*/
#layout_side h2 {
	display : none;
}

/*サイドメニュー：1ブロック*/
.side_menu{
	margin: 0px 0px 30px 0px;
 	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/po-s-table-b.gif");
	background-repeat : repeat-y ;
	background-position : left top;
}

/*サイド：見出し*/
.side_menu h3 {
	margin: 0px;
	padding : 10px 0px 0px 20px;
	letter-spacing : 0.1em; 
	color : #900;
 	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/po-s-table-h.gif");
	background-repeat : no-repeat ;
	background-position : left top;
}
.side_menu h3:first-letter {
	font-size : 130%;
	color : #030;
}

/*サイド：コンテンツ*/
div.side_text {
	margin : 0px ;
	padding : 5px 5px 5px 10px;
	font-size : 95%; 
	color : #030;
 	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/po-s-table-f.gif");
	background-repeat : no-repeat ;
	background-position : left bottom;
}

/*サイドメニュー：リスト*/
.side_menu ul {
	margin : 0 ;
	padding : 5px 0px 10px 15px;
	list-style-type : none;
	list-style-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/holly-list.gif"); 
}
.side_menu li {
	color : #999;
	line-height: 150%;
}

.side_menu dl {
	text-align : left;
	margin : 0px;
	padding : 5px 0px 10px 0px;
}
.side_menu dt{
	margin : 0px;
	padding : 0px 0px 3px 0px;
	color : #900;
}
.side_menu dd{
	line-height : 120%;
	margin : 0px;
	padding : 0px 0px 5px 0px;
}

#p-form form {
	margin : 0px;
	padding : 0px;
}

/*サイド：画像*/
.side_menu img {
	border : none;
	margin : 0px;
	padding : 1px;
}

/*プロフィール：画像*/
#p-profile img , .plugin-myimage img {
	margin : 0px;
	padding : 2px;
	border : none;
}

/*タグリスト*/
.plugin-tag a {
	text-decoration : none;
}

/* ツリー用スタイル */
.p-comment ul, .p-trackback ul, #p-comment ul, #p-trackback ul {
	margin : 0;
	padding : 5px 0px 10px 15px;
	list-style-type : none;
}
.p-comment ul.tree li>ul, .p-trackback ul.tree li>ul, #p-comment ul.tree li>ul, #p-trackback ul.tree li>ul {
	margin : 0 0 0 5px;
	padding : 0;
	list-style-type : none;
	list-style-image : none;
	border-bottom : none ; 
}
.p-comment ul li ul li, .p-trackback ul li ul li,#p-comment ul li ul li, #p-trackback ul li ul li  {
	margin : 0;
	padding-left : 20px;
	list-style-type : none;
	list-style-image : none;
	background-color : transparent;
	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/tree_child_b.gif");
	background-repeat : no-repeat ;
	background-position : left top;
	border-bottom : none ; 
}
.p-comment ul li ul li.lastchild, .p-trackback ul li ul li.lastchild, #p-comment ul li ul li.lastchild, #p-trackback ul li ul li.lastchild {
	list-style-type : none;
	list-style-image : none;
	background-color : transparent;
	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/tree_child.gif");
	background-repeat : no-repeat ;
	background-position : left top;
}

/* 共有プラグインTreeシリーズ用スタイル */
#AR p, #CA p, #LK p, #RC p, #RT p, #RE p {
	padding-left : 15px;
	line-height : 150%;
	font-weight : normal;
	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/holly-list.gif");
	background-repeat : no-repeat ;
	background-position : 0px 5px;
}
#AR b, #CA b, #LK b, #RC b, #RT b, #RE b {
	font-weight : normal;
}
#AR b {
	cursor : pointer; 
}

/* ブログピープル用スタイル */
.blogpeople-main a {
	padding-left : 15px;
	line-height : 150%;
	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/holly-list.gif");
	background-repeat : no-repeat ;
	background-position : left center;
}

/* =============================================  
カレンダー設定
 ============================================= */
.calender {
	font-size : 90%;
}
.calender caption {
	padding : 5px 0 1px 0;
}
.calender th {
	font-weight : normal;
	text-align : center;
	border-top : 1px solid #696;
	border-right: 1px solid #050;
	border-bottom : 2px solid #999;
	border-left: 1px solid #696;
}
.calender td {
	width :  18px;
	padding : 0px;
	text-align : center;
	border-top: 1px dotted #050;
	border-right: 1px dotted #050;
	border-bottom : 1px dotted #050 ; 
	border-left: 1px dotted #050;
}
.calender td a {
	display : block;
}
th#sun {
	color : #C00;
	border-bottom : 2px solid #C00 ; 
}
th#sat {
	color : #369;
	border-bottom : 2px solid #369 ; 
}
.calender td a:link {
	color : #050; 
	background-color : #FFF6CB; 
	text-decoration : none; 
}
.calender td a:visited { 
	color : #050; 
	background-color : #FFFAE5; 
	text-decoration : none; 
}
.calender td a:hover { 
	color : #FFFAE5; 
	background-color : #050; 
	text-decoration : none;
}

/* =============================================  
ページフッター関連
 ============================================= */

/*コピーライト*/
.copyright {
	margin : 0px;
	padding : 120px 0 0 70px ;
	font-size : 90%;
	line-height : 180%;
	text-align : left;
}

at 22:12
[テンプレート:カスタマイズ]
TB(0) |
CO(6)
[Edit]

*Comment

NoTitle

いろいろ調べたのですが、わからなかったので、教えていただけませんでしょうか？初心者です、すみません。
beige_xmaspoinsettiaをダウンロードさせて頂いたのですが、
HTMLの編集意画面に<body>が見当たらず、どこにアクセス解析を置けばいいのか分からず、困っております。

よろしければ、ご教示願います。

posted by まろろん
URL
2006.12/04 02:13分
[Edit]

＞まろろんさんへ

テンプレートのダウンロードありがとうございます♪

ウチのテンプレート、<body>に色々IDが付いていてわかりにくいんです、すみません。
以下の場所に入れてください。


==中略==

<div id="container">
<div id="layout">


<div id="container">の手前です！

わからなかったらまたコメント下さいませ。

posted by Chako
URL
2006.12/04 18:30分
[Edit]

NoTitle

いきなりの質問でしたのに、お答えくださってありがとうございます。
おかげさまで、無事に解決いたしました。

ほんとうにありがとうございます<(＿＿)>
これからのテンプレートも楽しみにしております。
取り急ぎ、お礼まで。

posted by まろろん
URL
2006.12/04 21:00分
[Edit]

ご投稿ありがとうございました

三毛猫です。おはようございます☆

うわ～～もうクリスマス色一色ですね～～何だかとてもうきうきします！それに投稿した日時が上に大きく出るのはいいですね。これだと更新がひとめでわかります。文字もおしゃれです～～～！バックの色も暖かくていい感じです！！

パソコンのスキルがないので記事に関するコメントが出来なくて申し訳ありません。

posted by 三毛猫
URL
2006.12/10 08:37分
[Edit]

ネットでこうさぎ

ネットでこうさぎとかをBLOGしたかった。

posted by BlogPetのまつり
URL
2006.12/10 10:09分
[Edit]

＞三毛猫さんへ

レス大変遅くなってしまい申し訳ありません。
わざわざのご訪問ありがとうございました。

クリスマス時期は、ネット上もあっちこっち華やかで楽しいですね。
三毛猫さんの企画、盛り上げてくださいね。

posted by Chako
URL
2006.12/14 22:28分
[Edit]

Comment_form

*PageTop

*Trackback

トラックバックURL
→http://beigeheart.blog9.fc2.com/tb.php/247-881d6e58

*PageTop

«09 | 2008/10 | 11»
Su	Mo	Tu	We	Th	Fr	Sa
-	-	-	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	-

右サイドメニュー

親子カテゴリ（表示テスト中）

Search

ブログ内検索

*pagetop

Profile

Author:Chako
2005.4月よりFC2テンプレートを作っています。
季節感と癒し空間がテーマです♪
テンプレート用に作ったオリジナル画像を使用していますので更新は遅めです。みなさまのリクエストにもたまにはお答えしています。まずはテンプレ一覧をご覧下さいませ。

訪問者合計:
現在の閲覧者数:
無料カウンター

FC2BLOG：バックアップ取ろうよキャンペーン

Tree-LINK

New＆Up画像をお借りしています

*Tree by FCafe

RSS-Link

*pagetop

Excellent Plugin

HTML+CSS2同盟

Powered by Harukiya Archives
Style Keeper PLG2
C-PREVIEW
NewMark
CommentTop

Powered by FCafe

BeigeHeart_べーじゅのこころ

Entries

【beige_xmaspoinsettia】ページナビ付きバージョン

*Comment

NoTitle

＞まろろんさんへ

NoTitle

ご投稿ありがとうございました

ネットでこうさぎ

＞三毛猫さんへ

Comment_form

*Trackback

Menu

Read me

Tree-Recent

Tree-Comment

Tree-Category

Tree-TB

Calendar

FC2_BBS

MailForm

右サイドメニュー

親子カテゴリ（表示テスト中）

Search

Profile

Tag List

Tree-LINK

RSS-Link

Excellent Plugin