BeigeHeart_べーじゅのこころ

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

Entry

2006.07/30 [Sun]

【beige_sea-blue】記事幅可変

記事本文中に幅の広い画像をご利用の方などは、こちらの記事幅可変バージョンをお試し下さい。

2008年3月5日、【beige_sea-blue】を新管理対応にしました。
可変バージョンに変更したい方は、最新版と以下のスタイルシート（こちらもバージョンアップ済み）をご利用くださいませ。

※テスト用ブログでの表示サンプル

【beige_sea-blue】（テンプレートID=8790）をダウンロードしていただき、スタイルシートのみ下記のものに入れ替えるだけです。

ご不明の点などありましたら、この記事にコメントしてください。
※尚、~~3カラムの可変バージョンは作りません~~のでご理解ください。
　07.2月に「【beige_sea-blue-3col】別バージョン」を作りました。

スタイルシート：

@charset "EUC-JP";
/* =============================================  
beige_sea-blue-kahen
 ============================================= */
/*
2008.4/16
新管理対応。
2006.7/30
記事幅可変バージョン。
2006.7.24
ユーザー共有テンプレート登録。
*/

*{margin : 0; padding : 0 ;}

/* =============================================  
ボディ
 ============================================= */
body {
	margin : 0; padding : 0 ;
	text-align : center;
	font-family : "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka",sans-serif;
	font-size : 85%; 
	color : #557C8F;
	background-color : #FDFEFD;
	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/sea-back.gif");
	background-repeat : repeat-x ;
}

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

/*コンテンツ*/
div#container {
	margin : 0px auto ; 
	width : 90%;
	text-align : left;
	background-color : transparent;
	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/sea-ka-body-w.gif");
	background-repeat : no-repeat ;
	background-position : left top;
}
div#wrapper{
	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/ka-dot-w.gif");
	background-repeat : repeat-y ;
	background-position : left top;
	border-right : 1px dotted #7FBBD7 ; 
}

/*ヘッダー*/
div#layout_head {
	width : 100%;
	height : 283px;
	text-align : right;
	background-color : transparent;
	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/sea-ka-header-w.gif");
	background-repeat : no-repeat ;
	background-position : left top;
}

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

div#layout_main .entry,div#layout_main ul.entry_navi,div#layout_main .area,div#layout_main .commentarea,div#layout_main .trackbackarea{
	margin-left:253px;
}

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

/* フッター部分 */
div#layout_footer {
	margin : 0; padding : 0 ;
	clear : both;
	width : 100%;
	height : 200px;
	text-align : left;
	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/hibis-blue-fs.gif");
	background-repeat : no-repeat ;
	background-position : right bottom;
}

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

/* =============================================  
リンク設定
 ============================================= */
a:link { color : #7FBBD7; text-decoration : none;}
a:active { color : #7FBBD7; text-decoration : none;}
a:visited { color : #7FBBD7; text-decoration : none;}
a:hover { color : #69C; text-decoration : underline;}

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

/* =============================================  
タイトル
 ============================================= */
/*サイトタイトル*/
h1 {
	margin : 0px;
	padding : 80px 60px 0 0;
	font-weight : bolder;
	color : #FFE;
}
h1 a:link { color : #FFE; text-decoration : none;}
h1 a:active { color : #FFE; text-decoration : none;}
h1 a:visited { color : #FFE; text-decoration : none;}
h1 a:hover { color : #DCB20C; text-decoration : none;}

/*サイト説明*/
#layout_head p#introduction {
	margin : 0px;
	padding : 10px 60px 0 100px;
	font-size : 110%;
	font-weight : normal;
	color : #DCB20C;
}

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

/*本文中：小見出し*/
h4,h5,h6 {
	margin : 5px 0px;
	padding : 0px;
	font-weight : normal;
	color : #DCB20C;
}

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

/* =============================================
 メニュー設定（プラグイン設定無効時） 
============================================= */
#menu {
	margin : 0; 
	padding : 70px 0 0px 60px;
	text-align : left;
}
ul#mainmenu{
	margin : 0px;
	padding : 0px;
	list-style : none;
}
ul#mainmenu li{
	float : left;
	display :block;
	margin : 0px 3px 0px 2px;
	padding : 2px 0;
	font-size : 90%;
	height : 15px;
	width: 60px; 
}
ul#mainmenu li a {
	display :block;
	text-align : center;
	text-decoration : none;
	color : #FFF;
	background-color : #ABD8E7;
	border-top : 1px dotted #7FBBD7 ; 
	border-right : 1px dotted #7FBBD7 ; 
	border-bottom : 1px dotted #7FBBD7 ; 
	border-left : 1px dotted #7FBBD7 ; 
}
ul#mainmenu li.mode a {
	display : block;
	text-align : center;
	text-decoration : none; 
	color : #69C; 
	background-color : #BFE2EF;
	border-top : 1px dotted #7FBBD7 ; 
	border-right : 1px dotted #7FBBD7 ; 
	border-bottom : 1px dotted #7FBBD7 ; 
	border-left : 1px dotted #7FBBD7 ; 
}
ul#mainmenu li a:hover {
	color : #69C; 
	background-color : #BFE2EF; 
	text-decoration : none; 
}

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

/*エントリー：1ブロック*/
.entry-body{
	margin : 0px 0px 20px;
	padding-bottom : 50px ;
	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/sea-hr.gif");
	background-repeat : no-repeat ;
	background-position : center bottom;
}

/*エントリー：日付*/
div.entry_date {
	margin : 0px;
	padding : 10px 0px 10px 20px;
	font-size : 120%; 
	font-weight : bold;
	color : #DCB20C;
	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/hibis-mark.gif");
	background-repeat : no-repeat ;
	background-position : left center;
}
div.entry_date a:link { color : #DCB20C; text-decoration : none;}
div.entry_date a:active { color : #DCB20C; text-decoration : none;}
div.entry_date a:visited { color : #DCB20C; text-decoration : none;}
div.entry_date2 a:hover { color : #69C; text-decoration : none;}

/*エントリー：見出し*/
.entry-body h3 {
	margin : 0px;
	padding : 2px 0px 2px 10px;
	color : #7FBBD7;
	background-image : url("http://blog-imgs-1.fc2.com/b/e/i/beigeheart/sea-hr-long.gif");
	background-repeat : no-repeat ;
	background-position : right bottom;
}
.entry-body h3 a:link { color : #7FBBD7; text-decoration : none;}
.entry-body h3 a:active { color : #7FBBD7; text-decoration : none;}
.entry-body h3 a:visited { color : #7FBBD7; text-decoration : none;}
.entry-body h3 a:hover { color : #69C; text-decoration : none;}

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

/*エントリー：ステータス*/
ul.entry_state {
	margin : 0;
	padding : 0px 10px 0px 0;
	list-style-type : none;
	text-align : right;
}
ul.entry_state li { 
	display : inline; 
}
ul.entry_state li a:link { color : #9C3;text-decoration : none;}
ul.entry_state li a:active { color : #9C3; text-decoration : none;}
ul.entry_state li a:visited { color : #9C3; text-decoration : none;}
ul.entry_state li a:hover { color : #DCB20C; text-decoration : underline;}

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

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

/*新着マーク画像*/
img.newmark {
	margin : 0px ;
	padding : 0px;
	border : none;
}

/*スレッドテーマ*/
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 : 0 1px ;
	text-align : right;
}
.c-list_text {
	line-height : 120%;
	margin : 0px;
	padding : 0 20px ;
	text-align : left;
	overflow : hidden ;
	background-color : #F3F5F4;
}
.c-list_text dl.comment-list {
	margin : 0px;
	padding : 10px 0 ;
	border-bottom : 1px dotted #7FBBD7 ; 
}
.c-list_text dl.comment-list dt{
	color :#DCB20C;
	padding-bottom : 5px ;
}
/*コメントリスト中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%;
	color : #777;
	background-color : #EEF4F7; 
	border-top : 1px dotted #7FBBD7 ; 
	border-bottom : 1px dotted #7FBBD7 ; 
	border-left : 2px dotted #7FBBD7 ; 
	border-right : 1px dotted #7FBBD7 ; 
}

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

/* ============================================= 
その他の設定
 ============================================= */
em ,i { font-style : italic;}
strong ,b { font-weight : bold;}
u { text-decoration : underline;}
p { margin : 0.5em 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 20px;
}
.entry_text dt {
	color : #69C;
	margin : 0px;
	padding : 0px 0px 3px 0px;
}
.entry_text dd {
	line-height : 120%;
	margin : 0px;
	padding : 0px 0px 5px 5px;
}
.entry_text ol {
	text-align : left;
	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 : 4px;
	font-size : 95%;
	line-height : 150%;
	font-weight : normal;
	border : 1px solid #69C;
}
.entry_text th {
	background-color : #EEF4F7;
}

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

/*各エリアサブタイトル*/
#date h2 ,#category h2 ,#search h2 ,#tag h2 ,#titlelist h2  {	
	margin : 0px;
	padding : 10px 0px 10px 20px;
	color : #DCB20C;
	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/hibis-mark.gif");
	background-repeat : no-repeat ;
	background-position : left center; 
}

/*各エリア：見出し*/
#date .entry-body h3 ,#category .entry-body h3 ,#search .enentry-body h3try ,#tag .entry-body h3 ,#titlelist .entry-body h3 {
	margin : 0px;
	padding : 2px 0 2px 10px;
}

/*各エリア：1ブロック*/
#date .entry-body ,#category .entry-body ,#search .entry-body ,#tag .entry-body ,#titlelist .entry-body  {
	margin: 0px;
	padding: 10px 0px ;
 	background-image: none;
}

/* =============================================  
ページ移動
 ============================================= */
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 ;
	padding-bottom : 30px ;
	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/sea-hr.gif");
	background-repeat : no-repeat ;
	background-position : center bottom;
}

/*コメント＆トラックバック：大見出し*/
.commentarea h2,.trackbackarea h2 {
	margin : 0px;
	padding : 5px 0px ;
	color : #DCB20C;
	border-bottom : 2px dotted #DCB20C ;
}

/*コメント＆トラックバック：記事*/
.comment-body,.trackback-body {
	margin : 0px;
	padding : 30px 0px 0 0;
}
/*コメント記事中URL*/
.comment_body a {
	display : block; 
	height :1em; 
	width : 20em; 
	overflow : hidden ;
}

/*コメント＆トラックバック：見出し*/
.comment-body h3 ,.trackback-body h3 {
	margin : 0px;
	padding : 3px 0 3px 20px;
	color : #7FBBD7;
	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/sea-hr-r.gif");
	background-repeat : no-repeat ;
	background-position : right bottom;
}
.trackback-body h3 a:link { color : #7FBBD7; text-decoration : none;}
.trackback-body h3 a:active { color : #7FBBD7; text-decoration : none;}
.trackback-body h3 a:visited { color : #7FBBD7; text-decoration : none;}
.trackback-body h3 a:hover { color : #69C; text-decoration : none;}

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

/*コメント＆トラックバック：ナビゲーション*/
.commentarea ul.entry_navi,.trackbackarea ul.entry_navi {
	text-align : right;
	margin : 0px;
	padding : 0px 20px 0px 0;
}

/*トラバURL*/
.trackbackarea p {
	margin : 10px 0 10px 20px;
	padding : 0px;
}
.trackbackarea p a {
	margin : 0px;
	padding : 2px 5px;
	border-top : 1px dotted #7FBBD7 ; 
	border-bottom : 1px dotted #7FBBD7 ; 
	border-left : 1px dotted #7FBBD7 ; 
	border-right : 1px dotted #7FBBD7 ; 
}
.trackbackarea p a:hover {
	background-color : #FFFFE5;
}

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

/*投稿フォーム*/
.entry_form {
	margin : 20px 0px 0px 0px;
	padding : 20px 0px 0px 0px;
	line-height : 200%;
	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/sea-hr.gif");
	background-repeat : no-repeat ;
	background-position : center top;
}
/*投稿フォーム*/
dl.co_form {
	margin : 0;
	padding : 20px 0 ;
}
/*投稿フォーム：ラベル*/
dl.co_form dt label {
	position : absolute;
	margin-left : 10px;
	text-align : left;
	width : 50px;
	color : #7FBBD7;
}
/*投稿フォーム：入力*/
dl.co_form dd {
	margin-left : 65px;
	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 { 
	margin : 20px 0 20px;
	font-weight : bolder;
	font-size : 120%;
	border-bottom : 2px dotted #7FBBD7 ;
}

/* =============================================  
プラグインカテゴリーメニュー設定（プラグイン設定有効時）
 ============================================= */
#showhidemenu {
	margin : 10px 0px ;
	padding : 0;
	height : 20px;
}
ul#pluginmenu {
	list-style : none;
	margin : 0px;
	padding : 0px;
}
ul#pluginmenu li {
	float : left;
	display : block;
	width : 60px; 
	font-size : 90%;
	margin : 0px 3px 0px 0px;
	padding : 3px 0;
}
ul#pluginmenu li a {
	display : block;
	height : 18px;
	text-align : center;
	text-decoration : none;
	color : #FFF;
	background-color : #93CCE2;
	border-top : 1px dotted #7FBBD7 ; 
	border-right : 1px dotted #7FBBD7 ; 
	border-bottom : 1px dotted #7FBBD7 ; 
	border-left : 1px dotted #7FBBD7 ; 
}

ul#pluginmenu li a:hover {
	color : #69C; 
	background-color : transparent; 
	text-decoration : none; 
}

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

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

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

/*サイド：見出し*/
.side_menu h3 {
	margin : 0px;
	padding : 5px 0 5px 10px;
	color : #7FBBD7;
	background-color : #EEF4F7;
	border-left : 1px dotted #7FBBD7 ; 
	border-right : 1px dotted #7FBBD7 ; 
}

/*サイド：コンテンツ*/
div.side_text {
	margin : 0px ;
	padding : 5px 10px 0px 10px;
}

/*サイドメニュー：リスト*/
.side_menu ul {
	margin : 0 0 0 15px;
	padding : 0px;
	line-height : 150%;
	list-style-type : none;
	list-style-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/sea-flowermark-s.gif"); 
}
.side_menu li {
	margin : 0 ;
	padding : 0;
	border-bottom : 1px dotted #7FBBD7 ; 
}

.side_menu dl {
	margin : 0px;
	padding : 0px;
}
.side_menu dt {
	margin : 0px;
	padding : 0px;
}
.side_menu dd {
	line-height : 150%;
	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 #7FBBD7;
}

/*タグリスト*/
.plugin-tag a {
	border-bottom : 1px dotted #7FBBD7;

text-decoration : none;
}

/* ツリー用スタイル */
.p-comment ul, .p-trackback ul, #p-comment ul, #p-trackback ul {
	margin : 0 0 0 15px;
	padding : 0px;
	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;
	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-orange.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-orange.gif");
	background-repeat : no-repeat ;
	background-position : left top;
	border-bottom : none ; 
}

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

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

/* =============================================  
カレンダー設定
 ============================================= */
.calender {
	font-size : 90%; 
	color : #557C8F;
	background-image : url("http://blog-imgs-24.fc2.com/b/e/i/beigeheart/hibis-blue-fss.gif");
	background-repeat : no-repeat ;
	background-position : 80% 70%;
}
.calender caption {
	font-size : 90%;
	color : #557C8F;
	padding : 5px 0 1px 0;
}
.calender th {
	font-size : 90%;
	font-weight : normal;
	padding : 0;
	text-align : center;
	background-color : #EEF4F7; 
	border-left : 1px dotted #7FBBD7;
	border-right : 1px dotted #7FBBD7;
	border-top : 1px dotted #7FBBD7;
	border-bottom : 2px solid #ABD8E7;
}
.calender td {
	width :  18px;
	padding : 0px;
	text-align : center;
	border-left : 1px dotted #7FBBD7;
	border-right : 1px dotted #7FBBD7;
	border-top : 1px dotted #7FBBD7;
	border-bottom : 1px dotted #7FBBD7;
}
.calender td a {
	display : block;
}
th#sun {
	color : #DCB20C;
	border-bottom : 2px solid #DCB20C ; 
}
th#sat {
	color : #7FBBD7;
	border-bottom : 2px solid #7FBBD7 ; 
}
.calender td a:link {
	color : #FFF; 
	background-color : #ABD8E7; 
	text-decoration : none; 
}
.calender td a:visited { 
	color : #557C8F; 
	background-color : #ABD8E7; 
	text-decoration : none; 
}
.calender td a:hover { 
	color : #69C; 
	background-color : #EEF4F7; 
	text-decoration : none;
}

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

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

at 11:13
[カスタマイズ]
TB(0) |
CO(19)
[Edit]

Comment[この記事へのコメント]

試してみました！

こま母さん
URL
at 2006.07.30 21:35
[編集]

ご連絡　有難うございました。＾＾
早速　試してみたんですが　プラグインを有効にしているにもかかわらず　表示されずに　本文のみの表示になってしまうのですが・・・
お手間をお掛けして　すみません。ｍ（＿＿）ｍ
何か改善方法は　ありますか？

＞こま母さんへ

Chako
URL
at 2006.07.31 02:52
[編集]

ウチで見ると問題なく表示されているようなんですが、
オセロゲームの部分のタグが、ちょっとおかしいですね。
それが原因になっている可能性もあります。
<iframe src="http://weblog29.blog31.fc2.com/file/mini_osero.html" height="230px" width="168px" <br />scrolling="no" frameborder="0" id="osero"><a <br />href="http://weblog29.blog31.fc2.com/">インターネットサービス</a></iframe>
赤い部分に余計な改行タグが入っていますので削除してみて下さい。

できました～＾＾

こま母さん
URL
at 2006.07.31 08:35
[編集]

有難うございます！！
初めにオセロゲームの改行タグを外しましたが　ダメだので　オセロゲーム自体を外し　それでもダメだったので　プロフィールの所に入れている他のプラグインも全部外したら・・・
やった～！！　出来ました～！！
有難うございました。
テンプレートお借りしますね。

また色々なテンプレート　楽しみにしています。
頑張ってください。＾＾

管理人のみ閲覧できます

at 2006.07.31 08:51
[編集]

このコメントは管理人のみ閲覧できます

完璧です！！

こま母さん
URL
at 2006.07.31 14:36
[編集]

またまた　有難うございます！！
書いていただいた通りに　削除したら・・・
出来ました～＾＾
何度も何度もだったので　これ以上迷惑を掛けたら申し訳ないと思っていたんですが　親切にして頂き　本当に有難うございました。
素敵なテンプレートと親切なChakoさんのおかげで
嬉しい気持ちいっぱいです。

＞こま母さんへ

Chako
URL
at 2006.07.31 17:05
[編集]

共有プラグインに色んなモノが登場しているので、チェックしきれないのが現状です。
でも、原因がわかってよかったです。
すべての方の環境で崩れないように作ることって、たぶんウチのようなデザイン重視系では無理です(__;)
なのでみなさまー、個別にご相談くださいね。

NoTitle

ムサシママ
URL
at 2006.07.31 17:39
[編集]

はじめまして！
先日、３カラムを催促してしまった者です。
早速再開していただき、ありがとうございました。
海好きなので、夏らしいステキな海のテンプレを探しておりまして、この度使わせていただこうとダウンロードしたのですが｡｡｡
なぜかコメントが表示されないのです。
PCにうとくて、さっぱりわからないのですが、どうしてもこのテンプレを使いたくてお尋ねいたしました。
どうぞよろしくお願いいたします。

＞ムサシママさんへ

Chako
URL
at 2006.07.31 19:32
[編集]

ダウンロードありがとうございます♪
＞先日、３カラムを催促してしまった者です。
みなさまのリクエスト、とても励みになります(^_^)v
＞なぜかコメントが表示
これは、上の「＞こま母さんへ」というレス中に書いたことと同じかもしれません。
テンプレートHTML内の

から

までを削除してみて下さい。
または、登録テンプレートは該当部分を削除しましたので再度ダウンロードしていただけますか？
お手数かけて申し訳ありませんm(__)m

NoTitle

ムサシママ
URL
at 2006.07.31 20:54
[編集]

早々のお返事ありがとうございました。
早速再ダウンロードしてみましたところ、不具合が解決いたしました。
どうしても、このテンプレを使わせて頂きたかったので、とても嬉しいです。
お世話になりました。
今後もまた楽しみにしております。
ありがとうございました。

スミマセン…

ｌｏｃｏｍｉｋｏ
URL
at 2006.12.16 00:30
[編集]

beige_sea-blue２をダウンロードし、こちらのブログの【beige_sea-blue】記事幅可変版をスタイルシートにコピペし、プレビューしてみたのですがテストブログのように記事幅が広がってません。
スタイルシートのどの部分を直せばいいのか教えて頂けませんか？
表示文字サイズを大にしてもカラム落ちしないように、今は可変版以前のモノを使ってます。

超初心者なので、本当に申し訳ないのですが、すごく気にいったテンプレなのでアドバイス宜しくお願いします

＞ｌｏｃｏｍｉｋｏさんへ

Chako
URL
at 2006.12.16 01:38
[編集]

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

もしかしてプレビューというのは、テンプレートの編集中に更新ボタンの横にある方のものでしょうか？
こちらだと、たまに不具合が出ているようです。
スタイルシートを入れ替えられたら更新ボタンを押し、テンプレートの一覧の方のプレビューで見てください。

ｌｏｃｏｍｉｋｏさんのアドレスだと、たぶんこれですよね？
http://locomiko.blog53.fc2.com/?style2=beige_sea-blue2&index
可変になっているようですが如何でしょうか？
あと、キャッシュを削除することで解決することもあります。

お試し下さいませ。

※スタイルシートの変更箇所はたくさんあるので、やはり入れ替えていただいた方がよいと思います。

アリガトウございます☆

ｌｏｃｏｍｉｋｏ
URL
at 2006.12.16 10:44
[編集]

早速の返答アリガトウございますm(_ _)m

＞もしかしてプレビューというのは、テンプレートの編集中に更新ボタンの横にある方のものでしょうか？
こちらだと、たまに不具合が出ているようです。

…ハイ、そのプレビューのボタン押しました。

スタイルシートを入れ替えられたら更新ボタンを押し、テンプレートの一覧の方のプレビューで見てください。

…やってみましたが、やっぱりサイドカラムが落ちてしまうんです～

＞あと、キャッシュを削除することで解決することもあります。

…スミマセンm(_ _)m どこを削除したらいいのか分かりません（；＿；）

★テストブログのように、サイドやメインの記事幅をめいっぱい広げて、左余白、右余白を少しにしたい。
要は、テストブログと同じフォーマットにしたいだけなのですがー(^◇^;)＞

…勉強不足ですね；もうちょっと頑張ってみます！

あきらめて、他のテンプレにするのはやっぱり惜しいので…どうしても好きなんです♪beige_sea-blueのテンプレ。Chakoさんの対応も親切だし☆

分かりにくい質問でスミマセンでした～

＞ｌｏｃｏｍｉｋｏさんへ

Chako
URL
at 2006.12.16 18:01
[編集]

http://locomiko.blog53.fc2.com/?style2=beige_sea-blue2&index
こちらのスタイルシートを拝見しましたが、レイアウト部分を少し変更されていますよね。

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

ここは記事幅可変にするための数値なので、元通り
margin-left:-251px;
に戻して下さい。これでサイドのカラム落ちはなくなると思います。

わかりにくいようでしたら、ウチのスタイルシートを変更無しでそのまま貼り付けてみてくださいませ。

キャッシュというのは、IEならインターネットオプション内にある「インターネット一時ファイル」という名称になっているのかな？
でもたぶん、更新ボタンを押して通常のプレビューで見ていただければキャッシュは気にしなくてもいいと思うのですが…

もしうまく行かない時は、もう一度ダウンロードからやり直して頂くといいかもしれません。

何度もスミマセンでしたm(_ _)m

ｌｏｃｏｍｉｋｏ
URL
at 2006.12.17 11:10
[編集]

色々丁寧に教えて頂いて、本当に有難うございます。
もう一度ダウンロードしなおして、ウチのＰＣの環境もチェックしてみます(^-^;)
点線の枠線の上に文字がかぶっちゃってますが、読めない事もありませんし。

大事な時間を使ってもらって本当に申し訳ないですm(_ _)m

でも来てヨカッタです★バックアップの書き込みをみて、この頃サーバーの調子が悪かったので勉強になりました(´＿｀)

これからもキレイなテンプレート作って下さいね♪楽しみにしてます！

beige_sea-blue

yoshi
URL
at 2007.08.02 21:51
[編集]

はじめまして。梅雨明けに相応しいテンプレートをさがしていて、ぴったりでしたので使わせて頂きました。おかげさまで好評です。
さいきんはテンプレートも複雑で、なかなか自分でカスタマイズしようにも難しいですね。
これからも期待しています。頑張ってください。

＞yoshiさん

Chako
URL
at 2007.08.04 10:30
[編集]

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

＞さいきんはテンプレートも複雑で、なかなか自分でカスタマイズしようにも難しいですね。
ウチのテンプレは、HTMLを見ると複雑なようですが、CSSの方は色を変える程度ならそんなに大変じゃないと思います。
もし何かカスタマイズしたいところなどありましたら、お気軽にご相談下さいね。

NoTitle

オーロラママ
URL
at 2008.05.07 17:15
[編集]

素敵なテンプレートを使わせて頂いています、ありがとうございます。２カラムの本文の方の幅を狭くして、カテゴリの幅を少し広くしたいのですが、どこをいじればいいのか教えて下さい。また、リンク先の更新を表示したいのですがどうすればいいでしょうか。よろしくお願い致します。

オーロラママさん

Chako
URL
at 2008.05.07 23:01
[編集]

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

この【beige_sea-blue】シリーズは、サイドメニューの幅を背景画像で作っていますので、残念ですが広げることはできません。

例えば以下のような画像です。
http://blog9.fc2.com/b/beigeheart/file/sea-header-3c-k.gif

サイドの幅が広くないと支障がでるようでしたら、すみませんが他のテンプレートに変更されることをお勧めいたします。

＞リンク先の更新を表示したい
というのは、ウチで配布しているテンプレートとは関係のないご質問ですね。
リンクの設定だけで、更新が表示されるのではなく、そのようなサービスを利用する必要があります。
この件は、ユーザーフォーラムで検索されるのが一番だと思います。
http://blog.fc2.com/forum/viewtopic.php?t=7536
こちらのトピックなどが参考になるでしょうか…。

解決になっていないお返事で申し訳ないです。

お気に入りです！

Tiff Mam
URL
at 2008.08.04 16:52
[編集]

Chakoさん，

初めまして。
テンプレートを選んでいると、殆どChakoさんの作品にたどり着きます。
今回もそれらの中でどれにしようかと迷いました。
素敵な作品ばかりなので・・

そして今回、こちらのテンプレートをお借りする事になりました。
記事幅可変バージョンがまた一層お気に入りです。
ありがとうございます。。

今後の作品も楽しみにしています！

Comment_form

△PageTop

Trackback[この記事へのトラックバック]

トラックバックURL
→http://beigeheart.blog9.fc2.com/tb.php/197-32f6eade

«07 | 2008/08 | 09»
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	-	-	-	-	-	-

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

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

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

Tree-LINK

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

*Tree by FCafe

MailForm

テンプレートに関するお問い合わせなどにどうぞ♪

RSS-Link

*pagetop

Excellent Plugin

HTML+CSS2同盟

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

Powered by FCafe

Copyright © BeigeHeart_べーじゅのこころ. Powered By FC2.
Template [beige_sea-blue_ka] Design By BeigeHeart.
FC2ブログ 紹介予定派遣

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	-	-	-	-	-	-

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	-	-	-	-	-	-

BeigeHeart_べーじゅのこころ

Entry

【beige_sea-blue】記事幅可変

Comment[この記事へのコメント]

試してみました！

＞こま母さんへ

できました～＾＾

管理人のみ閲覧できます

完璧です！！

＞こま母さんへ

NoTitle

＞ムサシママさんへ

NoTitle

スミマセン…

＞ｌｏｃｏｍｉｋｏさんへ

アリガトウございます☆

＞ｌｏｃｏｍｉｋｏさんへ

何度もスミマセンでしたm(_ _)m

beige_sea-blue

＞yoshiさん

NoTitle

オーロラママさん

お気に入りです！

Comment_form

Trackback[この記事へのトラックバック]

Menu

Read me

Tree-Comment

Tree-Recent

Tree-Category

Calendar

最近のトラックバック

FC2_BBS

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

カテゴリ（公式デフォルト）

カテゴリ（公式簡易版）

Search

Profile

Tag List

Tree-LINK

MailForm

RSS-Link

Excellent Plugin

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	-	-	-	-	-	-