どこでもドアーズLabo do_rose_butterfly3cのメニューを白背景に

2007.05/30 （Wed）

do_rose_butterfly3cのメニューを白背景に

do_rose_butterfly3cを白背景にしたいというリクをいただいたのですが、バナー、アイコン等を黒背景用に作っておりますので、素材をすべて作り変えなくてはならなくて、面倒なのです……すみません；；

でも、メニュー部分だけを白にするのなら、リストに使っているアイコンを作り変えるのとCSSを数箇所書き換えるだけでよく、簡単なので、ためしに作ってみました。
メニューを白背景にしたもの

もし他にも、この方がいいという方がいましたら、スタイルシートの編集を見て、プラグインカレンダーの設定とメニューの設定を以下のものに差し替えてくださいね。

/* プラグインカレンダー */
table.calender {
width:98%; /* プラグインカレンダーの幅、最大100%まで */
font-family:Georgia,Arial,Helvetica; /* 文字種類 */
font-size:11px; /* 文字サイズ */
color:#666; /* 文字色 */
}

caption {
text-align:center;
border-bottom:1px dotted #c6f; /* 下にライン */
}

caption a {
font-weight:bold; /* リンクしてある月を太字に */
}

.calender td, .calender th {
text-align:center;
font-weight:normal;
padding:0;
line-height:140%; /* 行間 */
}

.calender td a{
font-weight: bold;
color:#fff; /* 記事を書いた日の色 */
background:#f9f; /* 背景色 */
display: block;
}

/* カーソルを乗せた時の色 */
.calender a:hover{
font-weight: bold;
color:#fff; /* 文字色 */
background:#c6f; /* 背景色 */
text-decoration: none;
}

th#sat {
color:#00f; /* 土曜日の色 */
}
th#sun {
color:#c00; /* 日曜日の色 */
}

/************************************/
/* サイドメニュー（プラグイン1、2共通） */

/* メニュータイトル */
h2 {
text-align:left; /* 左寄せ */
color:#f5f5f5; /* 文字色 */
font-size:12px; /* 文字サイズ */
font-weight:bold; /* 太字 */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/icondobutg1.jpg); /* アイコンURL */
background-repeat:no-repeat;
background-position:left center;
margin:12px 0 2px;
padding:2px 5px 1px 20px;
}

/* メニュー内枠 */
.menu_body {
background:#fff; /* 背景の色 */
border-top:5px double #000; /* ライン */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/kabegrapu.gif); /* 背景画像のURL */
background-position:left bottom; /* 背景画像の位置 */
background-repeat:repeat-x; /* 画像を横にリピート */
margin:0;
padding:0;
}

/* メニュー文字 */
.menu_text {
text-align:left; /* 左寄せ */
font-size:11px; /* 文字サイズ */
color:#666; /* 文字色 */
line-height:130%; /* 行間 */
padding:2px;
}

.menu_text p {
text-align:left; /* 左寄せ */
font-size:11px; /* 文字サイズ */
color:#666; /* メニューの文字色 */
margin:4px;
}

/*メニューリスト親要素*/
.menu_body ul {
text-align:left; /* 左寄せ */
list-style-type:none;
text-decoration:none;
margin:0;
padding:0;
}

/* メニューリスト子要素 */
.menu_body li {
text-align:left; /* 左寄せ */
font-size:12px;/*メニュー項目の字の大きさ*/
color:#f5f5f5;/*メニュー項目の字の色*/
text-decoration:none;
line-height:130%; /* 行間 */
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/ikonkiradow1.gif) no-repeat; /* アイコンURL */
padding:0px 0px 5px 15px;
}</

スポンサーサイト

テンプレート部門に参加中。クリックしてくださると励みになります♪

19:57 | カスタマイズ色々 | TB(0) | CM(2) | EDIT | Top↑

≪SEO対策？ | HOME | 虹薔薇テンプレ登録されました♪≫

Comment

●

はじめまして！
どこドアさんのdo_rose_butterfly2c使わさせてもらってます♪

私は最近カスタマイズに凝ってるのですが、プラグインの折りたたみ(サイドバー?タイトルバー?で開閉するタイプのもの)がどうしてもできません。
いろんなサイトやブログを参考にしたんですが、一箇所だけしか折りたたむことが出来ませんでした(ﾉД`)

またメニューを開いたままブログを閉じると、再アクセスした時もまた、メニューは開いた状態にしたいのですが、どうしたらいいんですか?

初心者なもので質問だらけですいません(´Д`)もし良かったら教えてもらえれば幸いです！

どこに質問したらいいのか分からなくてここにコメントさせていただきました、すいません^_^;

彩 | 2008.05.25(日) 11:55 | URL | 【編集】

●彩さんへ

申し訳ありませんが、規約にありますよう、ジャバスクリプトを書いて欲しい等のリクエスト等は承っておりません～。
共有プラグインに、プラグインの折りたたたみが出来るものがありましたので、それを使ってみてはどうでしょう？
折りたたみで検索すれば出てきますよ。

どこ | 2008.05.26(月) 20:59 | URL | 【編集】

コメントを投稿する

▲PageTop

Trackback

この記事のトラックバックURL

→http://dokode.blog87.fc2.com/tb.php/68-ad9dc4ac
この記事にトラックバックする(FC2ブログユーザー)

この記事へのトラックバック

▲PageTop

| HOME |

応援

ブログランキング・テンプレート部門に参加しています。押してくださると嬉しくて、励みになります（*＾＾*）
（このブログはリンクフリーです、貼るのも切るのもご自由にどうぞ）

カレンダー

11 | 2023/12 | 01
日	月	火	水	木	金	土
-	-	-	-	-	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	-	-	-	-	-	-

Tree-Comment

ブログ検索

テンプレ作成用便利LINK

※（FC2公式）最新障害情報・メンテナンス情報ブログ

管理者ページ

折り畳み式アーカイブ

ページ移動

訪問者数

無料カウンター
BLOG開設日 2006/12/28～

プロフィール

どこドア

Author:どこドア
夫と2人暮らしの兼業主婦。いつまで続くかは未知数ですが、今のマイブームはテンプレ作成♪
サイト歴は約6年ありますが、テーブルレイアウトに頼ってきたため、CSSによるレイアウト歴は1年ちょいです。XHTMLや素材作成にもテンプレ作成を期に初挑戦しました。
基本的に軽くて、見た目でちょっと楽しげな気分になれて、初心者でも使いやすく、閲覧者にも親切なテンプレを作りたいと思っています。
他にサイトやBLOGもやっているので、ここではテンプレ関連に絞ってます。

NAME
TITLE
MAIL
URL
COMMENT
PASS	編集・削除するのに必要
SECRET	管理者だけにコメントを表示（現在非公開コメント投稿不可）

どこでもドアーズLabo

do_rose_butterfly3cのメニューを白背景に

●

●彩さんへ

応援

カレンダー

最新の記事

Tree-Comment

カテゴリ

ブログ検索

テンプレ作成用便利LINK

折り畳み式アーカイブ

ページ移動

訪問者数

プロフィール

文字の拡大・縮小

Blog pet

最近のトラックバック

NewMark

日	月	火	水	木	金	土
-	-	-	-	-	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	-	-	-	-	-	-

日	月	火	水	木	金	土
-	-	-	-	-	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	-	-	-	-	-	-

日	月	火	水	木	金	土
-	-	-	-	-	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	-	-	-	-	-	-