BeigeHeart_べーじゅのこころ

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

Entries

2007.05/09 [Wed]

【beige_rose-blue】白背景バージョン

【beige_rose-blue】の白背景バージョンです。

画像を白背景用に作り替えています。カスタマイズで淡い背景色にしたい方は、こちらのファイルより画像をお使い下さいませ。

【beige_rose-blue】をダウンロードしていただき、スタイルシートのみ以下のファイルと置き換えて下さい。（【beige_rose-blue】を「複製」でコピーして、中身を入れ替えていただくのがベストです！）

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

スタイルシートファイル：
http://blog-imgs-1.fc2.com/b/e/i/beigeheart/rose-blue-2c-w.css
テストページでの表示例

@charset "EUC-JP";
/* =============================================  
beige_rose-blue-w
 ============================================= */
/*
2007.5.9
*/

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

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

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

/* =============================================  
フォントファミリー：ゴシック
 ============================================= */
/* 以下を削除するとすべて明朝体になります。お好みでどうそ。*/

.entry_text,.c-list_text,.entry_text table,.co_text,.tb_text,.side_text {
	font-family: "Verdana", "Hiragino Kaku Gothic Pro", "MS PGothic", "Osaka",sans-serif;
}

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

/*コンテンツ*/
div#container {
	margin : 30px 30px ; 
 	background-image : url("http://blog-imgs-1.fc2.com/b/e/i/beigeheart/rose-blue-he-s-w.gif");
	background-repeat : no-repeat ;
	background-position : left top;
	background-color : #FFF; 
	border : 3px double #121996 ; 
}

div#layout {
	margin : 0px auto 0px auto ; 
	text-align : left;
	width : 95%;
}

/*ヘッダー*/
div#layout_head {
	width : 100%;
	height:240px; 
	text-align : right;
}

/*メイン部分*/
div#layout_main {
	float : left;
	margin-right :-260px;
	width : 100%;
}

div#layout_main #wrapper {
	margin-right : 260px;
}

/*サイド部分*/
div#layout_side {
	float : right; 
	width : 230px; 
}

/* フッター部分 */
div#layout_footer {
	clear : both;
	text-align : center;
}

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

/* =============================================  
リンク設定
 ============================================= */
a:link { color : #006; text-decoration : none;}
a:active { color : #006; text-decoration : none;}
a:visited { color : #006; text-decoration : none;}
a:hover { color : #92A2FF; text-decoration : underline;}

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

/* =============================================  
タイトル
 ============================================= */
/*サイトタイトル*/
h1 {
	margin : 0px ;
	padding : 50px 20px 0 280px;
	color : #006;
}
h1 a:link { color : #006; text-decoration : none;border-bottom : 3px double #006;}
h1 a:active { color : #121996; text-decoration : none;border-bottom : 3px double #121996;}
h1 a:visited { color : #006; text-decoration : none;border-bottom : 3px double #006;}
h1 a:hover { color : #92A2FF; text-decoration : none; border-bottom : 3px double #92A2FF; background-color:transparent;}

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

/*各エリアサブタイトル*/
h2 {	
	margin : 0px ;
	padding : 20px 0px 2px 20px;
	color : #060;
	letter-spacing : 0.2em; 
	border-bottom : 1px solid #900 ; 
}

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

/*管理ページリンク*/
ul.admin {
	margin : 0;
	padding : 0px 0px 0px 0px;
	list-style-type : none;
	text-align : left;
}
ul.admin li { 
	display : inline; 
}

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

/*エントリー：1ブロック*/
.entry-body {
	margin : 0px 0px 60px 0px;
 	background-image : url("http://blog-imgs-1.fc2.com/b/e/i/beigeheart/rose-blue-fo-s-w.gif");
	background-repeat : no-repeat ;
	background-position : right bottom;
	border-bottom : 1px solid #7283F7 ;   
}

/*エントリー：日付*/
div.entry_date {
	margin : 0px;
	padding : 15px 0px 2px 20px;
	letter-spacing : 0.2em; 
	font-size : 140%;
	color : #060;
}
div.entry_date:first-letter {
	font-size : 180%;
	color : #900;
}

/*エントリー：見出し*/
.entry-body h3 {
	margin : 0px ;
	padding : 5px 0 0px 20px;
	letter-spacing : 0.2em; 
	color : #121996;
	background-color : #C4D3FF;
	border-bottom : 1px solid #92A2FF ; 
}

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

/*エントリー：ステータス*/
ul.entry_state {
	margin : 0;
	padding : 5px 0 2px 20px;
	list-style-type : none;
	text-align : left;
	font-size : 105%; 
	border-bottom : 1px dotted #5765F3 ; 
}
ul.entry_state li { 
	display : inline; 
}

/*テキスト内の画像*/
.entry_text img {
	margin : 0px ;
	padding : 2px;
	background-color : #FFF;
	border: 1px solid #666 ; 
}

/*テキスト内のタグ*/
.entry_text a.tagword {
	border-bottom: 1px dotted #92A2FF;
}
.entry_text a:hover.tagword {
	color : #92A2FF;
	border-bottom: 1px dotted #92A2FF;
	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; 
}

/* =============================================
コメントリスト
 ============================================= */
.c-list_body {
	margin : 0;
	padding : 0 20px ;

}
.c-list_text {
	line-height: 120%;
	text-align : left;
	margin : 5px 0px 0px 0px;
	padding : 0px ;
 	background-image : url("http://blog-imgs-1.fc2.com/b/e/i/beigeheart/tokablue.gif");
	background-repeat : repeat ;
}
.c-list_text dl.comment-list {
	margin : 0px;
	padding : 0px 0px 10px 0px;
}
.c-list_text dl.comment-list dt{
	color : #121996;
	padding : 3px 0 ;
	background-color : #FFF;
	border-bottom : 1px solid #92A2FF ; 
}
/*コメントリスト中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%;
 	background-image : url("http://blog-imgs-1.fc2.com/b/e/i/beigeheart/tokablue.gif");
	background-repeat : repeat ;
	border-top : 1px dotted #5765F3 ; 
	border-right : 1px dotted #5765F3 ; 
	border-bottom : 1px dotted #5765F3 ; 
	border-left : 1px solid #600 ; 
}

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

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

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

.entry_text dl {
	margin : 0px;
	padding : 5px 0px 10px 0px;
}
.entry_text dt {
	color : #5765F3;
	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 20px;
}

/* =============================================
 エントリー内：テーブル設定 
 ============================================= */
.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 : #5765F3;
}

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

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

#date .entry,#category .entry,#search .entry,#tag .entry,#titlelist .entry {
	background-color : #;
 	background-image : url("http://blog-imgs-1.fc2.com/b/e/i/beigeheart/rose-blue-fo-st-w.gif");
	background-repeat : no-repeat ;
	background-position : right top;
	border : 1px solid #7283F7 ; 
}

#date .entry-body,#category .entry-body,#search .entry-body,#tag .entry-body,#titlelist .entry-body {
	margin : 20px 0px 30px 0px;
	background-color : transparent;
 	background-image: none;
	border : none ; 
}

#date .entry-body h3,#category .entry-body h3,#search .entry-body h3,#tag .entry-body h3,#titlelist .entry-body h3 {
	border-bottom : none ; 
	background-color : transparent;
 	background-image : url("http://blog-imgs-1.fc2.com/b/e/i/beigeheart/tokablue.gif");
	background-repeat : repeat ;

}

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

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

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

/*コメント＆トラックバック：1ブロック*/
.commentarea ,.trackbackarea {
	margin : 20px 0px ;
	text-align : left;
}

/*コメント＆トラックバック：記事*/
.comment-body ,.trackback-body {
	margin : 10px 0px ;
	padding : 0px;
	text-align : left;
}

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

/*コメント＆トラックバック：見出し*/
.comment-body h3 ,trackback-body h3 {
	margin : 0px;
	padding : 0px 0 0px 20px;
	color : #121996;
	letter-spacing : 0.2em; 
	background-color : #DFECFF;
	border-bottom : 1px solid #92A2FF ; 
}

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

/*コメント＆トラックバック：ステータス*/
ul.co_state ,ul.tb_state {
	margin : 0;
	padding : 5px 50px 2px 0px;
	list-style-type : none;
	text-align : right;
	font-size : 105%; 
	border-bottom : 1px dotted #92A2FF ; 
}
ul.co_state li ,ul.tb_state li { 
	display : inline; 
}

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

}
.trackbackarea p a {
	margin : 0px;
	padding : 2px 5px;
	border-top : 1px dotted #5765F3 ; 
	border-right : 1px dotted #5765F3 ; 
	border-bottom : 1px dotted #5765F3 ; 
	border-left : 1px dotted #5765F3 ; 
}
.trackbackarea p a:hover {
	background-color : #05083E;
	border : 1px dotted #92A2FF ; 
}

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

/*投稿フォーム*/
.entry_form {
	margin : 30px 0px 0px 0px;
	padding : 20px 0px 0px 20px;
	line-height : 200%;
 	background-image : url("http://blog-imgs-1.fc2.com/b/e/i/beigeheart/rose-blue-fo-s-w.gif");
	background-repeat : no-repeat ;
	background-position : right bottom;
}
/*投稿フォーム：入力*/
dl.co_form {
	margin : 20px 0 0 0;
	padding : 0px ;
}
/*投稿フォーム：ラベル*/
dl.co_form dt label {
	position : absolute;
	text-align : left;
	width : 50px;
}
/*投稿フォーム：入力*/
dl.co_form dd {
	margin-left : 60px;
	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-size: 120%;
	letter-spacing : 0.1em; 
	color: #060;
}

/*コメント：ページ移動*/
.commentarea ul.entry_navi {
	margin : 0;
	padding : 0px 50px 2px 0px;
	list-style-type : none;
	text-align : right;
	border-bottom : 1px solid #5765F3 ; 
}

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

ul#pluginmenu li a:hover {
	color : #5765F3; 
	background-color : #FFF; 
	text-decoration : none; 
	border-top : 3px dotted #FFF ; 
	border-right : 1px solid #92A2FF ; 
	border-bottom : 1px solid #5765F3 ; 
	border-left : 3px dotted #FFF ; 
}

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

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

/*サイドメニュー：1ブロック*/
.side_menu{
	margin: 0px 0px 30px 0px;
}

/*サイド：見出し*/
.side_menu h3 {
	margin: 0px;
	padding : 10px 0px 0px 0;
	color: #393;
 	background-image : url("http://blog-imgs-1.fc2.com/b/e/i/beigeheart/rose-blue-tm-s-w.gif");
	background-repeat : no-repeat ;
	background-position : right bottom;
}
.side_menu h3:first-letter {
	font-size : 130%;
	color : #900;
}

div#layout_rightside .side_menu h3 {
	background-color : #FFF;
}

/*サイド：コンテンツ*/
div.side_text {
	margin : 0px ;
	padding : 5px 10px;
	font-size : 95%; 
	background-color : #EDF1FF; 
	border-top : 1px solid #7283F7 ; 
}

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

.side_menu dl {
	text-align : left;
	margin : 0px;
	padding : 20px 0px 20px 0px;
}
.side_menu dt{
	margin : 0px;
	padding : 0px 0px 3px 0px;
}
.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 : 1px dotted #92A2FF;
}

/*タグリスト*/
.plugin-tag a {
	border-bottom: 1px dotted #92A2FF;
	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-1.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-1.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%;
	background-image : url("http://blog-imgs-1.fc2.com/b/e/i/beigeheart/list-blue.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-1.fc2.com/b/e/i/beigeheart/list-blue.gif");
	background-repeat : no-repeat ;
	background-position : left center;
}

/* =============================================  
カレンダー設定
 ============================================= */
.calender {
	font-size : 90%;
 	background-image : url("http://blog-imgs-1.fc2.com/b/e/i/beigeheart/rose-blue-fo-s-w.gif");
	background-repeat : no-repeat ;
	background-position : right top;
}
.calender caption {
	padding : 5px 0 1px 0;
}
.calender th {
	font-weight : normal;
	text-align : center;
	background-color : #C4D3FF; 
	border-bottom : 2px solid #666 ; 
}
.calender td {
	width :  18px;
	padding : 0px;
	text-align : center;
 	background-image : url("http://blog-imgs-1.fc2.com/b/e/i/beigeheart/toka.gif");
	background-repeat : repeat ;
}
.calender td a {
	display : block;
}
th#sun {
	color : #900;
	border-bottom : 2px solid #900 ; 
}
th#sat {
	color : #006;
	border-bottom : 2px solid #121996 ; 
}
.calender td a:link {
	color : #FFF; 
	background-color : #7283F7; 
	text-decoration : none; 
}
.calender td a:visited { 
	color : #C4D3FF; 
	background-color : #7283F7; 
	text-decoration : none; 
}
.calender td a:hover { 
	color : #006; 
	background-color : #C4D3FF; 
	text-decoration : none;
}

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

/*コピーライト*/
.copyright {
	margin: 0px;
	padding: 20px 0 0 0;
	font-size : 95%;
	line-height: 180%;
	text-align : center;
}

※カテゴリ全文表示バージョンは以下になります。
HTMLと、スタイルシートの両方を入れ替えてください！

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" xml:lang="ja" 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" /> <title><%blog_name>：<%sub_title>：：：<%search_word>：<%tag_word>：コメントの編集：全記事一覧<%sub_title></title> <link href="<%css_link>" type="text/css" rel="stylesheet" /> <link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml" />  <script src="http://blog-imgs-24.fc2.com/b/e/i/beigeheart/tree_ul_2.js" type="text/javascript"></script>    <script src="http://blog-imgs-24.fc2.com/b/e/i/beigeheart/showhidemenu.js" type="text/javascript"></script>           </head> <body id="permanentdatecategorysearchtagedittitlelistpage">   <div id="container"> <div id="layout">  <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><%blog_id>/admin.php?mode=admin" title="管理ページトップ">*Admin</a> | </li> <li><a href="<%server_url><%blog_id>/admin.php?mode=newentry" title="新しく記事を書く">*Write</a> | </li> <li><a href="<%server_url><%blog_id>/admin.php?mode=modifyentry" title="過去の記事の管理">*Edit</a></li> </ul>   <div class="entry">  <h2 id="subtitle">Entries</h2>   <h2>Archive [<%sub_title> ] 記事一覧</h2>   <h2>Category [<%sub_title> ] 記事一覧</h2>   <h2>Search [<%sub_title> ]を含む検索結果</h2>   <h2>User Tag [<%sub_title> ]を含む記事一覧</h2>   <h2>All Titlelist [全記事一覧]</h2>   <div class="entry-body">   <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> <div class="entry_text"> <%topentry_discription> <%topentry_discription> <%topentry_discription>  <%topentry_body>  <div class="entry_more"> <script type="text/javascript">  </script> <noscript> <a href="<%topentry_link>#more_<%topentry_no>">»»続きを読む</a> </noscript> <div id="more_<%topentry_no>" style="display: none;"> <hr /> <%topentry_more></div></div>   </div>   <h3 id="entry-<%topentry_no>"><%topentry_title></h3> <div class="entry_text"> <%topentry_body>  <div class="entry_more" id="more_<%topentry_no>"> <hr /> <%topentry_more> </div>  </div>  <ul class="entry_state">  <li class="date"><%topentry_year>.<%topentry_month>.<%topentry_day> </li>   <li class="date"><%topentry_year>.<%topentry_month>.<%topentry_day> </li>   <li class="date"><%topentry_year>.<%topentry_month>.<%topentry_day> </li>   <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 class="c-list_body"> <script type="text/javascript">  </script> <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>        <ul class="tag_state"> <li>Tag List</li>  <li>[<a href="<%url>?tag=<%topentry_tag_list_parsename>"><%topentry_tag_list_name></a>] </li>  </ul>   <ul class="tag_state"> <li>[No Tag]</li> </ul>    </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"> <h2 id="comments">*Comment</h2>  <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 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>  <ul class="entry_navi"> <li><a href="#pagetop">*Top</a></li> </ul> </div>     <div class="commentarea"> <h2>*Comment_Edit</h2> <div class="entry_form"> <h3 id="comment_edit">Edit_form</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 class="trackbackarea"> <h2 id="trackback">*Trackback</h2> <p>トラックバックURL<br /> →<a href="<%trackback_url>"><%trackback_url></a></p>  <div class="trackback-body"> <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"> <h2>Menu</h2>     <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 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 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 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 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-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-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><%blog_id>/admin.php?mode=admin" title="管理ページトップ">管理ページトップ</a></li> <li><a href="<%server_url><%blog_id>/admin.php?mode=newentry" title="新しく記事を書く">新しく記事を書く</a></li> <li><a href="<%server_url><%blog_id>/admin.php?mode=modifyentry" title="過去の記事の管理">過去の記事の管理</a></li> </ul> </div></div>     </div>    <div id="layout_footer">  <div class="copyright"> Copyright © <a href="./"><%blog_name></a>. Powered By <a href="http://blog.fc2.com/" target="_blank">FC2</a>.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_rose-blue-w-cat-all ============================================= */ /* 2007.9.21 カテゴリ全文表示板 2007.5.9 白背景版 */ *{ margin : 0; padding : 0 ; font-weight : normal; } /* ============================================= ボディ ============================================= */ body { font-family: "Apple Chancery", "Georgia" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "平成明朝" , "HeiseiMincho" ,serif; text-align : center; line-height : 150%; font-size : 85%; color : #555; background-color : #EDF1FF; } /* ============================================= フォントファミリー：ゴシック ============================================= */ /* 以下を削除するとすべて明朝体になります。お好みでどうそ。*/ .entry_text,.c-list_text,.entry_text table,.co_text,.tb_text,.side_text { font-family: "Verdana", "Hiragino Kaku Gothic Pro", "MS PGothic", "Osaka",sans-serif; } /* ============================================= レイアウト設定 ============================================= */ /*コンテンツ*/ div#container { margin : 30px 30px ; background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/rose-blue-he-s-w.gif"); background-repeat : no-repeat ; background-position : left top; background-color : #FFF; border : 3px double #121996 ; } div#layout { margin : 0px auto 0px auto ; text-align : left; width : 95%; } /*ヘッダー*/ div#layout_head { width : 100%; height:240px; text-align : right; } /*メイン部分*/ div#layout_main { float : left; margin-right :-260px; width : 100%; } div#layout_main #wrapper { margin-right : 260px; } /*サイド部分*/ div#layout_side { float : right; width : 230px; } /* フッター部分 */ div#layout_footer { clear : both; text-align : center; } /* ============================================= 見出し ============================================= */ h1 { font-size : 180%;} h2 { font-size : 140%;} h3 { font-size : 120%;} h4 { font-size : 110%;} h5 { font-size : 105%;} h6 { font-size : 100%;} /* ============================================= リンク設定 ============================================= */ a:link { color : #006; text-decoration : none;} a:active { color : #006; text-decoration : none;} a:visited { color : #006; text-decoration : none;} a:hover { color : #92A2FF; text-decoration : underline;} /* ============================================= 投稿部分設定 ============================================= */ input,select,textarea{ font-family : "Osaka","Verdana", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif; color : #666; font-size :100%; background-color : #EDF1FF; border-top : 1px solid #121996 ; border-right : 1px solid #121996 ; border-bottom : 1px solid #121996 ; border-left : 1px solid #600 ; } /* ============================================= タイトル ============================================= */ /*サイトタイトル*/ h1 { margin : 0px ; padding : 50px 20px 0 280px; color : #006; } h1 a:link { color : #006; text-decoration : none;border-bottom : 3px double #006;} h1 a:active { color : #121996; text-decoration : none;border-bottom : 3px double #121996;} h1 a:visited { color : #006; text-decoration : none;border-bottom : 3px double #006;} h1 a:hover { color : #92A2FF; text-decoration : none; border-bottom : 3px double #92A2FF; background-color:transparent;} /*サイト説明*/ #layout_head p#introduction { margin : 0px ; padding : 100px 20px 0px 150px; font-size : 110%; color : #92A2FF; } /*各エリアサブタイトル*/ h2 { margin : 0px ; padding : 20px 0px 2px 20px; color : #060; letter-spacing : 0.2em; border-bottom : 1px solid #900 ; } /*メイン見出し*/ h2#subtitle { display : none; } /*管理ページリンク*/ ul.admin { margin : 0; padding : 0px 0px 0px 0px; list-style-type : none; text-align : left; } ul.admin li { display : inline; } /* ============================================= エントリー関連 ============================================= */ /*エントリー：1ブロック*/ .entry-body { margin : 0px 0px 60px 0px; background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/rose-blue-fo-s-w.gif"); background-repeat : no-repeat ; background-position : right bottom; border-bottom : 1px solid #7283F7 ; } /*エントリー：日付*/ div.entry_date { margin : 0px; padding : 15px 0px 2px 20px; letter-spacing : 0.2em; font-size : 140%; color : #060; } div.entry_date:first-letter { font-size : 180%; color : #900; } /*エントリー：見出し*/ .entry-body h3 { margin : 0px ; padding : 5px 0 0px 20px; letter-spacing : 0.2em; color : #121996; background-color : #C4D3FF; border-bottom : 1px solid #92A2FF ; } /*エントリー：記事部分*/ .entry_text { margin : 0px; padding : 5px 20px 5px 20px; } /*エントリー：追記テキスト*/ .entry_more{ margin : 0px; padding : 10px 0 0 0; } /*エントリー：ステータス*/ ul.entry_state { margin : 0; padding : 5px 0 2px 20px; list-style-type : none; text-align : left; font-size : 105%; border-bottom : 1px dotted #5765F3 ; } ul.entry_state li { display : inline; } /*テキスト内の画像*/ .entry_text img { margin : 0px ; padding : 2px; background-color : #FFF; border: 1px solid #666 ; } /*テキスト内のタグ*/ .entry_text a.tagword { border-bottom: 1px dotted #92A2FF; } .entry_text a:hover.tagword { color : #92A2FF; border-bottom: 1px dotted #92A2FF; 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; } /* ============================================= コメントリスト ============================================= */ .c-list_body { margin : 0; padding : 0 20px ; } .c-list_text { line-height: 120%; text-align : left; margin : 5px 0px 0px 0px; padding : 0px ; background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/tokablue.gif"); background-repeat : repeat ; } .c-list_text dl.comment-list { margin : 0px; padding : 0px 0px 10px 0px; } .c-list_text dl.comment-list dt{ color : #121996; padding : 3px 0 ; background-color : #FFF; border-bottom : 1px solid #92A2FF ; } /*コメントリスト中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%; background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/tokablue.gif"); background-repeat : repeat ; border-top : 1px dotted #5765F3 ; border-right : 1px dotted #5765F3 ; border-bottom : 1px dotted #5765F3 ; border-left : 1px solid #600 ; } /* ============================================= 水平線設定 ============================================= */ hr { margin : 5px 20px; color : #92A2FF; background-color : #92A2FF; border : 0; height : 1px ; } /* ============================================= その他の設定 ============================================= */ em ,i { font-style : italic;} strong ,b { font-weight : bold;} u { text-decoration : underline;} p { margin : 1em 0;} /* ============================================= エントリー内：リスト ============================================= */ .entry_text ul { margin : 0px; padding : 5px 0px 10px 20px; } .entry_text li { line-height : 120%; margin-bottom : 5px; } .entry_text dl { margin : 0px; padding : 5px 0px 10px 0px; } .entry_text dt { color : #5765F3; 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 20px; } /* ============================================= エントリー内：テーブル設定 ============================================= */ .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 : #5765F3; } /* ============================================= 各エリア独自表示 ============================================= */ #date h2:first-letter , #category h2:first-letter , #search h2:first-letter , #tag h2:first-letter , #titlelist h2:first-letter { font-size : 180%; color : #900; } #date .entry,#search .entry,#tag .entry,#titlelist .entry { background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/rose-blue-fo-st-w.gif"); background-repeat : no-repeat ; background-position : right top; border : 1px solid #7283F7 ; } #date .entry-body,#search .entry-body,#tag .entry-body,#titlelist .entry-body { margin : 20px 0px 30px 0px; background-color : transparent; background-image: none; border : none ; } #date .entry-body h3,#search .entry-body h3,#tag .entry-body h3,#titlelist .entry-body h3 { border-bottom : none ; background-color : transparent; background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/tokablue.gif"); background-repeat : repeat ; } #date .entry_text,#search .entry_text,#tag .entry_text,#titlelist .entry_text { line-height: 120%; } /* ============================================= ページ移動 ============================================= */ ul.entry_navi { margin : 10px 0px; list-style-type : none; text-align :center; } ul.entry_navi li { display : inline; } /* ============================================= コメント＆トラックバック関連 ============================================= */ /*コメント＆トラックバック：1ブロック*/ .commentarea ,.trackbackarea { margin : 20px 0px ; text-align : left; } /*コメント＆トラックバック：記事*/ .comment-body ,.trackback-body { margin : 10px 0px ; padding : 0px; text-align : left; } /*コメント記事中URL*/ .comment_body a ,trackback-body a { display : block; height :1em; width : 20em; overflow : hidden ; } /*コメント＆トラックバック：見出し*/ .comment-body h3 ,trackback-body h3 { margin : 0px; padding : 0px 0 0px 20px; color : #121996; letter-spacing : 0.2em; background-color : #DFECFF; border-bottom : 1px solid #92A2FF ; } /*コメント＆トラックバック：テキスト*/ .co_text ,tb_text { margin : 0px; padding : 5px 20px 0px 20px; line-height: 150%; } /*コメント＆トラックバック：ステータス*/ ul.co_state ,ul.tb_state { margin : 0; padding : 5px 50px 2px 0px; list-style-type : none; text-align : right; font-size : 105%; border-bottom : 1px dotted #92A2FF ; } ul.co_state li ,ul.tb_state li { display : inline; } /*トラバURL*/ .trackbackarea p { margin : 30px 0 30px 0; padding : 0px; } .trackbackarea p a { margin : 0px; padding : 2px 5px; border-top : 1px dotted #5765F3 ; border-right : 1px dotted #5765F3 ; border-bottom : 1px dotted #5765F3 ; border-left : 1px dotted #5765F3 ; } .trackbackarea p a:hover { background-color : #EDF1FF; border : 1px dotted #92A2FF ; } /* ============================================= コメント投稿＆修正フォーム ============================================= */ /*投稿フォーム*/ .entry_form { margin : 30px 0px 0px 0px; padding : 20px 0px 0px 20px; line-height : 200%; background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/rose-blue-fo-s-w.gif"); background-repeat : no-repeat ; background-position : right bottom; } /*投稿フォーム：入力*/ dl.co_form { margin : 20px 0 0 0; padding : 0px ; } /*投稿フォーム：ラベル*/ dl.co_form dt label { position : absolute; text-align : left; width : 50px; } /*投稿フォーム：入力*/ dl.co_form dd { margin-left : 60px; 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-size: 120%; letter-spacing : 0.1em; color: #060; } /*コメント：ページ移動*/ .commentarea ul.entry_navi { margin : 0; padding : 0px 50px 2px 0px; list-style-type : none; text-align : right; border-bottom : 1px solid #5765F3 ; } /* ============================================= プラグインカテゴリーメニュー設定（プラグイン設定有効時） ============================================= */ #showhidemenu { height : 15px; margin : 0px 0px 30px 0; padding : 0; clear : both; } ul#pluginmenu{ list-style : none; margin : 0px; padding : 0px; } ul#pluginmenu li{ float : left; display : block; width : 60px; margin : 0px 4px 0px 3px; } ul#pluginmenu li a { display : block; font-size : 90%; width : 60px; text-align : center; text-decoration : none; color : #121996; background-color : #C4D3FF; border-top : 1px dotted #5765F3 ; border-right : 3px double #2738C7 ; border-bottom : 3px double #121996 ; border-left : 1px dotted #5765F3 ; } ul#pluginmenu li a:hover { color : #5765F3; background-color : #FFF; text-decoration : none; border-top : 3px dotted #FFF ; border-right : 1px solid #92A2FF ; border-bottom : 1px solid #5765F3 ; border-left : 3px dotted #FFF ; } /* ============================================= サイドメニュー関連 ============================================= */ /*サイド：大見出し*/ #layout_side h2 { display : none; } /*サイドメニュー：1ブロック*/ .side_menu{ margin: 0px 0px 30px 0px; } /*サイド：見出し*/ .side_menu h3 { margin: 0px; padding : 10px 0px 0px 0; color: #393; background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/rose-blue-tm-s-w.gif"); background-repeat : no-repeat ; background-position : right bottom; } /* Hidden from Mac IE */ .side_menu h3:first-letter { font-size : 130%; color : #900; } /**/ div#layout_rightside .side_menu h3 { background-color : #FFF; } /*サイド：コンテンツ*/ div.side_text { margin : 0px ; padding : 5px 10px; font-size : 95%; background-color : #EDF1FF; border-top : 1px solid #7283F7 ; } /*サイドメニュー：リスト*/ .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/list-blue.gif"); } .side_menu li { line-height: 150%; } .side_menu dl { text-align : left; margin : 0px; padding : 20px 0px 20px 0px; } .side_menu dt{ margin : 0px; padding : 0px 0px 3px 0px; } .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 : 1px dotted #92A2FF; } /*タグリスト*/ .plugin-tag a { border-bottom: 1px dotted #92A2FF; 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%; background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/list-blue.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/list-blue.gif"); background-repeat : no-repeat ; background-position : left center; } /* ============================================= カレンダー設定 ============================================= */ .calender { font-size : 90%; background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/rose-blue-fo-s-w.gif"); background-repeat : no-repeat ; background-position : right top; } .calender caption { padding : 5px 0 1px 0; } .calender th { font-weight : normal; text-align : center; background-color : #C4D3FF; border-bottom : 2px solid #666 ; } .calender td { width : 18px; padding : 0px; text-align : center; background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/toka.gif"); background-repeat : repeat ; } .calender td a { display : block; } th#sun { color : #900; border-bottom : 2px solid #900 ; } th#sat { color : #006; border-bottom : 2px solid #121996 ; } .calender td a:link { color : #FFF; background-color : #7283F7; text-decoration : none; } .calender td a:visited { color : #C4D3FF; background-color : #7283F7; text-decoration : none; } .calender td a:hover { color : #006; background-color : #C4D3FF; text-decoration : none; } /* ============================================= ページフッター関連 ============================================= */ /*コピーライト*/ .copyright { margin: 0px; padding: 20px 0 0 0; font-size : 95%; line-height: 180%; text-align : center; }

at 13:59
[テンプレート:カスタマイズ]
TB(0) |
CO(18)
[Edit]

*Comment

白背景、嬉しいです

Chakoさま

はじめまして。
素敵なテンプレートを沢山作ってくださり、ありがとうございます。
先ほどまで【beige_rose-pink】を使わせていただいて
おりました。

新作を発表されるたびに、わくわくしております。
黒背景の青いバラ、とてもきれいで使いたかったのですが、
反転や淡い色でぼかして書いてある記事もあり、かといって、
自分で弄れる能力もなく、rose-red、rose-pinkのように
色変わりがでないかと、願っていました。

【beige_rose-blue】白背景バージョンは、初夏の爽やかさを感じさせ、
とても素敵だと思います。使わせていただきます。
白背景バージョンを作ってくださり、ありがとうございました。

posted by たまりょ
URL
2007.05/09 21:10分
[Edit]

＞たまりょさんへ

テンプレートのご利用ありがとうございます♪

こちらこそ、アップしてすぐに使って下さる方が現れてとても嬉しいです（*^_^*）
3カラム版で作りかけていたのですが、【beige_rose-blue】のHTMLでそのまま使えるように変更したんですよ。
3カラムの方を共有に登録しようかな…と考え中です。

＞色変わりがでないかと、願っていました。
リクエストしてくださればよかったのに～（笑）
ご質問などもお気軽にどうぞ。

posted by Chako
URL
2007.05/10 17:46分
[Edit]

私も・・

こんばんは。
beige_rose－blueの白バージョン嬉しいです。早速お借りしますね。

スタイルシートの書き換えも無事に終わりました(^^♪
青いバラがとっても綺麗です。嬉し～～～です。

posted by ラム
URL
2007.05/10 21:34分
[Edit]

早速・・・

お蔭様で、背景色fff8dc(cornsilk)で、模様替えいたしました。とっても楽しいです

。
背景色faf0e6(linen)でも、きれいでした。・・・ボディのback ground-color を替えると、外枠に該当することが、わかりました。面白いですね。

posted by cynthia
URL
2007.05/11 00:27分
[Edit]

NoTitle

はじめまして！！
バラの花が好きだったので、青い薔薇にはとても惹きつけられました。
白の2カラムも探していたので嬉しいです！！
ペット背景と合わせて、
早速、使わせていただきます！！
有難うございまっす！！

posted by risy
URL
2007.05/20 14:28分
[Edit]

お返事

すっかりレスが疎かになっていました。すみません。

みなさま、ご利用ありがとうございます。
スタイルシートを入れ替えて、無事にご利用いただけているようで安心しました。
ご報告ありがとうございました。

まとめてのレスになってしまい申し訳ありません。

posted by Chako
URL
2007.05/23 01:37分
[Edit]

質問なのですが・・・。

Chako様

はじめまして。セツキと申します。
beige_rose-blue白背景タイプの
2カラムを使わせて頂こうと思い、
上記の方法（追記をコピー）でやってみたのですが
正しく変更設定出来ないようなんですが・・・どうしてでしょう？汗
（記事欄のテーブルがはみ出して　サイドメニューに被ったり）
何か方法が間違っているのでしょうか＞＜

綺麗なテンプレートなので是非使わせていただきたいです。
助言お願い致します。

posted by 刹月
URL
2007.05/29 16:41分
[Edit]

＞刹月さんへ

テンプレートのご利用ありがとうございます♪

もしかして【beige_rose-blue】ではなく【beige_rose-blue-w_3c】のスタイルシートを入れ替えているということはありませんか？
ちょっとややこしくて申し訳ないのですが、「2カラム」の場合は【beige_rose-blue】のスタイルシートを変更していただくことになります。
「beige_rose-blue」で検索して頂くと、2件表示されますが、黒い背景のテンプレートです。

もしそうではなく正しく入れ替えていらっしゃるのに崩れるようでしたら、その状態のプレビュー（テンプレート一覧の「適用する」の横に付いているプレビューです）を見せて頂けると原因がわかるのですが…

posted by Chako
URL
2007.05/29 17:41分
[Edit]

申し訳ありませんorz

お返事いただきありがとうございます。
原因発覚しました。
Chakoさんのご指摘どおりでした＞＜
beige_rose-blueから変更で設定できました！
よく読めば書いてあったことなのに
お手数おかけして申し訳ありませんでした；；

ご丁寧に答えて下さってありがとうございます＾＾
早速使わせていただいてます。
新作も楽しみにしていますねーー。

本当に、ありがとうございました★

posted by 刹月
URL
2007.05/30 10:59分
[Edit]

使わせていただきます。

Chako様

はじめまして、えんじゅりーぬと申します。
私好みの美しい青薔薇に一目惚れして、
黒背景をダウンロードさせていただきました！
ですが今回は夏用の模様替えを計画していたので、
白２カラムに変更して使わせていただきます！
本当に綺麗で利用できるのが、とても嬉しいです☆

次の模様替えにも利用させていただくと思います。
これからも素敵なモノ期待しています！
ありがとうございました。

posted by えんじゅりーぬ
URL
2007.06/30 18:13分
[Edit]

難しかったですが、できました

Chako様のデザインと字体のファンです。
とても見やすいところが気に入ってます。

以前は「beige-rose-pink」を使わせていただいてたんですが、
今回、模様替えで色違い・白背景・２カラムを探していました。

ＰＣに疎いので、「保存したファイルを文字対応のテキストエディタで開く」という事ができなくて、
下の四角内にあるものを、全部コピペして、
中身の入れ替えに成功しました！

やっと使わせていただく事ができます。
ありがとうございます。

posted by ＹＡＮ
URL
2007.08/30 12:01分
[Edit]

レス

＞えんじゅりーぬさん
うわ～っ(__;)
すごい前にコメント頂いていたのにすみません。
黒背景と白背景では印象が全く違って気分も変わりますよね。
いつもご利用ありがとうございます。

＞ＹＡＮさん
テンプレご利用ありがとうございます♪
成功されたようでよかったです。
素敵なブログ生活を楽しんでくださいませ。

posted by Chako
URL
2007.09/06 10:53分
[Edit]

出来ますでしょうか？

Chakoさん、こんにちは！
８/３０にもコメントを書かせてもらった者ですが、
現在このテンプレは、「カテゴリー」から開くと、タイトルと文章の１部が表示されますよね。

それを、記事文章全部が表示できるように変更は可能でしょうか？
勝手な質問ですいません。
教えていただければ、幸いです。

posted by ＹＡＮ
URL
2007.09/20 12:36分
[Edit]

＞ＹＡＮさんへ

ＹＡＮさん、ご質問ありがとうございます。

文章の一部が表示されるのは、「カテゴリ」「月別」「検索」「ユーザータグ」で開いた時になります。
2点確認させてください。

◆全文表示は「カテゴリー」だけでよろしいでしょうか？
それとも「月別」や「検索」で開いた時も、全文表示された方がいいですか？

◆また、それらの表示の時、少しデザインを変えていて、
全体を枠で囲むような形になっていますが、これはこのままでよいでしょうか？

その点をお聞かせ頂ければ、すぐに作りますので、もう一度コメントしてくださいませ。
ＹＡＮさんのご希望の形を（遠慮無く）言ってくださいね。

ではお待ちしています。

posted by Chako
URL
2007.09/20 15:37分
[Edit]

恐縮です

Chakoさん、早々とお返事いただいて、ありがとうございます！

私の希望としては、

１．全文表示は「カテゴリー」だけでいいです。

２．枠はないほうがいいです。

わざわざ作っていただくとなると、
お手間を取らせる事になって、申し訳ないです。
ずうずうしいお願いをして、すいません。
では、急ぎませんので、よろしくお願い致します。

posted by ＹＡＮ
URL
2007.09/21 16:06分
[Edit]

＞ＹＡＮさんへ

この記事の最後に、追加しておきました。
「四角内にあるものを、全部コピペ」でやってみてくださいね。

今回はHTMLと、スタイルシートの両方を変更する必要がありますので、よろしくお願いします。

＞わざわざ作っていただくとなると、
＞お手間を取らせる事になって、申し訳ないです。
全然大丈夫ですよー！
自分で作っているものなので、変更するのも簡単なのです。
数分でできますので気にしないでくださいね。

やってみておかしなところなどありましたら、またご連絡下さいませ。

posted by Chako
URL
2007.09/21 17:39分
[Edit]

出来ました！

Chakoさん、本当に早い対応をしていただいて、感激です！
おかげ様で、コピペと言う簡単な方法で、私の希望通りの形になりました。
うれしいです、また長く使わせていただきますね。
どうもありがとうございました！

posted by ＹＡＮ
URL
2007.09/21 22:21分
[Edit]

上手く機能しています

Chakoさん、お知らせをありがとうございました！
HTMLを入れ替えたら、メニュー切り替えもスムーズにいっています。
アフターフォローまで丁寧にしていただけるとは、
Chakoさんのきちんとしたお人柄を感じます。
ありがとうございました！

posted by ＹＡＮ
URL
2007.09/23 11:54分
[Edit]

Comment_form

*PageTop

*Trackback

トラックバックURL
→http://beigeheart.blog9.fc2.com/tb.php/304-93a06af9

*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_rose-blue】白背景バージョン

*Comment

白背景、嬉しいです

＞たまりょさんへ

私も・・

早速・・・

NoTitle

お返事

質問なのですが・・・。

＞刹月さんへ

申し訳ありませんorz

使わせていただきます。

難しかったですが、できました

レス

出来ますでしょうか？

＞ＹＡＮさんへ

恐縮です

＞ＹＡＮさんへ

出来ました！

上手く機能しています

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