奥さまはブヒ・別館

*奥さまはブヒ・別館*

		WELCOME

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
ブヒ的テンプレート【クリスマス】
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
■テンプレートご利用の方へ■
貴Blogタイトル名が長い場合など、文字の大きさは
以下の記述を探し文字の(%)をお好みで調節してください。

/*** 記事タイトル部分 ***/
.blog-title-title {
：
font-size: 100%;
：
}

下記CSSをすべてコピペでカスタマイズ完了ですが、
できれば画像はお持ち帰りいただき、ご自分のブログ（サーバー）に
アップロードしていただければ幸いです。

■ ベイビーVer.CSSはこちらからどうぞ↓ ■ /*****************************************************/ /* ヒヨコ君増殖中テンプレート通常版デザイン変更練習用 */ /* http://www.doblog.com/weblog/myblog/3613 */ /* Add a script to CSS　奥さまはブヒ。*/ /* http://www.doblog.com/weblog/myblog/12246*/ /*****************************************************/ /*** 全体の背景設定 ***/ body { color : #666666; background-color : #000000; text-align: center; font-family: "Verdana", "ＭＳＰゴシック", "Osaka", "sans-serif" ; padding-top: 20px; background-image: url("http://img.doblog.com/60000/u59399/1000/FI2399216_3E.gif"); background-attachment: fixed; } /****************** OPTION *******************/ .blog img { border: 0px solid #666666; } hr { color: #666666; height: 1px; } /****************** Newtag *******************/ /*** この記事のURL・トラックバックURLの部分 ***/ .blog-linkurl { font-family: "ＭＳＰゴシック", Osaka, sans-serif; font-size : 75%; border-top: 1px dotted #cccc99; border-bottom: 1px dotted #cccc99; padding: 5px; margin-bottom: 10px; line-height: 150%; } .menu-contents P { margin: 0px 0px 2px } /****************** links *******************/ /*** 未訪問リンク色 ***/ a:link { color : #666666;} /*** 訪問済みリンク色 ***/ a:visited { color : #666666;} /*** マウスを上に乗せたときの色 ***/ a:hover { color : #6fa900; font-weight: bold;} /*** リンクをクリックしたときの色 ***/ a:active { color : #6fa900; font-weight: bold;} /****************** form ********************/ form { margin : 0px } input { border: 1px solid #666666; margin: 2px; } form table input { border: 1px solid #666666; height: 20px; filter: Alpha(opacity=65) } textarea { border: 1px solid #666666; margin: 2px; } form td * { color: #666666; } form td input { color: #666666; !important ; } /************* navigation table **************/ .myblog-position form table { background-image: none; position: absolute; right: 0px; top: 250px; width: 765px; color: #000000; height: 40px; } .myblog-position form td { text-align: left;} /*** Doblogナビゲーションリンク色 ***/ /*** 未訪問リンク色 ***/ .myblog-position A.portalbar:link { color: #666666; text-decoration: none;} /*** 訪問済みリンク色 ***/ .myblog-position A.portalbar:visited { color: #666666; text-decoration: none;} /*** マウスを上に乗せたときの色 ***/ .myblog-position A.portalbar:hover { color: #cccccc; text-decoration: none; background-color: transparent;} /*** リンクをクリックしたときの色 ***/ .myblog-position A.portalbar:active { color: #cccccc; text-decoration: none;} /******************** etc *********************/ /*** 外周ボーダー＆メニュー部分背景色 ***/ .myblog-position { text-align : left; width: 776px; position: relative; background-color: #ffffff; border: 2px solid #cccccc; margin-left: auto; margin-right: auto; } .myblog-contents { padding-bottom: 1px; border-top: 1px solid #cccccc; } /*** NTT-DATA著作権部 ***/ .myblog-position .footer { border: 1px solid #999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: auto; margin-left: 10px; margin-right: 10px; margin-top: 0px; background-color: transparent; color: #999999; } /******************* header ********************/ /*** ヘッダの幅＆背景設定 ***/ .myblog-header { background-color : #000000; height: 300px; width: 100%; background-image: url("http://img.doblog.com/60000/u59399/1000/FI2399216_2E.jpg"); background-repeat: no-repeat; } /*** ブログタイトル設定 ***/ .myblog-header-text { color: #ffffff; font-size: 200%; font-weight: bold; font-family: "Verdana", "ＭＳＰゴシック", "Osaka", "sans-serif" ; padding: 130px 35px 0px; display: block; clear: left; } /*** ブログタイトルリンク設定 ***/ .myblog-header-text a:link { color : #ffffff ; text-decoration: none;} .myblog-header-text a:visited { color : #ffffff ; text-decoration: none;} .myblog-header-text a:hover { color : #ffffff ; text-decoration: none;} .myblog-header-text a:active { color : #ffffff ; text-decoration: none;} /*** ブログタイトル横につく画像の設定 ***/ .myblog-header img { float: left; margin: 12px 15px 0px; } /******************** menu *********************/ .menu a:link { color : #666666 ; text-decoration: none;} .menu a:visited { color : #666666 ; text-decoration: none;} .menu a:hover { color : #666666 ; text-decoration: none;} .menu a:active { color : #666666 ; text-decoration: none;} /*** メニュー部の幅 ***/ .menu { width : 192px; float : right; padding-top: 10px; } /*** メニュー見出し部分 ***/ .menu-header { font-weight: bold; font-size: 70%; font-family: "ＭＳＰゴシック", Osaka, sans-serif; border-bottom: 0px dotted #999999; color: #666666; padding-bottom: 3px; padding-top: 5px; text-indent: 2px; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; } /*** メニューコンテンツ部分 ***/ .menu-contents { font-size: 70%; font-family: "ＭＳＰゴシック", Osaka, sans-serif; line-height: 140%; word-break: break-all; padding: 5px 0px 5px 3px; margin: 5px 0px 15px 5px; } /*** カレンダー幅 ***/ .menu table { text-align: center; font-size: 12px; width: 178px; } nobr { color: #666666; white-space: normal; } /******************* calender *******************/ /*** カレンダー通常 ***/ .calender { padding-top: 2px; padding-bottom: 2px; } /*** カレンダーフォーカス時 ***/ .calender-focus { padding-top: 2px; padding-bottom: 2px; font-weight: bold; background-color : #6fa900; } /********************* blog *********************/ /*** ブログ部背景色・メニューとの境界線ボーダー ***/ .blog { width : 570px; float: right; padding-bottom: 10px; background-color: #ffffff; border-right: 1px solid #cccccc; } .blog-contents { padding-left: 10px; padding-right: 10px; padding-bottom: 5px; } .blog .blog-header { font-family: "ＭＳＰゴシック", Osaka, sans-serif; font-size : 75%; font-weight : bold; color: #000000; width: 100%; text-indent: 10px; padding-top: 5px; padding-bottom: 5px; display: none; } /*** このブログをブックマークする～部分 ***/ .blog-number { font-family: "Verdana", "ＭＳＰゴシック", "Osaka", "sans-serif" ; font-size : 75%; text-align : right; padding-top: 10px; background-color: #ffffff; } .blog-category { padding-bottom: 10px; } .blog-genre { font-family: "ＭＳＰゴシック", Osaka, sans-serif; font-size : 65%; line-height : 125%; padding-top : 5px; padding-bottom : 4px; padding-left : 5px; margin-bottom : 5px; border: 1px solid #999999; } .blog-search { font-family: "ＭＳＰゴシック", Osaka, sans-serif; font-size : 65%; line-height : 125%; padding-top : 5px; padding-bottom : 4px; padding-left : 5px; margin-bottom : 5px; border: 1px solid #999999; } /*** 前のページ・次のページ部分 ***/ .blog-pageselect { font-family: "ＭＳＰゴシック", Osaka, sans-serif; font-size : 65%; text-align : right; border: 0px solid #999; padding: 5px; margin-top: 5px; } /*** 記事の日付部分 ***/ .blog-date { font-size: 70%; font-family: "ＭＳＰゴシック", Osaka, sans-serif; padding-top: 5px; clear: both; margin-top: 10px; text-indent: 5px; visibility: hidden; } .blog-date a { visibility: visible; } .blog-entry { margin-bottom: 40px; } .blog-title { margin-bottom: 15px; } .blog-scene { padding: 5px; margin-bottom: 10px; } /*** 記事タイトル左下の時間・ジャンル部分 ***/ .blog-title-time { font-size: 65%; color: #999999; font-family: "ＭＳＰゴシック", Osaka, sans-serif; padding: 5px; float: left; } /*** 記事タイトル部分 ***/ .blog-title-title { font-weight: bold; font-size: 110%; color: #ff0000; font-family: "Verdana", "ＭＳＰゴシック", "Osaka", "sans-serif" ; border-bottom: 2px dotted #005a18; padding-top: 2px; padding-bottom: 3px; margin-left: 4px; margin-right: 4px; } .blog-title-title a:link { color : #ff0000; text-decoration: none;} .blog-title-title a:visited { color : #ff0000 ; text-decoration: none;} .blog-title-title a:hover { color : #ff0000 ; text-decoration: none;} .blog-title-title a:active { color : #ff0000 ; text-decoration: none;} /*** 記事タイトル右下のスライドショー・編集・削除部分 ***/ .blog-title-slide { font-size: 65%; font-family: "ＭＳＰゴシック", Osaka, sans-serif; text-align: right; padding: 5px; padding: 5px; color: #999999; clear: right; } /*** 投稿画像のマージン・画像の位置 ***/ .blog-image { float: right; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; } /*** 記事の文章フォント設定（サイズ・行間・種類など） ***/ .blog-text { font-size: 75%; line-height: 155%; word-break: break-all; font-family: "Verdana", "ＭＳＰゴシック", "Osaka", "sans-serif" ; } /*** DoblogツールバーでURLを指定したときに出てくるリンク部 ***/ .blog-text-url { margin-top: 1em; word-break: break-all; } /*** 記事右下の最終更新部分 ***/ .blog-update { visibility: hidden; } .blog-entry-footer { } /*** トラックバックを見る書く部分 ***/ .blog-trackback { font-size: 65%; font-family: "ＭＳＰゴシック", Osaka, sans-serif; padding: 5px; line-height: 140%; } /*** ↑ページトップ部分 ***/ .blog-pagetop { font-size: 65%; font-family: "ＭＳＰゴシック", Osaka, sans-serif; text-align: right; display: block; } /******************** popup ********************/ .blog-header { font-family: "ＭＳＰゴシック", Osaka, sans-serif; font-size : 75%; font-weight : bold; color: #003366; text-align: left; margin-right: 5px; margin-left: 5px; border: none; } /*** ポップアップないの背景色など ***/ .blog-popup { padding: 5px; background-color: #f7f7f7; text-align: left; clear: both; margin: 5px; border: 1px solid #333333; } /*** ポップアップのフォント設定 ***/ .blog-popup-text { line-height: 135%; font-family: "ＭＳＰゴシック", Osaka, sans-serif; font-size: 75%; } /*** 説明面倒なので省略 ***/ .blog-popup .blog-title-title { font-weight: bold; font-size: 100%; color: #999; font-family: "ＭＳＰゴシック", Osaka, sans-serif; border-bottom: 1px dotted #666666; padding-top: 5px; padding-bottom: 3px; margin-left: 0px; margin-right: 0px; margin-bottom: 3px; } /********************* END **********************/ /* ここでCSSは終わりです。お疲れ様でした。*/ /* これからも奥さまはブヒ。をよろしくお願いします*/ /* http://www.doblog.com/weblog/myblog/12246*/ /*****************************************************/

■ サンタVer.CSSはこちらからどうぞ↓ ■ /*****************************************************/ /* ヒヨコ君増殖中テンプレート通常版デザイン変更練習用 */ /* http://www.doblog.com/weblog/myblog/3613 */ /* Add a script to CSS　奥さまはブヒ。*/ /* http://www.doblog.com/weblog/myblog/12246*/ /*****************************************************/ /*** 全体の背景設定 ***/ body { color : #666666; background-color : #000000; text-align: center; font-family: "Verdana", "ＭＳＰゴシック", "Osaka", "sans-serif" ; padding-top: 20px; background-image: url("http://img.doblog.com/60000/u59399/1000/FI2399216_3E.gif"); background-attachment: fixed; } /****************** OPTION *******************/ .blog img { border: 0px solid #666666; } hr { color: #666666; height: 1px; } /****************** Newtag *******************/ /*** この記事のURL・トラックバックURLの部分 ***/ .blog-linkurl { font-family: "ＭＳＰゴシック", Osaka, sans-serif; font-size : 75%; border-top: 1px dotted #cccc99; border-bottom: 1px dotted #cccc99; padding: 5px; margin-bottom: 10px; line-height: 150%; } .menu-contents P { margin: 0px 0px 2px } /****************** links *******************/ /*** 未訪問リンク色 ***/ a:link { color : #666666;} /*** 訪問済みリンク色 ***/ a:visited { color : #666666;} /*** マウスを上に乗せたときの色 ***/ a:hover { color : #6fa900; font-weight: bold;} /*** リンクをクリックしたときの色 ***/ a:active { color : #6fa900; font-weight: bold;} /****************** form ********************/ form { margin : 0px } input { border: 1px solid #666666; margin: 2px; } form table input { border: 1px solid #666666; height: 20px; filter: Alpha(opacity=65) } textarea { border: 1px solid #666666; margin: 2px; } form td * { color: #666666; } form td input { color: #666666; !important ; } /************* navigation table **************/ .myblog-position form table { background-image: none; position: absolute; right: 0px; top: 250px; width: 765px; color: #000000; height: 40px; } .myblog-position form td { text-align: left;} /*** Doblogナビゲーションリンク色 ***/ /*** 未訪問リンク色 ***/ .myblog-position A.portalbar:link { color: #666666; text-decoration: none;} /*** 訪問済みリンク色 ***/ .myblog-position A.portalbar:visited { color: #666666; text-decoration: none;} /*** マウスを上に乗せたときの色 ***/ .myblog-position A.portalbar:hover { color: #cccccc; text-decoration: none; background-color: transparent;} /*** リンクをクリックしたときの色 ***/ .myblog-position A.portalbar:active { color: #cccccc; text-decoration: none;} /******************** etc *********************/ /*** 外周ボーダー＆メニュー部分背景色 ***/ .myblog-position { text-align : left; width: 776px; position: relative; background-color: #ffffff; border: 2px solid #cccccc; margin-left: auto; margin-right: auto; } .myblog-contents { padding-bottom: 1px; border-top: 1px solid #cccccc; } /*** NTT-DATA著作権部 ***/ .myblog-position .footer { border: 1px solid #999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: auto; margin-left: 10px; margin-right: 10px; margin-top: 0px; background-color: transparent; color: #999999; } /******************* header ********************/ /*** ヘッダの幅＆背景設定 ***/ .myblog-header { background-color : #000000; height: 300px; width: 100%; background-image: url("http://img.doblog.com/60000/u59399/1000/FI2399216_1E.jpg"); background-repeat: no-repeat; } /*** ブログタイトル設定 ***/ .myblog-header-text { color: #ffffff; font-size: 200%; font-weight: bold; font-family: "Verdana", "ＭＳＰゴシック", "Osaka", "sans-serif" ; padding: 130px 35px 0px; display: block; clear: left; } /*** ブログタイトルリンク設定 ***/ .myblog-header-text a:link { color : #ffffff ; text-decoration: none;} .myblog-header-text a:visited { color : #ffffff ; text-decoration: none;} .myblog-header-text a:hover { color : #ffffff ; text-decoration: none;} .myblog-header-text a:active { color : #ffffff ; text-decoration: none;} /*** ブログタイトル横につく画像の設定 ***/ .myblog-header img { float: left; margin: 12px 15px 0px; } /******************** menu *********************/ .menu a:link { color : #666666 ; text-decoration: none;} .menu a:visited { color : #666666 ; text-decoration: none;} .menu a:hover { color : #666666 ; text-decoration: none;} .menu a:active { color : #666666 ; text-decoration: none;} /*** メニュー部の幅 ***/ .menu { width : 192px; float : right; padding-top: 10px; } /*** メニュー見出し部分 ***/ .menu-header { font-weight: bold; font-size: 70%; font-family: "ＭＳＰゴシック", Osaka, sans-serif; border-bottom: 0px dotted #999999; color: #666666; padding-bottom: 3px; padding-top: 5px; text-indent: 2px; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; } /*** メニューコンテンツ部分 ***/ .menu-contents { font-size: 70%; font-family: "ＭＳＰゴシック", Osaka, sans-serif; line-height: 140%; word-break: break-all; padding: 5px 0px 5px 3px; margin: 5px 0px 15px 5px; } /*** カレンダー幅 ***/ .menu table { text-align: center; font-size: 12px; width: 178px; } nobr { color: #666666; white-space: normal; } /******************* calender *******************/ /*** カレンダー通常 ***/ .calender { padding-top: 2px; padding-bottom: 2px; } /*** カレンダーフォーカス時 ***/ .calender-focus { padding-top: 2px; padding-bottom: 2px; font-weight: bold; background-color : #6fa900; } /********************* blog *********************/ /*** ブログ部背景色・メニューとの境界線ボーダー ***/ .blog { width : 570px; float: right; padding-bottom: 10px; background-color: #ffffff; border-right: 1px solid #cccccc; } .blog-contents { padding-left: 10px; padding-right: 10px; padding-bottom: 5px; } .blog .blog-header { font-family: "ＭＳＰゴシック", Osaka, sans-serif; font-size : 75%; font-weight : bold; color: #000000; width: 100%; text-indent: 10px; padding-top: 5px; padding-bottom: 5px; display: none; } /*** このブログをブックマークする～部分 ***/ .blog-number { font-family: "Verdana", "ＭＳＰゴシック", "Osaka", "sans-serif" ; font-size : 75%; text-align : right; padding-top: 10px; background-color: #ffffff; } .blog-category { padding-bottom: 10px; } .blog-genre { font-family: "ＭＳＰゴシック", Osaka, sans-serif; font-size : 65%; line-height : 125%; padding-top : 5px; padding-bottom : 4px; padding-left : 5px; margin-bottom : 5px; border: 1px solid #999999; } .blog-search { font-family: "ＭＳＰゴシック", Osaka, sans-serif; font-size : 65%; line-height : 125%; padding-top : 5px; padding-bottom : 4px; padding-left : 5px; margin-bottom : 5px; border: 1px solid #999999; } /*** 前のページ・次のページ部分 ***/ .blog-pageselect { font-family: "ＭＳＰゴシック", Osaka, sans-serif; font-size : 65%; text-align : right; border: 0px solid #999; padding: 5px; margin-top: 5px; } /*** 記事の日付部分 ***/ .blog-date { font-size: 70%; font-family: "ＭＳＰゴシック", Osaka, sans-serif; padding-top: 5px; clear: both; margin-top: 10px; text-indent: 5px; visibility: hidden; } .blog-date a { visibility: visible; } .blog-entry { margin-bottom: 40px; } .blog-title { margin-bottom: 15px; } .blog-scene { padding: 5px; margin-bottom: 10px; } /*** 記事タイトル左下の時間・ジャンル部分 ***/ .blog-title-time { font-size: 65%; color: #999999; font-family: "ＭＳＰゴシック", Osaka, sans-serif; padding: 5px; float: left; } /*** 記事タイトル部分 ***/ .blog-title-title { font-weight: bold; font-size: 110%; color: #ff0000; font-family: "Verdana", "ＭＳＰゴシック", "Osaka", "sans-serif" ; border-bottom: 2px dotted #005a18; padding-top: 2px; padding-bottom: 3px; margin-left: 4px; margin-right: 4px; } .blog-title-title a:link { color : #ff0000; text-decoration: none;} .blog-title-title a:visited { color : #ff0000 ; text-decoration: none;} .blog-title-title a:hover { color : #ff0000 ; text-decoration: none;} .blog-title-title a:active { color : #ff0000 ; text-decoration: none;} /*** 記事タイトル右下のスライドショー・編集・削除部分 ***/ .blog-title-slide { font-size: 65%; font-family: "ＭＳＰゴシック", Osaka, sans-serif; text-align: right; padding: 5px; padding: 5px; color: #999999; clear: right; } /*** 投稿画像のマージン・画像の位置 ***/ .blog-image { float: right; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; } /*** 記事の文章フォント設定（サイズ・行間・種類など） ***/ .blog-text { font-size: 75%; line-height: 155%; word-break: break-all; font-family: "Verdana", "ＭＳＰゴシック", "Osaka", "sans-serif" ; } /*** DoblogツールバーでURLを指定したときに出てくるリンク部 ***/ .blog-text-url { margin-top: 1em; word-break: break-all; } /*** 記事右下の最終更新部分 ***/ .blog-update { visibility: hidden; } .blog-entry-footer { } /*** トラックバックを見る書く部分 ***/ .blog-trackback { font-size: 65%; font-family: "ＭＳＰゴシック", Osaka, sans-serif; padding: 5px; line-height: 140%; } /*** ↑ページトップ部分 ***/ .blog-pagetop { font-size: 65%; font-family: "ＭＳＰゴシック", Osaka, sans-serif; text-align: right; display: block; } /******************** popup ********************/ .blog-header { font-family: "ＭＳＰゴシック", Osaka, sans-serif; font-size : 75%; font-weight : bold; color: #003366; text-align: left; margin-right: 5px; margin-left: 5px; border: none; } /*** ポップアップないの背景色など ***/ .blog-popup { padding: 5px; background-color: #f7f7f7; text-align: left; clear: both; margin: 5px; border: 1px solid #333333; } /*** ポップアップのフォント設定 ***/ .blog-popup-text { line-height: 135%; font-family: "ＭＳＰゴシック", Osaka, sans-serif; font-size: 75%; } /*** 説明面倒なので省略 ***/ .blog-popup .blog-title-title { font-weight: bold; font-size: 100%; color: #999; font-family: "ＭＳＰゴシック", Osaka, sans-serif; border-bottom: 1px dotted #666666; padding-top: 5px; padding-bottom: 3px; margin-left: 0px; margin-right: 0px; margin-bottom: 3px; } /********************* END **********************/ /* ここでCSSは終わりです。お疲れ様でした。*/ /* これからも奥さまはブヒ。をよろしくお願いします*/ /* http://www.doblog.com/weblog/myblog/12246*/ /*****************************************************/